:root{--primary-color: #ffffff;--bg-color: #000000;--overlay-bg: rgba(0, 0, 0, .85);--font-family: "Courier New", Courier, monospace;--shell-panel-bg: linear-gradient(180deg, rgba(11, 16, 26, .78) 0%, rgba(5, 6, 10, .9) 100%);--shell-panel-border: rgba(255, 255, 255, .2);--shell-panel-shadow: 0 24px 90px rgba(0, 0, 0, .55);--shell-kicker-color: rgba(255, 255, 255, .62);--shell-glow: rgba(112, 144, 255, .14);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}[hidden]{display:none!important}html{margin:0;padding:0;overflow:hidden;height:100%;width:100%}body{margin:0;padding:0;overflow:hidden;background:var(--bg-color);font-family:var(--font-family);color:var(--primary-color);-webkit-user-select:none;user-select:none;height:100%;width:100%;position:fixed}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:2000;transition:opacity .8s ease}#loading-scene-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#loading-scene-container canvas{display:block;width:100%;height:100%}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:clamp(24px,5vw,56px);box-sizing:border-box;pointer-events:none;background:linear-gradient(to bottom,#0203082e,#0203081f 34%,#02030880 70%,#000000eb)}#loading-content{width:min(30rem,calc(100vw - 48px));text-align:center;pointer-events:auto}.shell-panel{position:relative;overflow:hidden;padding:clamp(24px,4vw,36px);border:1px solid var(--shell-panel-border);border-radius:24px;background:var(--shell-panel-bg);box-shadow:var(--shell-panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shell-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top center,var(--shell-glow) 0%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 26%);pointer-events:none}.shell-panel>*{position:relative;z-index:1}.shell-kicker{margin:0 0 16px;font-size:.76rem;letter-spacing:.42em;text-transform:uppercase;color:var(--shell-kicker-color)}.shell-lede{margin:0;font-size:1.02rem;line-height:1.7;color:#ffffffd1;text-wrap:balance}.shell-panel-loading{padding-top:clamp(28px,4.2vw,42px)}.loading-title{font-size:clamp(2.4rem,4vw,3.5rem);margin:0 0 .9rem;letter-spacing:8px;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.8);animation:titlePulse 3s ease-in-out infinite;text-wrap:balance}@keyframes titlePulse{0%,to{opacity:.9}50%{opacity:1}}#loading-status{font-size:1rem;opacity:.82;margin-bottom:.4rem;letter-spacing:2px}#loading-progress{font-size:.9rem;opacity:.56;margin-bottom:0}.loading-meta{margin:1.2rem auto 1.8rem;padding-top:1rem;max-width:18rem;border-top:1px solid rgba(255,255,255,.14)}.btn-skip{background:transparent;border:1px solid rgba(255,255,255,.32);padding:10px 22px;font-size:.8rem;opacity:.78;transition:all .3s ease}.btn-skip:hover{opacity:1;border-color:#fffc;background:#ffffff1a}.loader{border:4px solid #333;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px;display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 38%,rgba(123,145,255,.12) 0%,transparent 34%),linear-gradient(180deg,#02040ab8,#000000e6);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:32px 24px;box-sizing:border-box;z-index:1000;text-align:center;transition:opacity .5s ease}#start-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.04) 50%,transparent 100%);background-size:100% 1px;background-repeat:no-repeat;background-position:center;pointer-events:none}#start-screen .shell-panel-start{width:min(34rem,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;gap:.95rem;padding:clamp(28px,4vw,42px)}#start-screen h1{font-size:clamp(2.8rem,5vw,4.4rem);margin:0;letter-spacing:.16em;text-transform:uppercase;text-wrap:balance}#start-screen .shell-lede{max-width:24rem}#pause-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:32px 24px;box-sizing:border-box;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#pause-screen h2{font-size:2rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:3px}.btn{padding:15px 40px;font-size:1.2rem;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}#start-btn{min-width:min(100%,16rem);margin-top:.5rem}.btn:hover{background:var(--primary-color);color:var(--bg-color)}.btn:disabled{opacity:.55;cursor:progress}.screen-status{max-width:34rem;font-size:.95rem;line-height:1.6;opacity:.68;text-wrap:balance}#reticle{position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fffc;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:500}#controls-hint{position:absolute;bottom:24px;left:24px;max-width:22rem;font-size:.9rem;line-height:1.5;opacity:.6;pointer-events:none;z-index:100}#debug-panel{display:none;position:absolute;top:20px;left:20px;background:#000c;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:15px;z-index:1500;font-size:.85rem;min-width:220px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.debug-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2);color:orange}.debug-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.debug-row label,.debug-row span{white-space:nowrap}.debug-row input[type=range]{flex:1;cursor:pointer;accent-color:#ffa500}#speed-value,#current-speed{min-width:45px;text-align:right;font-family:monospace;color:#0f8}body.debug-enabled[data-ui-state=active][data-view-mode=immersive][data-input-mode=desktop] #debug-panel:not([hidden]){display:block}#letter-preview{position:absolute;right:28px;bottom:calc(28px + var(--safe-area-bottom));z-index:100;display:flex;gap:14px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}#letter-preview.visible{opacity:1;transform:translateY(0)}.preview-card{min-width:clamp(112px,12vw,148px);background:#0e0e0ed6;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 4px 20px #00000080;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-card img{display:block;max-width:clamp(112px,12vw,148px);height:auto;border:1px solid rgba(255,255,255,.1);margin-bottom:8px}.preview-label{font-size:.72rem;text-transform:uppercase;letter-spacing:2px;opacity:.7}#subtitle-container{position:absolute;bottom:clamp(132px,18vh,180px);left:50%;transform:translate(-50%);width:min(62vw,760px);text-align:center;z-index:600;pointer-events:none}.subtitle{max-width:100%;background:#000000b8;padding:12px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.12);font-size:1.05rem;line-height:1.55;display:inline-block;box-shadow:0 10px 30px #0000004d;text-shadow:0 1px 2px black;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#touch-joystick-container{display:none;position:fixed;bottom:calc(40px + var(--safe-area-bottom));left:calc(40px + var(--safe-area-left));z-index:1000;pointer-events:auto;touch-action:none}#joystick-base{width:120px;height:120px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}#joystick-knob{width:50px;height:50px;background:#ffffff80;border-radius:50%;position:absolute;transition:transform .05s ease-out;box-shadow:0 2px 10px #0000004d}#touch-look-area{display:none;position:fixed;top:0;right:0;width:50%;height:100%;z-index:999;pointer-events:auto;touch-action:none;align-items:center;justify-content:center}.look-hint{color:#fff6;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;transition:opacity .5s ease;pointer-events:none}#touch-action-btn{display:none;position:fixed;bottom:50px;right:50px;width:70px;height:70px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:2rem;align-items:center;justify-content:center;z-index:1001;cursor:pointer;transition:all .2s ease}#touch-action-btn:active{background:#fff6;transform:scale(.95)}#mobile-pause-btn{display:none;position:fixed;top:calc(20px + var(--safe-area-top));right:calc(20px + var(--safe-area-right));width:50px;height:50px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;align-items:center;justify-content:center;z-index:1001;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#mobile-pause-btn:not([hidden]){display:flex}#mobile-pause-btn:active{background:#000000b3}@media(max-width:768px){#controls-hint,#debug-panel{display:none}#reticle{width:4px;height:4px}.loading-title{font-size:1.8rem;letter-spacing:4px}#loading-overlay{padding:20px;justify-content:flex-end}#loading-content{width:min(100%,26rem)}.shell-panel{border-radius:20px;padding:22px 20px}.shell-kicker{margin-bottom:12px;font-size:.7rem;letter-spacing:.34em}#start-screen h1{font-size:2rem;letter-spacing:.14em}.shell-lede{font-size:.94rem}.screen-status{font-size:.88rem;max-width:19rem}.btn{padding:12px 30px;font-size:1rem}#letter-preview{bottom:calc(100px + var(--safe-area-bottom));right:16px;left:16px;flex-direction:row;justify-content:center;gap:12px}.preview-card{min-width:0;width:min(40vw,132px);padding:10px}.preview-card img{max-width:100%}#subtitle-container{bottom:calc(214px + var(--safe-area-bottom));width:min(88vw,34rem)}.subtitle{font-size:.96rem;padding:10px 14px}#pause-screen h2{font-size:1.5rem}#bird-eye-indicator{top:calc(12px + var(--safe-area-top));left:12px;right:12px;transform:none;padding:12px 16px}}@media(max-width:480px){#joystick-base{width:100px;height:100px}#joystick-knob{width:40px;height:40px}#touch-joystick-container{bottom:30px;left:30px}.loading-title{font-size:1.5rem;letter-spacing:3px}#loading-content{width:100%}#start-screen h1{font-size:1.5rem}#letter-preview{bottom:calc(92px + var(--safe-area-bottom));gap:8px}.preview-card{width:min(42vw,116px);padding:8px}#subtitle-container{bottom:calc(184px + var(--safe-area-bottom))}}@media(hover:none)and (pointer:coarse){#controls-hint,#debug-panel{display:none}}#bird-eye-indicator{position:fixed;top:calc(16px + var(--safe-area-top));left:50%;transform:translate(-50%);z-index:500;background:#000000d9;border:2px solid #4CAF50;border-radius:10px;padding:15px 25px;max-width:min(560px,calc(100vw - 48px));text-align:center;box-shadow:0 4px 20px #4caf504d;pointer-events:none}.bird-eye-title{font-size:1.2rem;font-weight:700;color:#4caf50;margin-bottom:8px;letter-spacing:2px}.bird-eye-controls{font-size:.85rem;color:#fffc;margin-bottom:12px}.bird-eye-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:.75rem}.legend-item{display:flex;align-items:center;gap:5px;color:#ffffffb3}.legend-item .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-item .dot.zone1{background:#64b5f6}.legend-item .dot.zone2{background:#81c784}.legend-item .dot.zone3{background:#ffb74d}.legend-item .dot.zone4{background:#e57373}