:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;background:#07141d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#game-canvas{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game-canvas{touch-action:none;outline:none;display:block}button{font:inherit}.character-selection{z-index:20;background:radial-gradient(circle at 50% 15%,#4fb4d847,#0000 38%),linear-gradient(145deg,#04111bf7,#072330f2);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.character-selection[hidden],.change-character-button[hidden]{display:none}.selection-panel{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07141de0;border:1px solid #73e5ff6b;border-radius:24px;width:min(920px,100%);padding:30px;box-shadow:0 24px 80px #00000073}.brand{color:#73e5ff;letter-spacing:.32em;margin:0;font-size:15px;font-weight:800}.selection-panel h1{margin:8px 0 4px;font-size:clamp(28px,4vw,46px)}.selection-copy{color:#a9c4cf;margin:0 0 20px}.character-filters{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.character-filters button{color:#bad0d9;cursor:pointer;background:#102936;border:1px solid #294958;border-radius:999px;padding:8px 16px}.character-filters button[data-active=true]{color:#04141c;background:#73e5ff;border-color:#73e5ff}.character-cards{grid-template-columns:repeat(6,minmax(100px,1fr));gap:12px;display:grid}.character-card{color:#edfaff;cursor:pointer;background:linear-gradient(#14313e,#0d222c);border:1px solid #244958;border-radius:16px;justify-items:center;gap:4px;min-width:0;padding:12px 8px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.character-card:hover{border-color:#73e5ff;transform:translateY(-3px)}.character-card[data-selected=true]{border-color:#73e5ff;box-shadow:0 0 0 2px #73e5ff33,0 10px 30px #1fc1e22e}.character-card img{object-fit:contain;width:min(112px,100%);height:112px;image-rendering:pixelated}.character-card span,.selected-character span,.selected-character small{color:#90abb6;font-size:12px}.selected-character{gap:2px;margin:20px 0 14px;display:grid}.selected-character strong{color:#fff;font-size:24px}.play-button,.change-character-button{color:#04141c;cursor:pointer;background:linear-gradient(135deg,#73e5ff,#77f2c2);border:0;border-radius:12px;font-weight:800;box-shadow:0 12px 34px #40dde238}.play-button{min-width:220px;padding:13px 24px}.play-button:disabled{cursor:wait;opacity:.55}.selection-status{color:#b8eaf4;min-height:20px;margin:10px 0 0;font-size:13px}.asset-credit{color:#668794;margin:8px 0 0;font-size:11px}.change-character-button{z-index:10;padding:10px 15px;position:fixed;top:18px;right:18px}.world-loading{z-index:30;color:#eefbff;background:#04111bf7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.world-loading[hidden]{display:none}.world-loading-panel{text-align:center;background:#0a202b;border:1px solid #73e5ff66;border-radius:22px;justify-items:center;width:min(430px,100%);padding:38px;display:grid}.world-loading-panel h2{margin:10px 0 4px;font-size:28px}.world-loading-panel p:not(.brand){color:#9fc0cc;min-height:22px;margin:4px 0 18px}.world-loading progress{accent-color:#73e5ff;border:0;border-radius:999px;width:100%;height:12px;overflow:hidden}.world-loading strong{color:#73e5ff;margin-top:10px}.interaction-prompt{z-index:12;color:#f2fbff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061923eb;border:1px solid #73e5ff8c;border-radius:14px;align-items:center;gap:11px;min-width:260px;padding:11px 17px;display:flex;position:fixed;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000059}.interaction-prompt[hidden],.interaction-context[hidden]{display:none}.interaction-prompt kbd{color:#05202a;background:linear-gradient(135deg,#73e5ff,#77f2c2);border:0;border-radius:9px;place-items:center;width:34px;height:34px;font-family:inherit;font-weight:900;display:grid;box-shadow:inset 0 -3px #003f4938}.interaction-prompt span{font-weight:700}.interaction-context{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020c12ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.interaction-context-card{color:#effbff;text-align:center;background:linear-gradient(145deg,#0b2733,#071922);border:1px solid #73e5ff73;border-radius:22px;width:min(460px,100%);padding:30px;box-shadow:0 24px 80px #00000080}.interaction-context-card h2{margin:9px 0 8px;font-size:30px}.interaction-context-card>p:not(.brand){color:#aac5cf;margin:0 auto 20px;line-height:1.55}.interaction-context-card dl{text-align:left;background:#020d1273;border-radius:12px;gap:8px;margin:0 0 22px;padding:14px;display:grid}.interaction-context-card dl div{grid-template-columns:80px 1fr;gap:10px;display:grid}.interaction-context-card dt{color:#6f98a7}.interaction-context-card dd{overflow-wrap:anywhere;color:#dff8ff;margin:0;font-family:Consolas,monospace}.interaction-context-card button{color:#05202a;cursor:pointer;background:linear-gradient(135deg,#73e5ff,#77f2c2);border:0;border-radius:11px;padding:11px 18px;font-weight:800}.interaction-context-card button span{opacity:.65;margin-left:8px;font-size:11px}@media (max-width:480px){.interaction-prompt{width:calc(100% - 32px);min-width:0;bottom:52px}}@media (max-width:760px){.character-selection{place-items:start center;padding:12px}.selection-panel{padding:22px 14px}.character-cards{grid-template-columns:repeat(3,minmax(84px,1fr))}}@media (max-width:420px){.character-cards{grid-template-columns:repeat(2,minmax(92px,1fr))}}