:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0b;--panel:#161616;--line:#2c2c2c;--text:#e8e8e8;--muted:#8c8c8c;--accent:#c8102e;font-family:system-ui,-apple-system,Segoe UI,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}.center{place-items:center;min-height:100%;padding:16px;display:grid}.muted{color:var(--muted);font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:360px;padding:28px 24px;display:flex}.card p{margin:0 0 12px}.logo{letter-spacing:4px;color:var(--accent);text-shadow:0 0 12px #c8102e99;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:44px}.logo.small{letter-spacing:2px;font-size:22px}label{color:var(--muted);margin-top:6px;font-size:13px}input,select{color:var(--text);border:1px solid var(--line);background:#0f0f0f;border-radius:8px;outline:none;padding:10px 12px;font-size:16px}input:focus,select:focus{border-color:var(--accent)}select{padding:4px 8px;font-size:14px}.otp{letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;font-size:26px}.error{color:#ff6b6b;font-size:14px;margin:4px 0 0!important}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:8px;padding:10px 14px;font-size:15px}button:disabled{opacity:.6;cursor:default}.game{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;display:flex}.bar button{background:#2a2a2a;margin:0;padding:6px 12px;font-size:13px}.bar button:hover{background:var(--accent)}.spacer{flex:1}.frame{background:#000;border:0;flex:1;width:100%}.menu-toggle,.menu-close{display:none}@media (pointer:coarse),(width<=768px){html,body,#root{overscroll-behavior:none;overflow:hidden}.game .bar{z-index:20;padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));transition:transform .2s;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.game.menu-open .bar{transform:none}.game .frame{width:100%;height:100%;position:absolute;inset:0}.menu-close{display:inline-block}.menu-toggle{z-index:10;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));color:#ffffffd9;background:#ffffff1f;border:2px solid #ffffff59;border-radius:8px;justify-content:center;align-items:center;width:38px;height:34px;margin:0;padding:0;font-size:18px;display:flex;position:absolute}.game.menu-open .menu-toggle{display:none}}