:root{--orange:#ff7a00;--cyan:#25dcff;--ink:#07111d;--white:#f7fbff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050b12;color:var(--white);font-family:Impact,Haettenschweiler,'Arial Narrow Bold',Arial,sans-serif;touch-action:none}.screen{position:fixed;inset:0;display:none;overflow:hidden}.screen.active{display:block}button{font:inherit;color:inherit;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,#ff9c19,var(--orange));box-shadow:0 8px 0 #9b3700,0 14px 35px #ff710055;letter-spacing:.14em;border:2px solid #ffc366;transform:skew(-5deg)}#splash{background:radial-gradient(circle at 50% 45%,#172f48,#05080d 65%);align-items:center;justify-content:center;flex-direction:column}#splash.active{display:flex}.studio-logo{width:min(47vw,440px);max-height:54vh;object-fit:contain;filter:drop-shadow(0 0 35px #6ea6bd55);animation:intro 1.3s both}.studio-line{width:min(44vw,390px);height:1px;background:linear-gradient(90deg,transparent,#aecdd9,transparent);margin-top:18px;animation:intro 1.3s .25s both}#splash p{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.35em;color:#b8c8d1;margin-top:20px;animation:pulse 1.8s infinite}@keyframes intro{from{opacity:0;transform:scale(.82);filter:blur(12px)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.35}}#menu{background:#0a1623}.menu-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04101ce8 0%,#06101c66 48%,#06101c10 75%),linear-gradient(0deg,#06101cab,transparent 45%)}.title{position:absolute;left:6vw;top:10vh;text-shadow:0 4px 14px #000}.title span{font-family:Arial,sans-serif;font-size:clamp(7px,1vw,12px);letter-spacing:.34em;color:#a9eaff}.title h1{font-size:clamp(48px,10vw,118px);line-height:.73;margin:14px 0 18px;letter-spacing:-.04em;font-style:italic}.title h1 b{color:var(--orange)}.title p{font-family:Arial,sans-serif;font-size:clamp(8px,1.15vw,14px);letter-spacing:.28em}.menu-shade~.primary{position:absolute;left:7vw;bottom:10vh;width:clamp(130px,17vw,230px);height:clamp(42px,8vh,66px);font-size:clamp(17px,2vw,25px)}.sound{position:absolute;right:3vw;bottom:4vh;width:42px;height:42px;border-radius:50%;background:#06111dbb;border:1px solid #92dced;color:#92dced;font:700 20px Arial}#game{background:#9ed6e9}#canvas{width:100%;height:100%;display:block}.hud{position:absolute;left:0;right:0;top:0;height:clamp(48px,10vh,76px);display:flex;align-items:center;gap:14px;padding:8px 18px;background:linear-gradient(#06111de8,#06111da8,transparent);text-shadow:0 2px 4px #000;pointer-events:none}.hud button{pointer-events:auto;background:#0b1d2ddd;border:1px solid #618095;width:42px;height:42px;border-radius:8px;font-size:27px}.hud small,.agent small{display:block;font:9px Arial;letter-spacing:.2em;color:#8dcfe6}.hud strong{font-size:clamp(12px,1.5vw,18px);letter-spacing:.08em}.hud .stat{margin-left:auto;text-align:center}.hud .stat+.stat{margin-left:12px}.hint{position:absolute;top:18%;left:50%;transform:translateX(-50%);padding:10px 22px;background:#07111ddc;border-left:4px solid var(--orange);text-align:center;transition:.35s;pointer-events:none}.hint b{color:var(--orange);font-size:clamp(14px,2vw,22px);letter-spacing:.1em}.hint span{font:12px Arial;display:block;margin-top:3px}.agent{position:absolute;bottom:3vh;left:3vw;display:flex;gap:9px;align-items:center;background:#07111ddd;border:1px solid #2e4a5d;padding:7px 14px 7px 8px;border-radius:30px}.agent-face{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#19100a;border:3px solid #ffc16d}.agent b{font-size:13px;letter-spacing:.09em}.modal{position:absolute;inset:0;display:none;place-items:center;background:#02070dcc;backdrop-filter:blur(5px)}.modal.show{display:grid}.card{width:min(390px,75vw);padding:22px 32px 30px;text-align:center;background:linear-gradient(145deg,#112c41,#07111d);border:1px solid #477089;box-shadow:0 25px 80px #000}.card small{letter-spacing:.35em;color:#79cce6}.card h2{font-size:clamp(30px,6vw,62px);line-height:.9;margin:9px 0;color:var(--orange)}.stars{font-size:42px;letter-spacing:.12em;color:#ffc220;text-shadow:0 3px 12px #f70}.card p{font:14px Arial;color:#bcd0db}.card .primary{width:160px;height:48px;margin-top:8px}#rotate{display:none;position:fixed;inset:0;background:#07111d;z-index:99;place-items:center;text-align:center;padding:30px}#rotate div{font-size:58px;color:var(--orange)}#rotate b,#rotate span{display:block}#rotate b{font-size:24px;letter-spacing:.08em}#rotate span{font:13px Arial;color:#9bb0bd;margin-top:9px}@media(orientation:portrait) and (max-width:800px){#rotate{display:flex;flex-direction:column;justify-content:center}}