:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#111c35;width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff3da;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button,input,select{font:inherit}button{cursor:pointer}#app{width:100%;height:100%;position:relative;overflow:hidden}#game{place-items:center;display:grid;position:absolute;inset:0}#game canvas{image-rendering:auto;display:block}#game-ui canvas{image-rendering:auto}#game-ui{pointer-events:none;z-index:10;position:absolute;inset:0}#game-ui button,#game-ui input,#game-ui select,#game-ui a{pointer-events:auto}.core-touch{z-index:30;pointer-events:none;position:absolute;inset:0}.core-touch[hidden]{display:none}.core-joy{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#14273c55 0%,#14273c99 100%);border:2px solid #57cfc5aa;border-radius:50%;width:132px;height:132px;position:absolute;box-shadow:inset 0 0 18px #0008}.core-joy:before{content:"";border:1px dashed #57cfc566;border-radius:50%;position:absolute;inset:30%}.core-joy-knob{pointer-events:none;background:radial-gradient(circle at 35% 30%,#5fd9cf,#1d7f86);border:2px solid #9ff2ea;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #0009}.core-actions{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;width:230px;height:190px;position:absolute}.core-touch-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#edf2df;background:#14273cd0;border:2px solid #57cfc5;border-radius:50%;padding:0;font-size:22px;font-weight:700;position:absolute;box-shadow:0 3px #07131f}.core-touch-button:active{background:#1f706f}.core-touch-attack{background:#7a2a30d8;border-color:#ff9a8a;width:80px;height:80px;font-size:30px;bottom:0;right:0}.core-touch-jump{width:64px;height:64px;font-size:28px;bottom:0;right:92px}.core-touch-dash{width:56px;height:56px;bottom:92px;right:4px}.core-touch-interact{background:#1f6b4fd8;border-color:#8cf3bd;width:68px;height:68px;font-size:30px;bottom:76px;right:84px}.core-touch-ability{width:44px;height:44px;font-size:18px;bottom:74px;right:134px}.core-touch-cycle{width:40px;height:40px;font-size:16px;bottom:36px;right:176px}@media (height<=460px){.core-joy{width:108px;height:108px;bottom:max(10px, env(safe-area-inset-bottom))}.core-joy-knob{width:44px;height:44px;margin:-22px 0 0 -22px}.core-actions{transform-origin:100% 100%;bottom:max(8px, env(safe-area-inset-bottom));transform:scale(.82)}}@media (width<=560px) and (orientation:portrait){.core-joy{width:112px;height:112px}.core-actions{transform-origin:100% 100%;transform:scale(.78)}}.core-screen{pointer-events:auto;background:linear-gradient(120deg,#081629e8,#27304c99);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.core-panel{background:#152139ee;border:2px solid #67d0c1;width:min(640px,96vw);max-height:94dvh;padding:32px;overflow:auto;box-shadow:8px 8px #07111d}.core-eyebrow{color:#9ce1c5;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.core-title{color:#ffd68b;margin:14px 0;font-size:clamp(26px,5vw,46px);line-height:1.1}.core-panel p{color:#d5dbdf;line-height:1.7}.core-button{color:#fff2d7;background:#1c827c;border:2px solid #5bb5ad;border-radius:3px;margin:5px 8px 5px 0;padding:12px 17px;font-weight:700;display:inline-block}.core-button.secondary{background:#283a52}.core-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.core-form label{color:#cad3d9;gap:7px;font-size:13px;display:grid}.core-form input,.core-form select{color:#fff3da;background:#101c30;border:1px solid #587889;width:100%;min-width:0;padding:11px}.core-form input[type=color]{height:42px;padding:3px}.core-preview{width:128px;height:160px;image-rendering:pixelated;margin:0 auto 12px;display:block}.core-hud{justify-content:space-between;gap:20px;display:flex;position:absolute;top:18px;left:20px;right:20px}.core-hud-panel{background:#101c32d9;border:1px solid #5e8294;max-width:48%;padding:10px 14px;font-size:14px;box-shadow:3px 3px #07142080}.core-hud-title{color:#ffd48d;letter-spacing:.04em;margin-bottom:7px;font-size:12px}.core-help{text-align:center;color:#e7e5d6;text-shadow:2px 2px #06111d;font-size:12px;position:absolute;bottom:15px;left:20px;right:20px}.core-toast{text-align:center;background:#123438ed;border:1px solid #a1d8b8;max-width:min(640px,90vw);padding:12px 20px;font-size:14px;line-height:1.5;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.core-credential-preview{max-width:100%;max-height:36dvh;margin:12px auto;display:block}@media (width<=700px){.core-panel{padding:18px}.core-hud{gap:8px;top:8px;left:8px;right:8px}.core-hud-panel{padding:7px;font-size:11px}.core-help{font-size:10px;bottom:64px}.core-form{gap:8px}}.core-briefing{z-index:60;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:#081629cc;place-items:center;display:grid;position:absolute;inset:0}.core-briefing-card{background:#152139;border:2px solid #67d0c1;width:min(560px,100%);max-height:100%;padding:clamp(14px,3vw,28px);position:relative;overflow:auto;box-shadow:6px 6px #07111d}.core-briefing-title{color:#ffd68b;margin:6px 36px 8px 0;font-size:clamp(18px,4.2vw,30px);line-height:1.15}.core-briefing-card p{color:#d5dbdf;margin:6px 0;font-size:clamp(12px,2.6vw,15px);line-height:1.45}.core-briefing-list{color:#e8f7f3;margin:8px 0;padding-left:22px;font-size:clamp(12px,2.6vw,15px);line-height:1.5}.core-briefing-hint{color:#9ce1c5!important}.core-briefing-x{color:#fff;background:#1d2f4a;border:2px solid #67d0c1;border-radius:50%;width:38px;height:38px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.core-briefing .core-button{margin-top:8px}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#rotate-notice{z-index:1000;text-align:center;color:#ffd68b;background:#0b1426;place-items:center;padding:24px;font-size:clamp(16px,5vw,22px);display:none;position:fixed;inset:0}.rotate-icon{margin-bottom:12px;font-size:54px}@media (pointer:coarse) and (orientation:portrait){#rotate-notice{display:grid}}.core-voice{left:50%;bottom:max(10px, env(safe-area-inset-bottom));z-index:40;gap:8px;max-width:46vw;display:flex;position:absolute;transform:translate(-50%)}.core-voice button{color:#d8f6ff;touch-action:manipulation;background:#132638e6;border:2px solid #69e8ed;border-radius:10px;flex:1 1 0;min-width:0;min-height:52px;padding:6px 10px;font:700 13px/1.15 system-ui,sans-serif}.core-voice button[aria-pressed=true]{color:#fff;background:#1e8a96;border-color:#fff4a8;box-shadow:0 0 0 3px #fff4a855}@media (pointer:coarse){.core-voice{max-width:44vw}.core-voice button{min-height:48px;font-size:12px}}.core-gameover{z-index:80;background:#1a0a12e6}.core-gameover-card{text-align:center;border-color:#ff8a8a}
