:root{--bg: #0a0d13;--bg-2: #0e131c;--panel: #141b27;--panel-2: #1a2330;--panel-line: #2a3445;--overlay: rgba(4, 7, 12, .72);--brass: #c2924a;--brass-bright: #e7bd66;--brass-deep: #835f29;--copper: #b4762a;--steel: #5d7794;--steel-bright: #88a6c6;--ink: #e9eef6;--ink-soft: #bcc7d6;--muted: #7e8ca1;--muted-2: #55617a;--ok: #46b079;--danger: #e06a5f;--danger-deep: #4a2420;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 30px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .62);--font-display: "Cinzel", "Times New Roman", serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 50% -12%,#1b2740,#1b274000 60%),radial-gradient(900px 600px at 100% 105%,#102032,#10203200 55%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:auto 0 0 0;height:62vh;background:url(/smoke.png) center bottom / cover no-repeat;opacity:.1;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,0) 92%);mask-image:linear-gradient(to top,#000,#0000 92%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--brass-bright);text-decoration:none}a:hover{text-decoration:underline}.display{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;line-height:1.05;margin:0}.brand{font-family:var(--font-display);font-weight:900;letter-spacing:.06em;background:linear-gradient(180deg,var(--brass-bright),var(--brass) 55%,var(--brass-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:12px;color:var(--brass);font-weight:700}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:14px;padding:11px 20px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .06s ease,filter .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap;text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--brass-bright),var(--brass) 60%,var(--brass-deep));color:#1c1407;border-color:#f0cd83;box-shadow:0 1px #ffffff40 inset,0 8px 20px #b0762a47}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:#c08a3e14;color:var(--ink-soft);border-color:var(--panel-line)}.btn-ghost:hover:not(:disabled){border-color:var(--brass);color:var(--ink)}.btn-danger{background:transparent;color:#e98c84;border-color:var(--danger-deep)}.btn-danger:hover:not(:disabled){background:#d4564b1f;border-color:var(--danger)}.btn-lg{padding:14px 26px;font-size:15px}.btn-block{width:100%}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--panel-line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-hover{transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.card-hover:hover{transform:translateY(-2px);border-color:var(--brass);box-shadow:var(--shadow-lg)}.hr{height:1px;background:linear-gradient(90deg,transparent,var(--panel-line),transparent);border:0;margin:0}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:13px;font-weight:600;color:var(--ink-soft)}.input{font-family:var(--font-body);font-size:15px;color:var(--ink);background:#160f08;border:1px solid var(--panel-line);border-radius:var(--radius-sm);padding:12px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input::placeholder{color:var(--muted-2)}.input:focus{border-color:var(--brass);box-shadow:0 0 0 3px #c08a3e2e}.error-text{color:#ec9089;font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 9px;border-radius:999px;border:1px solid var(--panel-line);color:var(--muted)}.badge-admin{color:var(--brass-bright);border-color:var(--brass-deep);background:#c08a3e1a}.badge-lobby{color:var(--ok);border-color:#2c5238;background:#4caf6d1a}.badge-active{color:var(--brass-bright);border-color:var(--brass-deep);background:#c08a3e1a}.page{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between}.appbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#14100beb,#14100bb8);border-bottom:1px solid var(--panel-line)}.appbar-inner{height:62px;display:flex;align-items:center;gap:18px}.navlink{font-size:14px;font-weight:600;color:var(--muted);padding:7px 12px;border-radius:var(--radius-sm);transition:color .12s ease,background .12s ease}.navlink:hover{color:var(--ink);text-decoration:none;background:#c08a3e14}.navlink.active{color:var(--brass-bright);background:#c08a3e1f}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(192,138,62,.25);border-top-color:var(--brass-bright);animation:spin .8s linear infinite}.center-screen{min-height:100vh;display:grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.seat-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #00000059;display:inline-block}.pips{display:inline-flex;gap:5px}.pip{width:10px;height:10px;border-radius:50%;background:#160f08;border:1px solid var(--panel-line)}.pip.filled{background:linear-gradient(180deg,var(--brass-bright),var(--brass-deep));border-color:var(--brass)}.go-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);z-index:6;min-width:172px;padding:9px 11px;border-radius:10px;border:1px solid var(--brass-deep);background:linear-gradient(180deg,#1c2533,#121925);box-shadow:0 14px 32px #00000094;font-size:12px;white-space:nowrap;pointer-events:none}.go-tip:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;transform:translate(-50%,-60%) rotate(45deg);background:#121925;border-right:1px solid var(--brass-deep);border-bottom:1px solid var(--brass-deep)}