:root{color-scheme:dark;--bg:#07111d;--panel:#101e2d;--line:#263b50;--gold:#e7bd69;--ink:#f4f0e8;--muted:#9badbf;--green:#5ed6a5;--red:#ff8a83}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#172b3e 0,#07111d 48%);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;min-height:100vh}header{height:72px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,5vw);background:#07111de8;backdrop-filter:blur(16px)}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.18em}.brand span{color:var(--gold)}.tag,.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase}main{width:min(1100px,calc(100% - 32px));margin:36px auto}.panel{max-width:720px;margin:10vh auto;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#132536dd,#0b1723ee);box-shadow:0 30px 90px #0008}.hidden{display:none!important}h1,h2{margin:.2em 0}.fields,.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}input,button{min-height:46px;border-radius:12px;border:1px solid var(--line);font:inherit}input{background:#07111d;color:#fff;padding:0 14px;flex:1;min-width:190px}button{padding:0 18px;background:#182a3c;color:#fff;cursor:pointer;font-weight:700}button:hover{border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:linear-gradient(135deg,#d6aa56,#f1d58e);color:#1d1609;border-color:#f1d58e}.auth-help{margin:14px 0 0;color:var(--muted);font-size:14px}.msg{min-height:24px;color:var(--muted)}.msg.error{color:var(--red)}.invite{margin-top:22px;padding:16px;border:1px solid #e7bd6955;border-radius:14px;background:#e7bd6910;display:flex;gap:16px;align-items:center}.invite strong{font-size:24px;letter-spacing:.25em;color:var(--gold)}.room-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px;border:1px solid #e7bd6955;border-radius:18px;background:linear-gradient(135deg,#132536ee,#0b1723ee)}.room-identity{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.room-identity span,.room-presence span{color:var(--muted);font-size:13px}.room-identity strong{font-size:22px;letter-spacing:.18em;color:var(--gold)}.room-identity button{min-height:38px}.room-presence{display:flex;flex-direction:column;align-items:flex-end}.room-presence strong{color:var(--green)}.table-top{display:flex;align-items:center;justify-content:space-between}.status{color:var(--muted)}.status.online{color:var(--green)}.poker-table{position:relative;margin:20px auto;width:min(100%,850px);height:520px;border:12px solid #432d20;border-radius:46%;background:radial-gradient(ellipse,#176149,#0e3d31);box-shadow:inset 0 0 0 5px #d4a75955,0 30px 80px #0009}.seat{position:absolute;left:50%;transform:translateX(-50%);min-width:230px;padding:14px;text-align:center;border-radius:18px;background:#07111de8;border:1px solid #ffffff22}.opponent{top:20px}.self{bottom:20px}.center{position:absolute;inset:145px 40px auto;text-align:center}.cards{display:flex;justify-content:center;gap:8px;min-height:72px}.card{width:48px;height:68px;border-radius:7px;background:#f8f5ee;color:#111;display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:0 5px 14px #0007}.card.red{color:#c52b35}.card.back{background:linear-gradient(135deg,#142c4c,#244e78);color:#e7bd69;border:2px solid #e7bd69}.pot{font-weight:800;color:#fff;margin-top:12px}.turn{color:#ffe9ac;margin-top:5px}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.actions button{min-width:120px}.amount{display:flex;gap:8px;align-items:center}.amount input{width:120px;min-width:0}.recent{text-align:center;color:var(--muted);margin-top:12px}.summary{margin:20px auto;max-width:850px;padding:24px;background:#101e2d;border:1px solid var(--line);border-radius:18px}.summary h3{color:var(--gold)}
@media(max-width:640px){header{height:60px}.tag{display:none}main{width:calc(100% - 20px);margin:18px auto}.panel{width:100%;padding:22px;margin:5vh auto;min-width:0}.fields{display:grid;grid-template-columns:1fr}.fields input{width:100%;min-width:0}.room-toolbar{grid-template-columns:1fr}.room-toolbar>button{justify-self:start}.room-presence{align-items:flex-start}.room-identity{justify-content:flex-start}.poker-table{height:430px;border-width:8px;border-radius:38%}.seat{min-width:190px;padding:9px}.center{inset:125px 10px auto}.card{width:39px;height:56px;font-size:16px}.actions{position:sticky;bottom:0;background:#07111df2;padding:10px;border-radius:16px}.actions button{min-width:calc(50% - 8px);padding:0 8px}.table-top h2{font-size:20px}}
.account-nav{display:flex;align-items:center;gap:10px;margin-left:auto}.account-nav span{max-width:220px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:13px}.account-nav button{min-height:38px;padding:0 13px}