:root{--pine: #1a2e1a;--deep-forest: #142414;--forest: #243824;--moss: #3d5c3a;--fern: #527a4e;--sage: #7a9e75;--lichen: #a3bc9e;--mist-green: #c8d9c4;--haze: #dce8d8;--morning-mist: #edf2eb;--water-deep: #1e3a3a;--water-mid: #2a5252;--water-light: #4a7a7a;--water-foam: #c8ddd8;--parchment: #f0f4ee;--cream: #f8faf6;--paper: #f6f1e4;--ink: #1a2018;--ink-mid: #3a4838;--ink-light: #5a6858;--gold-moss: #8a9a4a;--gold-warm: #b8a86a;--gold-light: #d8cc98;--clay: #c08a6a;--accent: var(--fern);--accent-strong: var(--moss);--radius: 16px;--shadow-soft: 0 18px 50px rgba(26, 46, 26, .22);--shadow-card: 0 30px 80px rgba(20, 36, 20, .35);--font-body: "Cormorant Garamond", "Noto Serif JP", serif;--font-display: "Cormorant Garamond", serif;--font-label: "Cinzel", serif;--font-jp: "Noto Serif JP", serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--deep-forest);color:var(--ink);font-family:var(--font-body);font-size:17px;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;transform:translate(-50%,-50%);pointer-events:none;z-index:100000;opacity:0;transition:opacity .3s ease}.cursor-dot{width:7px;height:7px;border-radius:50%;background:var(--fern);transition:opacity .3s ease,transform .18s ease,background .3s ease}.cursor-ring{width:30px;height:30px;border:1px solid var(--lichen);border-radius:50%;transition:opacity .3s ease,width .3s ease,height .3s ease,border-color .3s ease,background .3s ease}.cursor-dot.is-visible,.cursor-ring.is-visible{opacity:1}.cursor-dot.is-hover{transform:translate(-50%,-50%) scale(2);background:var(--gold-warm)}.cursor-ring.is-hover{width:50px;height:50px;border-color:var(--gold-warm);background:#b8a86a14}.cursor-ring.is-down{width:22px;height:22px;border-color:var(--fern)}.eyebrow{font-family:var(--font-label);font-size:.66rem;font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:var(--fern);margin:0 0 16px}.hero-title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.6rem,4.4vw,4.2rem);line-height:1.02;letter-spacing:-.015em;color:var(--ink);margin:0}.hero-divider{display:block;width:84px;height:1px;margin-top:20px;background:linear-gradient(to right,var(--gold-warm),transparent)}.subheading{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(1.5rem,2.3vw,2rem);color:var(--moss);margin:0 0 12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--lichen);border-radius:999px;padding:12px 26px;font-family:var(--font-label);font-size:.72rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mid);background:#7a9e7514;cursor:pointer;transition:transform .18s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-1px);background:#3d5c3a29;border-color:var(--moss);color:var(--forest)}.btn--primary{background:linear-gradient(135deg,var(--fern),var(--moss));border-color:transparent;color:var(--cream);box-shadow:0 12px 30px #3d5c3a59}.btn--primary:hover{color:var(--cream);background:linear-gradient(135deg,var(--sage),var(--fern))}.btn--ghost{background:transparent}.btn--ghost.is-active{background:#527a4e33;border-color:var(--fern);color:var(--forest)}.btn--fly{padding:18px 56px;font-size:.95rem;letter-spacing:.3em;color:var(--cream);border:1px solid rgba(216,204,152,.7);background:linear-gradient(135deg,var(--fern),var(--gold-moss));box-shadow:0 0 #b8a86a99,0 14px 40px #3d5c3a66;animation:flyGlow 2.6s ease-in-out infinite}.btn--fly:hover{transform:translateY(-2px) scale(1.02);color:var(--cream);background:linear-gradient(135deg,var(--sage),var(--gold-warm))}@keyframes flyGlow{0%,to{box-shadow:0 0 #b8a86a8c,0 14px 40px #3d5c3a66}50%{box-shadow:0 0 34px 6px #b8a86a8c,0 14px 46px #3d5c3a80}}.page--interactive,.world,.world-ui{position:absolute;top:0;right:0;bottom:0;left:0}.world{background:var(--deep-forest);transition:filter .6s ease}.world canvas{display:block}.biome-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.biome-tint{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;transition:background-color .5s linear}.biome-whiteout{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4f7fb;opacity:0;transition:opacity .18s linear}.world.is-blurred{filter:blur(14px) brightness(.82) saturate(1.05)}.world-ui{pointer-events:none;z-index:5}.world-ui button{pointer-events:auto}.top-menu{position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none}.top-menu__panel{display:flex;justify-content:center;transform:translateY(-120%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.top-menu.is-open .top-menu__panel{transform:translateY(0);pointer-events:auto}.top-menu__tab{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:54px;height:26px;padding:0;border:1px solid var(--lichen);border-top:none;border-radius:0 0 14px 14px;background:#f6f1e4c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-mid);cursor:pointer;pointer-events:auto;opacity:1;transition:opacity .35s ease,transform .25s ease,color .25s ease}.top-menu__tab:hover{color:var(--forest);transform:translate(-50%) translateY(2px)}.top-menu__tab svg{display:block;animation:tab-bob 2.2s ease-in-out infinite}@keyframes tab-bob{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}.top-menu.is-open .top-menu__tab,.top-menu.is-locked .top-menu__tab{opacity:0;pointer-events:none}.top-menu__mist{position:absolute;top:0;left:50%;transform:translate(-50%);width:150%;height:230px;filter:blur(10px);pointer-events:none}.top-menu__mist--day{background:radial-gradient(58% 120% at 50% 0%,rgba(237,242,235,.92),rgba(200,217,196,.5) 55%,transparent 80%);opacity:calc(1 - var(--night, 0))}.top-menu__mist--night{background:radial-gradient(58% 120% at 50% 0%,rgba(18,28,44,.92),rgba(26,38,58,.5) 55%,transparent 80%);opacity:var(--night, 0)}.top-menu__bar{position:relative;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:18px 18px 26px;pointer-events:none}.top-menu.is-open .top-menu__bar{pointer-events:auto}.top-menu__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--lichen);background:#f6f1e4c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-mid);font-family:var(--font-label);font-size:.66rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;padding:11px 20px;border-radius:999px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .18s ease,border-color .25s ease}.top-menu__btn:hover{background:var(--cream);border-color:var(--fern);color:var(--forest);transform:translateY(2px)}.top-menu__btn.is-disabled{position:relative;opacity:.42;cursor:not-allowed;color:var(--ink-mid);border-color:var(--lichen);background:#f6f1e48c}.top-menu__btn.is-disabled:hover{background:#f6f1e48c;border-color:var(--lichen);color:var(--ink-mid);transform:none}.top-menu__btn.is-disabled:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;padding:7px 13px;border-radius:8px;background:#141a18eb;color:#eef3ec;font-size:.6rem;letter-spacing:.08em;text-transform:none;pointer-events:none;box-shadow:0 6px 18px #0000004d}.info-screen{position:absolute;top:18px;right:18px;z-index:15;min-width:300px;max-width:360px;padding:12px 14px;border:1px solid rgba(120,220,255,.35);border-radius:10px;background:linear-gradient(160deg,#08141ec7,#060e18b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 24px #00000059,inset 0 0 18px #3cb4e614;color:#bfe9ff;font-family:var(--font-label, monospace);overflow:hidden;opacity:0;transform:translateY(-8px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.info-screen.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.info-screen__scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(120,220,255,.06) 0px,rgba(120,220,255,.06) 1px,transparent 2px,transparent 4px);pointer-events:none;opacity:.5}.info-screen__row{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:3px 0}.info-screen__row+.info-screen__row{border-top:1px solid rgba(120,220,255,.1)}.info-screen__label{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#8cc8e6b3}.info-screen__value{font-size:.72rem;letter-spacing:.04em;color:#d8f3ff;text-align:right;text-shadow:0 0 6px rgba(90,200,255,.45);max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-screen__track-end{display:flex;align-items:center;gap:8px;min-width:0}.info-screen__track-end .info-screen__value{flex:1;min-width:0}.info-screen__btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid rgba(120,220,255,.35);border-radius:6px;background:#081824d9;color:#bfe9ff;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease,opacity .15s ease}.info-screen__btn:hover{border-color:#a0f0ffa6;background:#10283af2}.info-screen__btn--radio.is-muted{opacity:.45;border-color:#ff787873;color:#ffb8b8}.info-screen__btn-icon{font-size:.85rem;line-height:1}.info-screen__row--location{flex-wrap:wrap;align-items:center}.info-screen__location-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.info-screen__location-nav .info-screen__btn--nav{width:24px;height:24px;font-size:1rem;line-height:1;opacity:.85;pointer-events:auto;padding:0}.info-screen__location-nav .info-screen__btn--nav:hover{opacity:1;border-color:#a0f0ffa6}.info-screen__location-nav.is-active .info-screen__btn--nav{opacity:1;border-color:#ffd2788c}.info-screen__value--location{min-width:110px;text-align:center}.info-screen__label--static.is-hidden,.info-screen__label--hyperdrive.is-hidden{display:none}.info-screen__label--hyperdrive{border:none;background:transparent;padding:0;cursor:pointer;font-family:inherit;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#ffd278f2;text-shadow:0 0 8px rgba(255,180,80,.45)}.info-screen__label--hyperdrive:hover{color:#ffe6a8}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:auto;opacity:0;transition:opacity .4s ease}.overlay.is-visible{opacity:1}.overlay--welcome{display:flex;padding:clamp(12px,2.2vmin,28px)}.overlay--welcome .overlay__card{width:100%;height:100%;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(216,204,152,.7);box-shadow:0 0 0 1px #d8cc9859,0 0 38px 6px #b8a86a66,0 0 70px 10px #7a9e754d,var(--shadow-card);transform:scale(.985);transition:transform .4s ease;animation:cardGlow 4.5s ease-in-out infinite}@keyframes cardGlow{0%,to{box-shadow:0 0 0 1px #d8cc9859,0 0 30px 4px #b8a86a59,0 0 60px 8px #7a9e7540,var(--shadow-card)}50%{box-shadow:0 0 0 1px #d8cc9880,0 0 46px 8px #b8a86a80,0 0 86px 14px #7a9e755c,var(--shadow-card)}}.overlay--welcome.is-visible .overlay__card{transform:scale(1)}.overlay--settings{display:flex;align-items:center;justify-content:center;background:#14241480;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-card{position:relative;width:min(460px,92vw);border-radius:var(--radius);padding:30px 30px 32px;background:var(--cream);border:1px solid var(--lichen);box-shadow:var(--shadow-card);transform:translateY(10px) scale(.98);transition:transform .32s ease}.overlay--settings.is-visible .settings-card{transform:translateY(0) scale(1)}.overlay--beta{display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vmin,40px);background:#0c18128c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.beta-card{width:min(520px,100%);max-height:min(88vh,720px);overflow-y:auto;border-radius:var(--radius);border:1px solid rgba(168,216,255,.55);background:#101c16eb;box-shadow:0 0 0 1px #a8d8ff40,0 0 40px 8px #64b4ff40,var(--shadow-card);padding:clamp(20px,3vmin,32px);transform:scale(.97);transition:transform .35s ease}.overlay--beta.is-visible .beta-card{transform:scale(1)}.beta-card__header{margin-bottom:16px}.beta-card__title{margin:6px 0 0;font-size:clamp(1.4rem,3vmin,1.85rem);color:#e8f4ff}.beta-card__body{font-size:.92rem;line-height:1.55;color:#dcebdceb}.beta-card__body p{margin:0 0 12px}.beta-card__lead{font-size:1rem;color:#f0f8ff}.beta-card__list{margin:0 0 14px;padding-left:1.2rem}.beta-card__list li{margin-bottom:8px}.beta-card__list kbd{display:inline-block;padding:1px 6px;border-radius:4px;font-family:var(--font-label);font-size:.72rem;letter-spacing:.08em;background:#ffffff14;border:1px solid rgba(200,217,196,.35)}.beta-card__warning{padding:10px 12px;border-radius:8px;background:#78281440;border:1px solid rgba(255,140,80,.45);color:#ffd8c0}.beta-card__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.beta-card__btn{cursor:pointer;padding:10px 22px;border-radius:999px;font-family:var(--font-label);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(200,217,196,.4);background:#14241480;color:var(--haze);transition:background .2s ease,border-color .2s ease,color .2s ease}.beta-card__btn:hover{color:#fff;border-color:#ffe6aaa6}.beta-card__btn--accept{color:#0a1a28;background:linear-gradient(180deg,#c8e8ff,#7eb8ff);border-color:#8cc8ffd9}.beta-card__btn--accept:hover{color:#001020}.beta-card__btn--deny:hover{background:#3c141473;border-color:#ff78648c}.overlay__close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--lichen);background:#7a9e751a;color:var(--ink-mid);font-size:20px;line-height:1;cursor:pointer}.overlay__close:hover{background:#3d5c3a29;border-color:var(--moss)}.split-layout{display:flex;width:100%;height:100%}.split-layout__aside{position:relative;flex:0 0 30%;max-width:30%;overflow:hidden;background:linear-gradient(180deg,#7a9e7557,#24382475);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border-right:1px solid rgba(163,188,158,.5)}.split-layout__main{position:relative;flex:1 1 70%;min-width:0;display:flex;background:linear-gradient(180deg,#d7e3d2 0%,var(--haze) 30%,var(--parchment) 70%,var(--cream) 100%);overflow:hidden}.split-layout--page{position:absolute;top:0;right:0;bottom:0;left:0}.character-panel{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 20px 0}.character-figure{position:relative;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center}.character-figure__img{width:auto;max-width:92%;max-height:62vh;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 26px rgba(20,36,20,.5))}.character-figure__placeholder{display:none;width:140px;height:140px;border-radius:50%;align-items:center;justify-content:center;margin-bottom:30px;background:linear-gradient(135deg,var(--sage),var(--moss));color:var(--cream);font-family:var(--font-label);font-size:28px;letter-spacing:.1em}.character-panel--no-image .character-figure__img{display:none}.character-panel--no-image .character-figure__placeholder{display:flex}.character-bubble{position:relative;align-self:center;max-width:94%;margin-bottom:18px;padding:18px 20px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.012) 0px,rgba(0,0,0,.012) 1px,transparent 1px,transparent 24px),linear-gradient(160deg,#fdfaf0,#f3ecd8);color:var(--ink);font-size:1.04rem;line-height:1.5;border:1px solid rgba(184,168,106,.5);border-radius:10px;box-shadow:0 12px 26px #14241447,inset 0 1px #fff9;transform:rotate(-1.2deg);z-index:3}.character-bubble.is-animating{animation:paperSettle .45s cubic-bezier(.18,1.2,.4,1)}.character-bubble:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:rgba(184,168,106,.35) transparent;border-radius:0 10px 0 6px}.character-bubble:after{content:"";position:absolute;bottom:-13px;left:46px;width:0;height:0;border-width:14px 13px 0 0;border-style:solid;border-color:#f3ecd8 transparent transparent transparent;filter:drop-shadow(0 6px 4px rgba(20,36,20,.12))}.character-bubble__caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--moss);opacity:0}.character-bubble__caret.is-typing{animation:caretBlink .9s steps(1) infinite}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes paperSettle{0%{transform:rotate(-1.2deg) scale(.94);opacity:.5}60%{transform:rotate(-.4deg) scale(1.015)}to{transform:rotate(-1.2deg) scale(1);opacity:1}}.info-scroll{position:relative;z-index:2;width:100%;height:100%;overflow-y:auto;padding:clamp(34px,4vw,60px);font-weight:500}.info-hero{margin-bottom:34px}.info-section{margin-bottom:32px}.info-section p{margin:0 0 14px;color:var(--ink-mid);font-weight:500;line-height:1.7}.note-box{padding:14px 18px;border-radius:12px;border-left:3px solid;color:var(--ink)!important;font-weight:600;line-height:1.6}.note-box--info{background:#4a7a7a1f;border-left-color:var(--water-light)}.note-box--skip{background:#b8a86a29;border-left-color:var(--gold-warm)}.control-boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.control-box{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid;background:var(--cream)}.control-box__keys{display:flex;gap:5px;flex:0 0 auto}.control-box__label{font-size:.96rem;font-weight:600;color:var(--ink-mid);line-height:1.3}.control-box--thrust{background:#4a7a7a1f;border-color:#4a7a7a73}.control-box--turn{background:#527a4e24;border-color:#527a4e80}.control-box--strafe{background:#b8a86a29;border-color:#b8a86a8c}.control-box--boost{background:#c08a6a24;border-color:#c08a6a80}.key{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 9px;border-radius:7px;border:1px solid var(--lichen);background:var(--cream);box-shadow:0 2px #7a9e7566;font-family:var(--font-label);font-size:.72rem;font-weight:500;color:var(--forest)}.key--wide{min-width:52px}.keyboard-figure{margin:20px 0;text-align:center}.keyboard-figure__img{width:auto;max-width:min(320px,70%);max-height:200px;border-radius:12px;border:1px solid var(--lichen);box-shadow:var(--shadow-soft)}.info-actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.check-box{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:#7a9e751f;border:1px solid rgba(82,122,78,.4);cursor:pointer;-webkit-user-select:none;user-select:none}.check-box__input{position:absolute;opacity:0;pointer-events:none}.check-box__tick{position:relative;flex:0 0 auto;width:26px;height:26px;border-radius:7px;border:1.5px solid var(--fern);background:var(--cream);transition:background .2s ease,border-color .2s ease}.check-box__tick:after{content:"";position:absolute;top:3px;left:9px;width:6px;height:12px;border:solid var(--cream);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .18s ease}.check-box__input:checked+.check-box__tick{background:var(--fern);border-color:var(--moss)}.check-box__input:checked+.check-box__tick:after{transform:rotate(45deg) scale(1)}.check-box__label{color:var(--ink-mid);font-size:1rem;font-weight:600}.check-box__label em{color:var(--ink-light);font-style:italic}.toggle{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink-light);font-size:1rem}.toggle__input{position:absolute;opacity:0;pointer-events:none}.toggle__track{position:relative;width:46px;height:26px;border-radius:999px;background:#527a4e33;border:1px solid var(--lichen);transition:background .2s ease;flex:0 0 auto}.toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--cream);transition:transform .2s ease}.toggle__input:checked+.toggle__track{background:linear-gradient(135deg,var(--fern),var(--moss))}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(20px)}.settings-title{font-family:var(--font-display);font-weight:500;font-size:1.9rem;margin:0 0 20px;color:var(--ink)}.settings-group{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(82,122,78,.18)}.settings-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-group__label{display:block;font-family:var(--font-label);font-size:.62rem;text-transform:uppercase;letter-spacing:.28em;color:var(--fern);margin-bottom:14px}.settings-group__label em{text-transform:none;letter-spacing:0;color:var(--clay);font-style:italic}.settings-hint{margin:-6px 0 12px;font-size:.82rem;line-height:1.45;color:var(--clay)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;color:var(--ink-light);font-size:1rem}.settings-row--buttons{flex-wrap:wrap;justify-content:flex-start;margin-bottom:16px}.settings-row--buttons .btn{padding:9px 16px;font-size:.62rem}.settings-row input[type=range]{flex:1;max-width:200px;accent-color:var(--fern)}.onscreen-controls{position:absolute;bottom:26px;left:0;right:0;display:none;justify-content:space-between;padding:0 30px;z-index:8}.onscreen-controls.is-visible{display:flex}.onscreen-controls__pad{display:grid;gap:8px;pointer-events:auto}.onscreen-controls__pad--move{grid-template-columns:repeat(3,56px);grid-template-areas:".  w  ." "a  s  d"}.onscreen-controls__pad--strafe{grid-template-columns:repeat(2,56px);align-content:end}.osc-btn{width:56px;height:56px;border-radius:14px;border:1px solid var(--lichen);background:#f6f1e4cc;color:var(--forest);font-family:var(--font-label);font-size:16px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.osc-btn.is-pressed{background:var(--sage);border-color:var(--moss);color:var(--cream)}.osc-btn--w{grid-area:w}.osc-btn--a{grid-area:a}.osc-btn--s{grid-area:s}.osc-btn--d{grid-area:d}.hyperdrive{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#02030c;opacity:0;transition:opacity .3s ease;pointer-events:auto}.hyperdrive.is-active{opacity:1}.hyperdrive.is-done{opacity:0}.hyperdrive__canvas{width:100%;height:100%;display:block}.hyperdrive__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-label);font-size:clamp(1rem,2.4vw,1.7rem);letter-spacing:.4em;text-align:center;text-transform:uppercase;color:#eaf4ff;text-shadow:0 0 18px rgba(150,200,255,.9),0 0 40px rgba(90,150,255,.6);white-space:nowrap;animation:warpPulse 1.6s ease-in-out infinite;display:none}@keyframes warpPulse{0%,to{opacity:.7;letter-spacing:.4em}50%{opacity:1;letter-spacing:.5em}}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.atmosphere__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 55% at 50% 0%,rgba(176,198,172,.4) 0%,transparent 62%),radial-gradient(ellipse 70% 40% at 18% 22%,rgba(170,192,166,.32) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 84% 16%,rgba(176,196,170,.32) 0%,transparent 55%)}.atmosphere__mountains{position:absolute;top:0;right:0;bottom:0;left:0}.atmosphere__mtn{position:absolute;left:0;right:0;bottom:0;width:100%}.atmosphere__mtn--far{height:55%}.atmosphere__mtn--mid{height:40%}.atmosphere__mtn--near{height:24%}.atmosphere__mtn--far polygon{fill:#7a9e7538}.atmosphere__mtn--mid polygon{fill:#527a4e42}.atmosphere__mtn--near polygon{fill:#3d5c3a4d}.atmosphere__mist{position:absolute;left:-10%;right:-10%;height:130px;filter:blur(22px);opacity:0;animation:mistFade 3s ease forwards,mistDrift var(--mist-dur, 40s) ease-in-out infinite alternate}.atmosphere__mist--1{bottom:30%;background:linear-gradient(to right,transparent,rgba(205,217,200,.8),rgba(216,228,210,.8),transparent);--mist-dur: 34s;animation-delay:.6s,0s}.atmosphere__mist--2{bottom:18%;height:90px;background:linear-gradient(to right,transparent,rgba(216,226,212,.7),transparent);--mist-dur: 46s;animation-delay:1.2s,2s;animation-direction:normal,alternate-reverse}.atmosphere__mist--3{bottom:6%;height:170px;background:linear-gradient(to top,rgba(232,240,228,.7),transparent);--mist-dur: 54s;animation-delay:1.6s,4s}.atmosphere__canvas{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes mistFade{to{opacity:1}}@keyframes mistDrift{0%{transform:translate(0)}to{transform:translate(-16%)}}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.page--portfolio{background:linear-gradient(180deg,var(--morning-mist),var(--haze))}.portfolio-placeholder{margin-top:30px;padding:64px 30px;border:1px dashed var(--lichen);border-radius:var(--radius);text-align:center;background:#fff6}.portfolio-placeholder__tag{margin:0 0 14px;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.32em;font-size:.66rem;color:var(--fern)}.portfolio-placeholder__big{margin:0;font-family:var(--font-display);font-style:italic;font-size:clamp(1.8rem,3vw,2.8rem);color:var(--moss)}.page--message{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--morning-mist),var(--haze));padding:24px}.message-card{position:relative;z-index:2;max-width:540px;text-align:center;background:var(--cream);border:1px solid var(--lichen);border-radius:var(--radius);padding:48px 44px;box-shadow:var(--shadow-card)}.message-card .eyebrow{margin-bottom:14px}.message-card__title{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,3.6vw,3rem);margin:0 0 16px;color:var(--ink)}.message-card__body{margin:0 0 28px;color:var(--ink-light);line-height:1.7}.message-card__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:820px){.split-layout{flex-direction:column;overflow-y:auto}.split-layout__aside{flex:0 0 auto;max-width:100%;min-height:220px;border-right:none;border-bottom:1px solid rgba(163,188,158,.5)}.split-layout__main{flex:none;overflow:visible}.info-scroll{height:auto;overflow-y:visible;padding:34px 24px}.character-panel{flex-direction:row;align-items:center;gap:14px;padding:16px}.character-bubble{margin-bottom:0;order:2}.character-bubble:after{display:none}.character-figure{order:1;flex:0 0 120px;margin-top:0}.character-figure__img{max-height:200px}.control-boxes{grid-template-columns:1fr}.ship-grid{grid-template-columns:repeat(2,1fr)}.cv-grid{grid-template-columns:1fr}}.is-hidden{display:none!important}.overlay__back{position:absolute;top:16px;right:18px;z-index:6;font-family:var(--font-label);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:9px 18px;border-radius:999px;border:1px solid var(--gold-light);background:#b8a86a2e;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease,border-color .2s ease}.overlay__back:hover{background:#b8a86a57;border-color:var(--gold-warm);transform:translateY(-1px)}.page-back{position:absolute}.note-box--tip{background:#7a9e7529;border-left-color:var(--fern);font-style:italic}.info-list{margin:12px 0;padding-left:22px;line-height:1.7;color:var(--ink-mid);font-weight:500}.info-list li{margin-bottom:6px}.hud{position:absolute;left:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:14px;z-index:4;pointer-events:none;transition:opacity .4s ease}.hud.is-hidden{display:flex!important;opacity:0;pointer-events:none}.hud-bars{display:flex;gap:16px}.hud-park{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-family:var(--font-label);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--haze);background:#14241452;border:1px solid rgba(200,217,196,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 4px rgba(0,0,0,.6);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.hud-park:hover{border-color:#ffe6aa99;color:#fff7e6}.hud-park__dot{width:9px;height:9px;border-radius:50%;background:#c8d9c473;box-shadow:inset 0 0 3px #0006;transition:background .2s ease,box-shadow .2s ease}.hud-park.is-active{color:#1c130a;background:linear-gradient(180deg,#ffe6a6,#ffb347);border-color:#ffd28ce6;box-shadow:0 0 16px #ffb45ab3}.hud-park.is-active .hud-park__dot{background:#ff5a3c;box-shadow:0 0 8px #ff5a3ce6}.hud-bar{display:flex;flex-direction:column;align-items:center;gap:8px}.hud-bar__track{position:relative;width:16px;height:180px;border-radius:10px;background:#14241452;border:1px solid rgba(200,217,196,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.hud-bar__fill{position:absolute;left:0;bottom:0;width:100%;height:0%;border-radius:10px;transition:height .12s linear}.hud-bar--power .hud-bar__fill{background:linear-gradient(180deg,#fffdf2,#f4ead0);box-shadow:0 0 14px #fffae6b3}.hud-bar--boost .hud-bar__fill{background:linear-gradient(180deg,#dff1ff,#a8d8ff);box-shadow:0 0 14px #a8d8ffb3}.hud-bar--elevation .hud-bar__fill{background:linear-gradient(180deg,#e8ffe8,#7ecf7e);box-shadow:0 0 14px #7ecf7ea6}.hud-bar.is-hidden{display:none}.hud-beta-status{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-family:var(--font-label);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#c8dcc88c;background:#10201447;border:1px solid rgba(120,200,140,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.hud-beta-status.is-hidden{display:none}.hud-beta-status.is-enabled{color:#d8ffe0;border-color:#64dc82bf;background:#14381c80;box-shadow:0 0 10px #50c86459}.hud-beta-status:hover{border-color:#a8d8ff99;color:#e8f4ff}.hud-limit{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-family:var(--font-label);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#ffc8c88c;background:#28101047;border:1px solid rgba(255,120,120,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .15s ease}.hud-limit.is-flashing{opacity:1;color:#ffe0e0;border-color:#ff5050d9;background:#500c0c8c;animation:hudLimitFlash .85s ease-in-out infinite}@keyframes hudLimitFlash{0%,to{box-shadow:0 0 8px #ff3c3c59}50%{box-shadow:0 0 18px #ff2828d9}}.hud-trail-toggle{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-family:var(--font-label);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--haze);background:#14241452;border:1px solid rgba(200,217,196,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 4px rgba(0,0,0,.6);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.hud-trail-toggle:hover{border-color:#a8d8ff99;color:#e8f4ff}.hud-trail-toggle__dot{width:9px;height:9px;border-radius:50%;background:#a8d8ff73;box-shadow:inset 0 0 3px #0006;transition:background .2s ease,box-shadow .2s ease}.hud-trail-toggle.is-active{color:#0a1a28;background:linear-gradient(180deg,#c8e8ff,#7eb8ff);border-color:#8cc8ffe6;box-shadow:0 0 16px #78beffa6}.hud-trail-toggle.is-active .hud-trail-toggle__dot{background:#2a80ff;box-shadow:0 0 8px #2a80ffe6}.hud-bar__label{font-family:var(--font-label);font-size:.55rem;letter-spacing:.18em;color:var(--haze);text-shadow:0 1px 4px rgba(0,0,0,.6)}.ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.ship-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:14px;border:1px solid rgba(163,188,158,.5);background:linear-gradient(180deg,#d7e3d2b3,#f0f4eed9);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ship-tile:hover{transform:translateY(-3px);border-color:var(--moss);box-shadow:0 12px 26px #14241433}.ship-tile.is-selected{border-color:var(--gold-warm);box-shadow:0 0 0 2px var(--gold-warm),0 14px 30px #b8a86a59}.ship-tile__thumb{width:100%;aspect-ratio:1 / 1;border-radius:10px;background-color:#1a2e1a24;background-size:contain;background-position:center;background-repeat:no-repeat}.ship-tile__thumb.is-loading{background-image:linear-gradient(110deg,#ffffff0d 30%,#ffffff59,#ffffff0d 70%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}.ship-tile__thumb.is-missing:after{content:"?";display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-label);color:var(--ink-light)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ship-tile__name{font-family:var(--font-label);font-size:.6rem;letter-spacing:.1em;color:var(--ink-mid)}.platform-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.platform-label{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;opacity:0;transition:opacity .3s ease;will-change:transform}.platform-label.is-visible{opacity:1}.platform-label__title{font-family:var(--font-display);font-size:1.3rem;color:var(--cream);text-shadow:0 2px 10px rgba(0,0,0,.7);white-space:nowrap}.platform-label__btn{pointer-events:auto;font-family:var(--font-label);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;padding:8px 22px;border-radius:999px;border:1px solid var(--gold-light);background:#b8a86a38;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease}.platform-label__btn:hover{background:#b8a86a66;transform:scale(1.05)}.content-body{position:relative;z-index:1}.content-section{margin-bottom:30px}.content-card{padding:16px 18px;margin-bottom:14px;border-radius:12px;background:#ffffff80;border:1px solid rgba(163,188,158,.4)}.content-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.content-card__title{font-family:var(--font-display);font-size:1.3rem;color:var(--ink);margin:0 0 2px}.content-card__dates{font-family:var(--font-label);font-size:.62rem;letter-spacing:.08em;color:var(--ink-light);white-space:nowrap}.content-card__meta{color:var(--moss);font-weight:600;margin:2px 0 8px}.content-card__body{color:var(--ink-mid);font-weight:500;line-height:1.6;margin:0}.content-link{display:inline-block;margin-top:8px;color:var(--water-light);font-weight:600;word-break:break-all}.content-intro{color:var(--ink-mid);font-weight:500;line-height:1.7;margin-bottom:18px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.tag{font-family:var(--font-label);font-size:.52rem;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:#527a4e29;color:var(--moss)}.skills-group{margin-bottom:18px}.skills-stars{display:flex;flex-direction:column;align-items:center;gap:64px;padding:12px 0 20px;width:100%}.skill-star{position:relative;width:min(100%,var(--star-size, 520px));aspect-ratio:1;margin:0 auto}.skill-star--c{max-width:min(100%,var(--star-size, 520px))}.skill-star__links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.skill-star__links line{stroke:#527a4e59;stroke-width:1.4}.skill-star__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:calc(var(--star-size, 520px) * .22);height:calc(var(--star-size, 520px) * .22);min-width:108px;min-height:108px;max-width:158px;max-height:158px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;border:2px solid rgba(184,168,106,.65);background:radial-gradient(circle at 35% 30%,#fffcf0f2,#d7e3d2e0);box-shadow:0 8px 22px #527a4e2e}.skill-star__core-label{font-family:var(--font-display);font-size:1rem;line-height:1.25;color:var(--ink)}.skill-star__node{position:absolute;left:calc(50% + var(--sx) * 50%);top:calc(50% + var(--sy) * 50%);transform:translate(-50%,-50%);z-index:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:52px;max-width:calc(var(--star-size, 520px) * .26);padding:7px 12px;border-radius:999px;border:1px solid rgba(163,188,158,.55);background:#f0f4eeeb;text-align:center;box-shadow:0 4px 12px #0000000f}.skill-star--technical .skill-star__node{max-width:calc(var(--star-size, 720px) * .21);padding:6px 10px}.skill-star__node-label{display:block;font-family:var(--font-label);font-size:.65rem;letter-spacing:.02em;line-height:1.35;color:var(--ink);white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.portfolio-image{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(163,188,158,.45);box-shadow:0 18px 42px #1a2e1a2e,0 6px 16px #1a2e1a1f}.project-screenshot{margin:18px 0 0}.project-screenshot .portfolio-image{max-height:480px;object-fit:contain;object-position:center top}.contact-map{margin:12px 0 0}.contact-map .portfolio-image{max-height:480px;object-fit:contain;object-position:center top}.contact-blocks{display:flex;flex-direction:column;gap:14px;width:100%;padding:0;margin:0}.contact-block{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;min-height:88px;padding:16px 18px;border-radius:18px;border:1px solid rgba(163,188,158,.5);background:linear-gradient(180deg,#d7e3d28c,#f0f4eee6);text-decoration:none;color:var(--ink);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-align:left}.contact-block:hover{transform:translateY(-2px);border-color:var(--gold-warm);box-shadow:0 10px 24px #b8a86a40}.contact-block--location{cursor:default;min-height:auto;padding:18px;align-items:stretch;flex-direction:column}.contact-block--location:hover{transform:none;box-shadow:none}.contact-block__body--location{width:100%;gap:8px}.contact-block__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.contact-block__icon{flex:0 0 auto;font-size:1.6rem;line-height:1;color:var(--moss);width:36px;text-align:left}.contact-block__label{font-family:var(--font-display);font-size:1.05rem;color:var(--ink)}.contact-block__hint,.contact-block__value{font-family:var(--font-label);font-size:.62rem;letter-spacing:.06em;color:var(--ink-light);text-align:left;word-break:break-word}.contact-block__hint a,.contact-block.is-revealed .contact-block__hint a{color:var(--water-light);font-weight:600}.contact-block.is-revealed .contact-block__hint{color:var(--ink);font-size:.62rem}.skills-group__title{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin:0 0 8px}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid rgba(163,188,158,.3);align-items:baseline}.contact-list__k{font-family:var(--font-label);font-size:.58rem;letter-spacing:.1em;color:var(--ink-light);flex:0 0 90px}.contact-list a{color:var(--water-light);font-weight:600;word-break:break-all}.cv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cv-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 14px 20px;border-radius:14px;border:1px solid rgba(163,188,158,.5);background:linear-gradient(180deg,#d7e3d299,#f0f4eed9);color:var(--ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cv-card__preview-wrap{width:100%;margin:0 0 4px}.cv-card__preview.portfolio-image{max-height:320px;object-fit:contain;object-position:center top}.cv-card:hover{transform:translateY(-3px);border-color:var(--gold-warm);box-shadow:0 14px 30px #b8a86a4d}.cv-card__icon{font-size:1.6rem;color:var(--moss)}.cv-card__label{font-family:var(--font-label);font-size:.72rem;letter-spacing:.08em}.settings-row--slider .settings-row__value{flex:0 0 44px;text-align:right;font-family:var(--font-label);font-size:.62rem;color:var(--ink-light)}.hyperdrive.is-spooling .hyperdrive__text{display:block;opacity:1}