:root{--ink:#2a1633;--panel:#2a1638;--edge:#f7c68a;--gold:#ffe36a;--dim:#b8a0c0;--text:#fff6e8;--font:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);background:#140c22;margin:0;overflow:hidden}#stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game{image-rendering:pixelated;display:block}#overlay{pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}body.portrait #stage{padding-top:env(safe-area-inset-top);flex-direction:column;justify-content:flex-start}body.portrait #overlay{width:100%;padding-bottom:max(16px, env(safe-area-inset-bottom));flex:1;align-items:flex-start;position:relative;inset:auto}body.portrait #overlay.bottom{align-items:flex-start}#overlay>*{pointer-events:auto}#overlay.bottom{align-items:flex-end}.panel{background:var(--panel);border:3px solid var(--edge);box-shadow:0 0 0 3px var(--ink), 0 12px 40px #0000008c;border-radius:10px;width:min(420px,100%);max-height:100%;padding:18px 20px;overflow:auto}.panel h1{letter-spacing:2px;color:var(--gold);text-shadow:3px 3px #6a2a4a;text-align:center;margin:0 0 4px;font-size:28px}.panel h2{letter-spacing:1px;color:var(--dim);text-transform:uppercase;margin:16px 0 8px;font-size:13px}.panel p{color:var(--dim);margin:6px 0;font-size:13px;line-height:1.4}.sub{text-align:center;color:var(--dim);margin-bottom:8px;font-size:12px}label{color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin:10px 0 4px;font-size:12px;display:block}input[type=text],select{width:100%;font:inherit;color:var(--text);text-transform:uppercase;background:#1c0f2c;border:2px solid #5a3a6a;border-radius:6px;padding:8px 10px;font-size:16px}input[type=text]:focus,select:focus{border-color:var(--edge);outline:none}.check{text-transform:none;color:var(--text);letter-spacing:0;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.row{align-items:center;gap:8px;display:flex}.row>*{flex:1}button{font:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:var(--ink);background:var(--gold);border:0;border-radius:6px;padding:10px 14px;font-size:15px;font-weight:700;box-shadow:0 3px #b8741a}button:active{transform:translateY(2px);box-shadow:0 1px #b8741a}button.secondary{color:var(--text);background:#4a2a5e;box-shadow:0 3px #1c0f2c}button:disabled{opacity:.5;cursor:default}.wide{width:100%;margin-top:14px}.code{text-align:center;letter-spacing:8px;color:var(--gold);margin:4px 0 8px;font-size:40px;font-weight:800}.players{margin:0;padding:0;list-style:none}.players li{align-items:center;gap:8px;padding:5px 0;font-size:15px;display:flex}.players .swatch{border:2px solid var(--ink);border-radius:3px;width:12px;height:16px}.players .tag{color:var(--dim);font-size:11px}.players .off{opacity:.45}.or{text-align:center;color:var(--dim);margin:14px 0 0;font-size:12px}.bar{border:2px solid var(--edge);background:#2a1638eb;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;display:flex}.bar span{color:var(--dim);font-size:13px}.banner{position:absolute;top:12px;left:50%;transform:translate(-50%)}#toast{color:#fff;border:2px solid var(--ink);z-index:10;background:#a02438;border-radius:8px;max-width:calc(100% - 28px);padding:10px 14px;font-size:14px;position:fixed;top:14px;left:50%;transform:translate(-50%)}#status{color:var(--dim);background:#1c0f2c;border-radius:6px;padding:4px 8px;font-size:12px;position:fixed;bottom:10px;right:10px}.jump-pad{display:none}body.portrait .jump-pad{aspect-ratio:1;width:min(70vw,45vh);box-shadow:0 8px 0 #b8741a, 0 0 0 6px var(--ink);touch-action:none;border-radius:50%;margin:auto;font-size:22px;display:block}body.portrait .jump-pad:active{box-shadow:0 2px 0 #b8741a, 0 0 0 6px var(--ink);transform:translateY(6px)}body.portrait .banner{margin:0 auto;position:static;transform:none}