:root{--bg: #0c0a10;--panel: #1b1622;--border: #f2c14e;--text: #f1ead8;--muted: #a79e8a;--err: #ff6a5a}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-monospace,Courier New,monospace;overflow:hidden}#game{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}#game canvas{image-rendering:pixelated}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:20px;background:var(--panel);border:4px solid var(--border);box-shadow:0 0 0 4px #000}.panel h1{margin:0;font-size:28px;letter-spacing:2px;color:var(--border)}.sub{margin:4px 0 16px;color:var(--muted)}label{display:block;margin-bottom:12px}input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px;font:inherit;background:#000;color:var(--text);border:2px solid var(--muted)}fieldset{border:2px solid #3a3242;margin:0 0 12px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices label{margin:0;padding:6px 10px;border:2px solid #3a3242;cursor:pointer}.choices input{display:none}.choices label:has(input:checked){border-color:var(--border);background:#2a2234}button{width:100%;padding:10px;font:inherit;font-weight:700;background:var(--border);color:#1b1622;border:none;cursor:pointer}.err{min-height:1.2em;color:var(--err)}.help{color:var(--muted);font-size:12px;line-height:1.5}.hidden{display:none}.row{display:flex;gap:8px}button.secondary{background:#3a3242;color:var(--text)}button:disabled{opacity:.6;cursor:default}.pixel-input{position:fixed;box-sizing:border-box;margin:0;padding:0 6px;background:#000;color:var(--text);border:2px solid #5a4a32;font-family:ui-monospace,Courier New,monospace;outline:none;z-index:5}.pixel-input:focus{border-color:var(--border)}.chat-input{background:#000000c7}#loading{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 30% 40%,#1c2a5a 0%,transparent 55%),radial-gradient(ellipse at 72% 40%,#3a1450 0%,transparent 55%),#0b0a14;transition:opacity .5s ease}#loading.fade{opacity:0;pointer-events:none}#loading.gone{display:none}#loading .ld-art{max-width:92vw;max-height:calc(100vh - 150px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 30px rgba(0,0,0,.7))}#loading .ld-bottom{width:min(760px,86vw);text-align:center}#loading.idle .ld-bottom{visibility:hidden}#ld-text{margin:0 0 6px;color:#ffd100;letter-spacing:1px;text-shadow:0 2px 0 #000}.ld-bar{height:16px;padding:2px;background:#050409;border:2px solid #c9a54a;box-shadow:0 0 0 2px #000,inset 0 0 6px #000}#ld-fill{height:100%;width:0%;background:linear-gradient(90deg,#e8b030,#f8e080,#4aa8ff 60%,#a050ff);background-size:760px 100%;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000059;transition:width .3s ease;animation:ld-shine 1.6s linear infinite}@keyframes ld-shine{0%{filter:brightness(.9)}50%{filter:brightness(1.2)}to{filter:brightness(.9)}}#ld-tip{margin:8px 0 0;min-height:1.2em;color:#d8d0b8;font-size:13px;text-shadow:0 1px 0 #000}#loading.idle{justify-content:flex-start;padding-top:12px}#loading.idle .ld-art{max-height:calc(100vh - 360px);min-height:160px}#login{z-index:60;top:auto;bottom:20px;transform:translate(-50%)}