:root{font-family:Georgia,Times New Roman,serif;color:#f7ecd0;background:#03131c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#menu,#character-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(27,104,130,.33),transparent 35%),linear-gradient(#041a25,#020a0f 75%)}.panel{width:min(92vw,660px);padding:32px 26px;text-align:center;border:1px solid rgba(238,213,157,.38);border-radius:22px;background:#03141dcc;box-shadow:0 24px 80px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{margin:0 0 6px;font-size:clamp(34px,8vw,72px);letter-spacing:.04em;line-height:.9}.subtitle{opacity:.7;letter-spacing:.2em;font-size:12px;margin-bottom:26px}button{font:inherit}.menu-button,.character-card{border:1px solid rgba(238,213,157,.45);background:#efd7a117;color:#fff2d1;border-radius:16px;cursor:pointer;transition:transform .16s ease,background .16s ease}.menu-button{padding:14px 26px;min-width:190px;font-size:20px}.menu-button:hover,.character-card:hover{transform:translateY(-2px);background:#efd7a12b}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.character-card{padding:22px 12px;min-height:150px}.character-card strong{display:block;font-size:28px;margin-bottom:8px}.character-card span{opacity:.72;font-size:14px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}#topbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#010c127a;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:system-ui,sans-serif;font-size:13px;white-space:nowrap}#progress-dots{display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%;background:#fff3}.dot.done{background:#f3d078;box-shadow:0 0 12px #f3d078}#health{position:absolute;top:72px;right:22px;width:42px;height:178px;overflow:hidden;border:1px solid #e9c98b88;border-radius:9px;background:#160b10cc;box-shadow:inset 0 0 12px #000,0 4px 15px #0005}#health-water{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(#f34a4d,#9b1026);transition:height .45s ease}#health-water:before{content:"";position:absolute;top:-4px;left:-50%;width:200%;height:9px;background:radial-gradient(ellipse at center,#ff9c9d 45%,transparent 50%) 0 0 / 30px 9px repeat-x;animation:water 2s linear infinite}#health-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 10px system-ui;text-shadow:0 1px 5px #000}#cooldown{position:absolute;top:264px;right:18px;max-width:390px;text-align:right;font:11px system-ui;letter-spacing:.08em}#restart{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 24px;color:#ffe3a5;background:#102730;border:1px solid #ffe3a5;border-radius:12px;cursor:pointer}@keyframes water{to{transform:translate(30px)}}@media(max-width:700px){#topbar{left:12px;transform:none;font-size:10px}#health{top:62px;right:16px;width:34px;height:136px}#cooldown{top:210px;font-size:9px}}#message{position:absolute;top:19%;left:50%;transform:translate(-50%,-50%);min-width:min(88vw,480px);text-align:center;font-size:clamp(19px,4.8vw,34px);font-weight:700;letter-spacing:.04em;text-shadow:0 2px 18px #000;opacity:0;transition:opacity .3s ease}#message.show{opacity:1}#debug{position:absolute;top:58px;left:10px;padding:8px 10px;border-radius:8px;background:#00000080;color:#c8f4ff;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;display:none}#debug.visible{display:block}#mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.control{pointer-events:auto;touch-action:none}#dpad{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:142px;height:142px}.dpad-btn{position:absolute;width:50px;height:50px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:#05161d7a;color:#ffffffd1;font:25px system-ui;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dpad-btn.active{background:#f4d3804d;transform:scale(.94)}#up{left:46px;top:0}#down{left:46px;bottom:0}#left{left:0;top:46px}#right{right:0;top:46px}#dpad-center{position:absolute;left:46px;top:46px;width:50px;height:50px;border-radius:13px;background:#05161d59;border:1px solid rgba(255,255,255,.08)}#stick{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#04131b6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#f0daa447;border:1px solid rgba(255,255,255,.3);box-shadow:0 5px 18px #00000040}.action-button{position:absolute;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.24);color:#fff;background:#05141c85;font:700 18px system-ui;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}#ability-a{right:154px;bottom:31px}#ability-b{right:127px;bottom:96px}.action-button.active{background:#f3d07859;transform:scale(.93)}#desktop-help{position:absolute;right:12px;bottom:12px;padding:7px 9px;border-radius:8px;background:#00000059;font:11px system-ui;opacity:.7}#fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:#02090d;opacity:0;transition:opacity 1s ease}#fade.black{opacity:1}#chapter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .45s ease;color:#f4dfaa;text-shadow:0 3px 24px #000;text-align:center}#chapter.show{opacity:1}#chapter strong{display:block;font-size:clamp(30px,8vw,68px);letter-spacing:.06em}#chapter span{display:block;margin-top:8px;font:14px system-ui;letter-spacing:.25em;opacity:.7}@media(pointer:fine){#mobile-controls{display:none}}@media(max-width:600px){.panel{padding:26px 18px}.character-grid{grid-template-columns:1fr}#topbar{font-size:11px}}#boss-hud{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:min(420px,60vw);text-align:center;font:12px system-ui;letter-spacing:.16em;color:#b9ffce}#boss-hud>div{height:8px;margin-top:10px;background:#072719;border:1px solid #66c78c66;border-radius:5px;overflow:hidden}#boss-hud i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#198b58,#9cffb7);transition:width .18s}#endcard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#f4dfaa;animation:end-reveal 1.4s ease}.end-art{position:relative;width:min(85vw,820px);height:min(62vh,560px);display:grid;place-items:center}.end-logo,.end-logo-fallback{position:absolute;width:90%;max-height:70%;object-fit:contain;opacity:.22;animation:logo-pulse 4s ease-in-out infinite}.end-logo-fallback{text-align:center;font-size:clamp(34px,7vw,80px);letter-spacing:.06em}.end-body{position:relative;z-index:1;max-width:75%;max-height:95%;object-fit:contain;filter:drop-shadow(0 12px 28px #000)}.end-caption{text-align:center;font-size:clamp(18px,3vw,30px);letter-spacing:.1em}.end-caption span{display:block;margin-top:12px;font:11px system-ui;letter-spacing:.2em;opacity:.65}@keyframes logo-pulse{0%,to{opacity:.15;filter:drop-shadow(0 0 3px #67977b44)}50%{opacity:.38;filter:drop-shadow(0 0 18px #9ed7b799)}}@keyframes end-reveal{0%{opacity:0}to{opacity:1}}@media(max-width:700px){#boss-hud{bottom:184px;width:65vw;font-size:10px}#endcard{gap:16px}}#settings-open{position:fixed;z-index:25;left:12px;top:12px;border:1px solid #b4d7ca55;border-radius:9px;padding:9px 12px;background:#071d24dd;color:#f7ecd0;cursor:pointer}#settings-dialog{background:#081c24;color:#f7ecd0;border:1px solid #b4d7ca66;border-radius:18px;width:min(90vw,480px);max-height:85vh;padding:24px;font-family:system-ui}#settings-dialog::backdrop{background:#000b}#settings-dialog h2{margin-top:0}#settings-dialog p{font-size:12px;line-height:1.6;opacity:.7}#settings-dialog label{display:block;margin:20px 0;font-size:14px}#settings-dialog input[type=checkbox]{float:right;accent-color:#6dd7b2}#settings-dialog input[type=range]{display:block;width:100%;margin-top:10px;accent-color:#6dd7b2}#settings-dialog output{float:right}.settings-actions{display:flex;justify-content:space-between;gap:12px}.settings-actions button{padding:10px 16px;border:1px solid #a4d7c366;border-radius:8px;background:#174035;color:#efffea;cursor:pointer}#god-mode{position:absolute;left:16px;top:58px;font:11px system-ui;color:#a9ffd5;letter-spacing:.08em}#ability-c{right:195px;bottom:112px;color:#a9ffd5}#ability-d{right:220px;bottom:48px;color:#dffcff;border-color:#8de9da88}@media(max-width:700px){#topbar{top:58px}#settings-open{font-size:11px}#god-mode{top:93px;font-size:9px}}#move-stick{position:absolute;left:22px;bottom:22px;width:118px;height:118px;border-radius:50%;border:1px solid #ffffff44;background:#04131b77}#move-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#f0daa448;border:1px solid #ffffff55}#stick span,#move-stick span{position:absolute;top:-23px;left:0;width:100%;text-align:center;font:9px system-ui;letter-spacing:.12em;opacity:.7;pointer-events:none}#dpad{display:none}@media(pointer:coarse){#desktop-help{display:none}#message{min-width:0;width:calc(100% - 90px);left:45%;font-size:18px;top:23%}}@media(pointer:fine){#mobile-controls{display:block}#mobile-controls .control,#mobile-controls .action-button{display:none}}#super-status{position:fixed;top:65px;left:50%;transform:translate(-50%);color:#ffdb72;background:#251904db;border:1px solid #dfb751;border-radius:12px;padding:9px 15px;font-size:12px;pointer-events:none;z-index:15;text-align:center}#stealth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .42s ease;background:radial-gradient(circle at 50% 48%,transparent 42%,rgba(10,21,23,.2) 78%,rgba(4,10,13,.34) 100%);-webkit-backdrop-filter:grayscale(.22) saturate(.78) contrast(.96);backdrop-filter:grayscale(.22) saturate(.78) contrast(.96)}#stealth-overlay.active{opacity:1}#stealth-status{position:absolute;left:50%;top:112px;transform:translate(-50%);padding:7px 12px;border-radius:999px;background:#0a191ba6;border:1px solid rgba(181,225,210,.28);color:#d7e7df;font:600 10px system-ui;letter-spacing:.13em;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#laser-hud{position:absolute;right:72px;top:292px;width:150px;text-align:right;font:10px system-ui;letter-spacing:.14em;color:#ff9b92}#laser-hud>div{margin-top:6px;height:7px;border:1px solid #ff5e5577;border-radius:5px;overflow:hidden;background:#120607cc}#laser-hud i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#2a0205,#9b1013,#ff4e45);box-shadow:0 0 10px #d91b1b99;transition:width .08s linear}#ability-e{right:258px;bottom:92px;color:#ffaaa4;border-color:#ff625f88}@media(max-width:700px){#stealth-status{top:98px;font-size:9px}#laser-hud{top:232px;right:58px;width:128px}}#thermal-feedback{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:18;opacity:0;transition:opacity .2s;background:radial-gradient(ellipse,transparent 45%,#ff6316);mix-blend-mode:screen}