@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Rajdhani:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#02040a;color:#f3f7ff;overflow:hidden}button{font-family:inherit}:root{--ui-text: #eff5ff;--ui-soft-text: rgba(239, 245, 255, .75);--ui-border: rgba(146, 177, 218, .42);--ui-panel: rgba(8, 15, 27, .72);--ui-panel-strong: rgba(8, 15, 27, .9);--ui-accent: #89afd9;--ui-accent-soft: rgba(137, 175, 217, .32)}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 85% 16%,rgba(79,130,183,.2),transparent 45%),radial-gradient(circle at 14% 86%,rgba(45,82,132,.2),transparent 48%),#02040a}.viewport{width:100%;height:100%}.viewport canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;z-index:90}.status-overlay{display:grid;place-items:center;padding:1.5rem;background:#0000006b}.status-panel{border:1px solid var(--ui-border);background:var(--ui-panel-strong);padding:1.2rem 1.4rem;max-width:540px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-panel h2{margin:0;font:600 1.28rem/1.2 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--ui-text)}.status-panel p{margin:.55rem 0 0;font:400 1rem/1.45 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;color:var(--ui-soft-text)}.entrance-overlay{display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 30% 20%,rgba(142,184,227,.15),transparent 35%),radial-gradient(circle at 72% 78%,rgba(73,118,173,.2),transparent 42%),linear-gradient(156deg,#061328,#030a14 56%,#02040a)}.entrance-panel{width:min(920px,100%);padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(176,200,230,.5);background:linear-gradient(148deg,#101e34bd,#090f1deb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden}.entrance-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:clamp(1rem,3.5vw,2.6rem)}.entrance-copy-block{position:relative;z-index:2;min-width:0;padding-right:clamp(.8rem,2vw,1.8rem)}.entrance-panel:before,.entrance-panel:after{content:"";position:absolute;pointer-events:none}.entrance-panel:before{inset:0;border:1px solid rgba(160,189,224,.24);transform:translate(10px,10px)}.entrance-panel:after{width:45%;height:1px;top:1.2rem;right:1.2rem;background:linear-gradient(90deg,transparent,rgba(180,208,239,.9))}.entrance-kicker{margin:0;color:var(--ui-soft-text);font:500 .88rem/1 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.38em;text-transform:uppercase}.entrance-panel h1{margin:.8rem 0 0;color:#f4f8ff;font:700 clamp(2rem,4.3vw,3.25rem)/1.03 "Cinzel","Baskerville","Times New Roman",serif;letter-spacing:.05em;text-transform:uppercase;max-width:12ch}.entrance-copy{margin:1.1rem 0 0;max-width:46ch;color:#e9f1fdd6;font:500 clamp(1rem,2vw,1.2rem)/1.6 "Rajdhani","Avenir Next","Trebuchet MS",sans-serif}.entrance-meta{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.55rem}.entrance-meta span{border:1px solid rgba(168,193,223,.34);background:#91afd124;color:#ecf5ffe6;font:500 .84rem/1.2 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:.5rem .72rem}.entrance-art-wrap{justify-self:end;width:min(100%,320px);padding:0;border:0;background:transparent;transform:translate(clamp(14px,2.7vw,34px))}.entrance-art{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.38))}.primary-action{margin-top:2rem;border:1px solid rgba(186,211,241,.9);color:#f5f9ff;background:linear-gradient(120deg,#73a0d46b,#4f7aaf3d);padding:.78rem 1.5rem;font:600 .94rem/1 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,background-color .13s ease}.primary-action:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2952835c;background:linear-gradient(120deg,#81b0e580,#5886be52)}.scene-menu-toggle{position:absolute;top:1rem;left:1rem;z-index:50;border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text);padding:.58rem .9rem;font:600 .82rem/1 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-menu-toggle.is-open{background:#13243ddb}.scene-menu{position:absolute;top:3.9rem;left:1rem;bottom:1rem;width:min(330px,calc(100vw - 2rem));border:1px solid var(--ui-border);background:linear-gradient(180deg,#0e1827f5,#070d18f0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(calc(-100% - 1.2rem));transition:transform .22s ease;z-index:45;display:flex;flex-direction:column}.scene-menu.is-open{transform:translate(0)}.scene-menu-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid rgba(137,175,217,.26);padding:.9rem 1rem .8rem}.scene-menu-header p{margin:0;color:var(--ui-text);font:600 .98rem/1.2 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.08em;text-transform:uppercase}.scene-menu-header span{color:var(--ui-soft-text);font:500 .83rem/1.2 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.07em;text-transform:uppercase}.scene-menu-list{overflow-y:auto;padding:.6rem;display:grid;gap:.35rem}.scene-menu-list button{border:1px solid transparent;background:#8badd212;color:var(--ui-text);padding:.64rem .65rem;text-align:left;display:grid;grid-template-columns:2.1rem 1fr;align-items:center;gap:.55rem;font:500 .88rem/1.3 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.03em;cursor:pointer}.scene-menu-list button:hover{border-color:#a1c2e780;background:#81a5ce2e}.scene-menu-list button.is-active{border-color:#aecdf0cc;background:#82a9d454}.scene-menu-list button:disabled{opacity:.55;cursor:not-allowed}.scene-hud{position:absolute;top:1rem;right:1rem;z-index:45;border:1px solid var(--ui-border);background:var(--ui-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.65rem .95rem;max-width:min(430px,calc(100vw - 2rem))}.scene-counter{margin:0;color:var(--ui-soft-text);font:500 .77rem/1 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.2em;text-transform:uppercase}.scene-hud h3{margin:.45rem 0 0;color:var(--ui-text);font:600 1.04rem/1.2 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.04em}.scene-controls{position:absolute;right:1rem;bottom:1rem;z-index:45;display:flex;gap:.6rem}.scene-controls button{border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text);padding:.64rem 1rem;font:600 .8rem/1 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-controls button:hover{border-color:#b4d2f4e6;background:#182a45db}.scene-controls button:disabled,.scene-menu-toggle:disabled{opacity:.55;cursor:not-allowed}.scene-input-hint{position:absolute;left:1rem;bottom:1rem;z-index:40;border:1px solid var(--ui-border);background:var(--ui-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ui-soft-text);padding:.58rem .82rem;font:500 .76rem/1.35 Rajdhani,Avenir Next,Trebuchet MS,sans-serif;letter-spacing:.06em;text-transform:uppercase;max-width:min(540px,calc(100vw - 2rem));pointer-events:none}.scene-input-hint p{margin:0}.scene-input-hint p+p{margin-top:.2rem}.fade-layer{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:120;transition:opacity .65s ease}@media(max-width:920px){.scene-controls{left:1rem;right:auto}.scene-input-hint{bottom:4.4rem}.scene-hud{max-width:min(430px,calc(100vw - 2rem))}}@media(max-width:640px){.entrance-layout{grid-template-columns:1fr}.entrance-art-wrap{order:-1;justify-self:center;width:min(100%,280px);transform:none}.entrance-panel{padding:1.2rem}.entrance-panel h1{letter-spacing:.05em}.entrance-copy{font-size:1rem}.scene-menu{top:3.5rem;left:.75rem;bottom:.75rem;width:min(300px,calc(100vw - 1.5rem))}.scene-menu-toggle,.scene-hud,.scene-controls,.scene-input-hint{left:.75rem;right:.75rem}.scene-hud{top:3.5rem;width:auto}.scene-controls{bottom:.75rem;display:grid;grid-template-columns:1fr 1fr}.scene-controls button{width:100%}.scene-input-hint{bottom:3.9rem;max-width:none}}