:root{--safe-area-top:0px;--safe-area-right:0px;--safe-area-bottom:0px;--safe-area-left:0px;--safe-area-top:constant(safe-area-inset-top);--safe-area-right:constant(safe-area-inset-right);--safe-area-bottom:constant(safe-area-inset-bottom);--safe-area-left:constant(safe-area-inset-left);--safe-area-top:env(safe-area-inset-top, 0px);--safe-area-right:env(safe-area-inset-right, 0px);--safe-area-bottom:env(safe-area-inset-bottom, 0px);--safe-area-left:env(safe-area-inset-left, 0px);--stone-1:#1a1025;--stone-2:#231428;--stone-3:#2d1b3d;--panel-1:#3d2454;--panel-2:#2a1839;--panel-edge:#5e3a7a;--gold:#b388ff;--gold-bright:#d4a5ff;--ember:#9c27b0;--ember-deep:#6a1b9a;--text:#f0e6f5;--muted:#b8a5c4;--shadow:rgba(0, 0, 0, 0.55);--title-font:"Palatino Linotype","Book Antiqua",Garamond,Georgia,serif;--ui-font:"Trebuchet MS",Tahoma,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:-webkit-fill-available}body{width:100%;height:100%;height:-webkit-fill-available;overflow:hidden;background-color:#000;font-family:var(--ui-font);overscroll-behavior:none;-webkit-overflow-scrolling:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:var(--text)}.hidden{display:none!important}#game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;width:100dvw;height:100dvh;height:-webkit-fill-available;background-color:#000;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;background-color:#000;touch-action:none;-webkit-touch-callout:none;display:none}#game-canvas.active{display:block}#login-screen{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);background:radial-gradient(circle at 50% 20%,rgba(179,136,255,.12),transparent 60%),linear-gradient(180deg,rgba(26,16,37,.9),rgba(35,20,40,.3) 40%,rgba(26,16,37,.95)),repeating-linear-gradient(90deg,rgba(179,136,255,.03) 0,rgba(179,136,255,.03) 6px,transparent 6px,transparent 34px),repeating-linear-gradient(0deg,rgba(179,136,255,.04) 0,rgba(179,136,255,.04) 8px,transparent 8px,transparent 44px),linear-gradient(180deg,var(--stone-2),var(--stone-1));pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:manipulation;background-image:url('../assets/background.png');background-size:cover;background-position:center;background-repeat:no-repeat}#login-screen::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:0}#login-screen.hidden{display:none}#login-screen:not(.hidden)~#loading{display:none}.login-scene{position:relative;z-index:1;width:min(980px,96vw);max-height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(4px,1.5vh,32px) clamp(6px,2vw,32px)}.login-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.5vh,24px);animation:panel-rise .8s ease-out both}.logo-banner{text-align:center;font-family:var(--title-font);letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.logo-banner .title{font-size:clamp(18px, min(5vw, 5vh), 44px);color:var(--gold-bright);text-shadow:0 4px 10px rgba(0,0,0,.7)}.logo-banner .subtitle{margin-top:clamp(2px,.5vh,6px);display:inline-block;padding:clamp(3px,.5vh,6px) clamp(8px,1.5vw,16px);background:linear-gradient(180deg,#4a148c,#311b92);border:1px solid #7c4dff;color:#e8d5f2;border-radius:18px;font-size:clamp(8px, min(2vw, 1.8vh), 13px);letter-spacing:2px;box-shadow:inset 0 0 8px rgba(0,0,0,.6)}.logo-img{max-width:min(280px,70vw);max-height:min(80px,12vh);width:auto;height:auto;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, .5));display:block;margin:0 auto}.stone-card{width:min(420px,90vw);background:linear-gradient(145deg,var(--panel-1),var(--panel-2));border-radius:clamp(10px,1.5vw,18px);border:2px solid var(--panel-edge);box-shadow:0 24px 50px var(--shadow),inset 0 1px 0 rgba(255,255,255,.08);padding:clamp(10px,2vh,32px) clamp(12px,2.5vw,32px)}.stone-card h2{font-family:var(--title-font);color:var(--gold);font-size:clamp(13px, min(3.5vw, 2.5vh), 20px);text-align:center;margin-bottom:clamp(4px,1vh,16px)}.login-form{display:flex;flex-direction:column;gap:clamp(6px,1.2vh,16px)}.input-group{display:flex;flex-direction:column;gap:clamp(2px,.5vh,6px)}.input-group label{font-size:clamp(10px, min(2.8vw, 1.8vh), 14px);color:var(--muted)}.input-group input{width:100%;padding:clamp(8px,1.5vh,14px);font-size:max(16px, clamp(13px, min(3.5vw, 2vh), 16px));background:#1d1916;border:2px solid #4a4239;border-radius:clamp(6px,1vw,10px);color:var(--text);outline:0;transition:border-color .2s,box-shadow .2s;min-height:44px;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:text;user-select:text}.input-group input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(124,77,255,.3)}.login-buttons{display:grid;gap:clamp(4px,.8vh,10px);margin-top:clamp(2px,.5vh,6px)}.btn{width:100%;padding:clamp(8px,1.5vh,16px);font-size:clamp(11px, min(3vw, 2vh), 15px);font-weight:700;border-radius:clamp(6px,1vw,10px);border:2px solid transparent;cursor:pointer;transition:transform .1s,box-shadow .2s,background .2s;text-transform:uppercase;letter-spacing:.8px;min-height:44px;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,#7c4dff 0,#5e35b1 100%);color:#fff;box-shadow:0 6px 12px rgba(0,0,0,.45),0 0 20px rgba(124,77,255,.3)}.btn-secondary{background:linear-gradient(180deg,#4a2c5e 0,#3d2454 100%);color:var(--text);border-color:#5e3a7a}.login-options{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:clamp(2px,.5vh,10px);font-size:clamp(10px, min(2.8vw, 1.6vh), 13px);color:var(--muted)}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;touch-action:manipulation}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.forgot-link{color:var(--gold-bright);text-decoration:none;touch-action:manipulation}.forgot-link:hover{text-decoration:underline;filter:brightness(1.2)}.error-message{color:#e8d5f2;font-size:clamp(12px, 3vw, 14px);text-align:center;padding:10px 12px;background:rgba(106,27,154,.4);border-radius:8px;border:1px solid rgba(179,136,255,.2);display:none;margin-bottom:8px}.error-message.visible{display:block}.login-response-popup{position:fixed;top:calc(var(--safe-area-top) + 12px);left:50%;transform:translateX(-50%) translateY(-120%);z-index:400;min-width:220px;max-width:min(480px,calc(100vw - 32px - var(--safe-area-left) - var(--safe-area-right)));padding:clamp(10px,1.5vh,14px) clamp(14px,2vw,22px);border-radius:10px;border:1px solid var(--panel-edge);background:linear-gradient(145deg,var(--panel-1),var(--panel-2));box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 12px rgba(179,136,255,.2);color:#fff;font-size:clamp(12px, min(2.8vw, 1.8vh), 14px);font-family:var(--ui-font);visibility:hidden;opacity:0;pointer-events:none;transition:transform .3s ease-out,opacity .25s ease-out,visibility 0s .35s;-webkit-tap-highlight-color:transparent}.login-response-popup.visible{transform:translateX(-50%) translateY(0);visibility:visible;opacity:1;pointer-events:auto;transition:transform .3s ease-out,opacity .25s ease-out,visibility 0s 0s}.login-response-popup.dismissing{transform:translateX(-50%) translateY(-120%);visibility:hidden;opacity:0;pointer-events:none;transition:transform .3s ease-in,opacity .2s ease-in,visibility 0s .35s}.login-response-line{margin:3px 0;line-height:1.4}.login-response-dismiss{display:block;margin:8px auto 0;padding:8px 22px;min-height:36px;border:1px solid var(--panel-edge);border-radius:6px;background:rgba(255,255,255,.06);color:var(--muted);font-size:12px;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;touch-action:manipulation}.login-response-dismiss:hover{background:rgba(255,255,255,.12);color:var(--text)}.login-footer{margin-top:clamp(2px,.5vh,10px);font-size:clamp(9px, min(2.4vw, 1.4vh), 12px);color:var(--muted);text-align:center}.login-footer span{color:var(--gold-bright)}.world-pill{position:fixed;left:calc(var(--safe-area-left) + 16px);bottom:calc(var(--safe-area-bottom) + 16px);pointer-events:auto;z-index:2;background:linear-gradient(180deg,#4a2c5e 0,#2d1b3d 100%);border:2px solid #5e3a7a;color:var(--text);padding:10px 14px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 14px rgba(0,0,0,.45);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.world-pill-title{font-size:12px;font-weight:700}.world-pill small{font-size:10px;color:var(--gold);text-transform:none;letter-spacing:0}.mute-toggle{position:fixed;right:calc(var(--safe-area-right) + 16px);bottom:calc(var(--safe-area-bottom) + 16px);pointer-events:auto;z-index:2;width:52px;height:52px;border-radius:50%;border:2px solid #5e3a7a;background:linear-gradient(180deg,#4a2c5e 0,#2d1b3d 100%);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.45);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mute-toggle svg{width:28px;height:28px;fill:none;stroke:#d0c4b3;stroke-width:2}.mute-toggle .icon-muted{display:none}.mute-toggle.muted .icon-muted{display:block;stroke:#ff4d4d}.mute-toggle.muted .icon-sound{display:none}.fullscreen-btn{position:fixed;top:calc(var(--safe-area-top) + 16px);left:calc(var(--safe-area-left) + 16px);z-index:250;width:44px;height:44px;border-radius:12px;border:2px solid var(--panel-edge);background:linear-gradient(180deg,var(--panel-1),var(--panel-2));color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.45);transition:transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fullscreen-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.5)}.fullscreen-btn:active{transform:scale(.95)}.fullscreen-btn svg{width:22px;height:22px;stroke:var(--gold-bright)}.fullscreen-btn .fs-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:0;white-space:nowrap;padding:8px 12px;border-radius:8px;background:linear-gradient(145deg,var(--panel-1),var(--panel-2));border:1px solid var(--panel-edge);box-shadow:0 6px 18px rgba(0,0,0,.5);color:var(--text);font-size:12px;line-height:1.4;pointer-events:none;z-index:251}.fullscreen-btn .fs-tooltip.show{display:block;animation:tooltip-fade 3s ease-out forwards}#loading{position:fixed;inset:0;display:flex;z-index:260;align-items:center;justify-content:center;background:rgba(0,0,0,.6);pointer-events:none}.loading-panel{width:min(340px,86vw);padding:18px 20px;background:linear-gradient(145deg,var(--panel-1),var(--panel-2));border-radius:14px;border:2px solid var(--panel-edge);text-align:center;box-shadow:0 18px 40px var(--shadow)}#loading-text{color:var(--gold-bright);margin-bottom:12px;min-height:20px;font-size:14px}#loading-bar-container{width:100%;height:26px;background-color:#15110f;border:2px solid #6a5f52}#loading-bar{height:100%;width:0%;background:linear-gradient(to bottom,#7c4dff 0,#b388ff 50%,#7c4dff 100%);transition:width .2s ease-out}.login-screen-content{display:none}.login-screen-content.active{display:block}.screen-message{color:var(--text);font-size:clamp(12px, min(3vw, 2vh), 14px);text-align:center;line-height:1.5;margin-bottom:clamp(8px,1.5vh,16px)}.screen-message .msg-header{color:var(--gold-bright);font-family:var(--title-font);font-size:clamp(14px, min(3.5vw, 2.5vh), 18px);margin-bottom:8px}.dob-row{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.dob-row .dob-sep{font-size:20px;color:var(--muted);line-height:44px}.dob-row input.dob-digit{width:38px;height:44px;text-align:center;font-size:18px;background:#1d1916;border:2px solid #4a4239;border-radius:8px;color:var(--text);outline:0;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:text;user-select:text}.dob-row input.dob-digit:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(124,77,255,.3)}.link-btn{background:0 0;border:none;color:var(--gold-bright);text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;touch-action:manipulation}.link-btn:hover{filter:brightness(1.2)}#world-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;z-index:300;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}#world-modal.visible{display:flex}.world-modal-content{width:min(360px,90vw);max-height:70vh;background:linear-gradient(145deg,var(--panel-1),var(--panel-2));border:2px solid var(--panel-edge);border-radius:12px;overflow:hidden}.world-modal-header{padding:16px 20px;border-bottom:1px solid #3a342f;display:flex;justify-content:space-between;align-items:center}.world-modal-header h2{color:var(--gold-bright);font-size:18px;font-family:var(--title-font)}.close-btn{background:0 0;border:none;color:#a39a8f;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.close-btn:hover{color:#fff}.world-list{max-height:50vh;overflow-y:auto}.world-item{padding:14px 20px;border-bottom:1px solid #2a2420;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;touch-action:manipulation}.world-item:hover{background:rgba(215,181,107,.1)}.world-item.selected{background:rgba(215,181,107,.2);border-left:3px solid var(--gold)}#rotate-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;flex-direction:column;justify-content:center;align-items:center;color:#ccc;font-size:16px;gap:16px}#rotate-overlay svg{opacity:.8}#rotate-overlay p{margin:0;letter-spacing:.5px}@media (orientation:portrait) and (hover:none){#rotate-overlay{display:flex}}#keyboard-input{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;font-size:16px}@keyframes tooltip-fade{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}100%{opacity:0}}@keyframes panel-rise{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@media (max-height:400px) and (orientation:landscape){.logo-banner{display:flex;align-items:center;gap:10px}.logo-img{max-height:40px;max-width:140px}.logo-banner .subtitle{margin-top:0;font-size:9px;padding:2px 8px}.login-panel{gap:4px}.stone-card{padding:8px 12px}.stone-card h2{margin-bottom:4px;font-size:13px}.login-form{gap:4px}.input-group{gap:1px}.input-group label{font-size:10px}.input-group input{padding:6px 8px;min-height:36px}.login-buttons{gap:4px;margin-top:2px}.btn{padding:6px;min-height:36px;font-size:11px}.login-options{margin-top:2px;font-size:10px}.login-footer{margin-top:2px;font-size:9px}.world-pill{padding:6px 10px;border-radius:8px}.world-pill-title{font-size:10px}.world-pill small{font-size:9px}.mute-toggle{width:40px;height:40px}.mute-toggle svg{width:22px;height:22px}.loading-panel{padding:10px 14px}#loading-text{font-size:12px;margin-bottom:8px}#loading-bar-container{height:20px}}@media (min-width:1200px) and (min-height:800px){.login-scene{width:min(520px,96vw)}}#plugin-panel{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);z-index:100;width:min(280px,80vw);background:rgba(24,24,24,.94);border:1px solid rgba(80,80,80,.4);border-top:none;border-radius:0 0 10px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.5);overflow:hidden;transition:transform .25s ease-out,opacity .2s ease-out;opacity:0;pointer-events:none}#plugin-panel.open{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.plugin-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(80,80,80,.3)}.plugin-panel-header span{font-size:13px;font-weight:700;color:#e0e0e0;letter-spacing:.5px;text-transform:uppercase}#plugin-panel-close{background:0 0;border:none;color:grey;font-size:20px;line-height:1;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#plugin-panel-close:hover{color:#e0e0e0;background:rgba(255,255,255,.08)}.plugin-list{padding:4px 0}.plugin-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s}.plugin-row:hover{background:rgba(255,255,255,.04)}.plugin-name{font-size:13px;color:#d0d0d0}.plugin-toggle{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.plugin-toggle input{opacity:0;width:0;height:0;position:absolute}.plugin-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#3a3a3a;border-radius:10px;transition:background .2s}.plugin-toggle-slider::before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:#888;border-radius:50%;transition:transform .2s,background .2s}.plugin-toggle input:checked+.plugin-toggle-slider{background:#2e7d32}.plugin-toggle input:checked+.plugin-toggle-slider::before{transform:translateX(18px);background:#66bb6a}@media (max-height:400px) and (orientation:landscape){.plugin-panel-header{padding:6px 12px}.plugin-row{padding:6px 12px}.plugin-name{font-size:12px}}