:root {color-scheme:dark; font:16px/1.45 system-ui,-apple-system,sans-serif; --ink:#171b36; --paper:#fff9e8; --pink:#ff4aa3; --lime:#d8ff43; --blue:#35dbff}
* {box-sizing:border-box}
body {margin:0;background:#090f20;color:var(--paper);display:flex;align-items:center;justify-content:center;min-height:100dvh;overflow:hidden}
#game-shell {position:relative;height:calc(100dvh - 42px);aspect-ratio:9/16;max-width:100vw;background:#153c5e;margin-bottom:42px}
#unity-canvas {display:block;width:100%;height:100%;outline:0;touch-action:none}
#loading {position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:24px;text-align:center;background:#123954}
#loading strong {font-size:clamp(24px,5vw,44px);font-style:italic;color:var(--lime);text-shadow:3px 3px 0 #34244b;transform:rotate(-5deg)}
[hidden] {display:none!important}
progress {accent-color:var(--pink);width:min(300px,80%)}
.site-tools {position:fixed;left:0;right:0;bottom:0;min-height:42px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:12px;background:#090f20;padding:4px}
.site-tools button,.site-tools a {background:#1b2340;color:#e5edf5;border:1px solid #4f6381;border-radius:8px;padding:6px 9px;font:inherit;text-decoration:none;cursor:pointer}
@media(max-width:480px) {#game-shell {height:calc(100dvh - 74px);margin-bottom:74px}.site-tools {height:74px;align-content:center}}
dialog {border:3px solid var(--blue);border-radius:22px;background:var(--paper);color:var(--ink);padding:28px;max-width:min(480px,94vw);max-height:90dvh;box-shadow:8px 8px 0 #6a3178;overflow:auto}
dialog::backdrop {background:#06112bd6}
h1 {font-size:26px;line-height:1.1;font-style:italic;margin:4px 30px 18px 0;text-shadow:2px 2px 0 #bde8f2}
p {font-size:14px}
label {display:block;font-size:13px;font-weight:700;margin:12px 0}
input {width:100%;border:2px solid #757ca1;background:#fff;color:#1a2140;border-radius:10px;padding:12px;font:inherit;margin-top:5px}
button {border:2px solid #242342;background:var(--lime);color:var(--ink);border-radius:11px;padding:11px 14px;font:800 14px system-ui;box-shadow:0 3px 0 #2d3346;cursor:pointer}
button:disabled {opacity:.55;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible {outline:3px solid #e33f9e;outline-offset:3px}
.close {position:absolute;right:14px;top:12px;padding:3px 11px;background:var(--pink);font-size:24px}
.row {display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.row>* {flex:1}
.secondary button,button.secondary {background:#dce4ef}
.purchase {width:100%;background:var(--pink);margin-top:18px}
#portal-message {min-height:2.8em;border-left:4px solid #b14492;padding-left:12px}
details {border-top:1px solid #c2bfd0;margin-top:18px;padding-top:14px;font-size:13px}
summary {cursor:pointer;font-weight:800}
#totp-secret {display:block;overflow-wrap:anywhere;margin:12px 0;padding:10px;background:#e6e3ef}
#totp-qr {display:block;margin:12px auto;background:white}