:root{--ink: #141413;--paper: #fffdf8;--gold: #e8c36a;--gold-2: #f3d68a;--felt: #1f5c45;--felt-light: #396e5c;--felt-dark: #0f3a2a;--red: #c0392b;--black: #1c1a17;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit}a{color:var(--gold)}a:hover{color:var(--gold-2)}.btn{font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:15px;border-radius:14px;height:48px;padding:0 22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;text-decoration:none;color:inherit}.btn.small{height:40px;padding:0 14px;font-size:14px}.btn.ghost{background:#fffdf814;color:var(--paper);box-shadow:inset 0 0 0 1px #fffdf847}.btn.ghost:hover:not(:disabled){background:#fffdf824}.btn.primary{background:linear-gradient(180deg,#f0cc72,#d9ad4a);color:#2a1e06;box-shadow:0 1px #ffffff8c inset,0 8px 20px -6px #e8c36a99}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#f6d57f,#e0b552)}.btn.discord{background:#5865f2;color:#fff}.btn.discord:hover{background:#4752c4}.btn:disabled{opacity:.45;cursor:default}.linkish{background:none;border:0;color:var(--gold);cursor:pointer;padding:0;font-weight:600}.linkish:hover{color:var(--gold-2)}.icon-btn{position:relative;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#0a0c0a73;color:#fffdf8d9;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff14}.icon-btn:hover{background:#0a0c0aa6}.icon-btn.small{width:32px;height:32px;font-size:20px}.badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--gold);color:#2a1e06;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#0a0c0a73;color:#fffdf8e0;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffffff14;white-space:nowrap}.pill.dark{background:#0a0c0a8c}.pill .dot{opacity:.45}.code-pill{letter-spacing:.12em}.led{width:8px;height:8px;border-radius:50%;background:#fffdf84d;display:inline-block}.led.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.muted{color:#fffdf899}.small-text{font-size:12px}.gold{color:var(--gold);font-weight:700}.err{color:#f0a090;font-size:14px}.center-msg{height:100%;display:flex;align-items:center;justify-content:center;color:#fffdf899}.home{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(ellipse 70% 60% at 50% 30%,var(--felt-light) 0%,var(--felt) 55%,var(--felt-dark) 100%)}.home-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:24px;background:#0a0c0a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fffdf81a,0 30px 60px -30px #000c}.home-card.lobby{max-width:520px}.brand-title{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-size:40px;letter-spacing:-.01em;line-height:1}.brand-sub{color:#fffdf899;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:8px}.or{text-align:center;color:#fffdf88c;font-size:13px}.guest,.join{display:flex;flex-direction:column;gap:8px}label{font-size:13px;font-weight:700;color:#fffdf8b3}input{height:48px;border-radius:12px;border:0;padding:0 14px;background:#fffdf814;color:var(--paper);box-shadow:inset 0 0 0 1px #fffdf82e;outline:none;width:100%}input:focus{box-shadow:inset 0 0 0 2px var(--gold)}#code{text-transform:uppercase;letter-spacing:.3em;font-weight:800;font-size:18px}.join-row{display:flex;gap:8px}.join-row input{flex:1;min-width:0}.who{display:flex;align-items:center;gap:12px}.who-name{font-weight:800;font-size:18px}.who-sub{color:#fffdf899;font-size:13px}.avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #ffffff2e}.avatar-img.sm,.avatar-fallback.sm{width:32px;height:32px;font-size:14px}.avatar-fallback{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:800;font-size:20px;background:linear-gradient(160deg,#7c4a2c,#4a2a16);box-shadow:0 0 0 2px #ffffff2e}.lobby-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.lobby-head-actions{display:flex;align-items:center;gap:8px}.code{font-family:Fraunces,serif;font-weight:800;font-size:44px;letter-spacing:.12em;line-height:1;margin-top:4px}.section-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fffdf880}.seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.seats li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fffdf80d}.seats li.away{opacity:.55}.seats li.empty{color:#fffdf866;font-size:14px;justify-content:center;border:1px dashed rgba(255,253,248,.18);background:none}.seat-name{font-weight:700;flex:1}.tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#e8c36a2e;color:var(--gold)}.tag.muted{background:#fffdf814;color:#fffdf899}.spectators{font-size:14px;color:#fffdf8cc;display:flex;flex-wrap:wrap;gap:6px 14px}.spec{display:inline-flex;align-items:center;gap:4px}.kick{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;background:#fffdf814;color:#fffdf899;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.kick:hover{background:#c0392b59;color:#fff}.lobby-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.clock-setting{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fffdf8cc}.clock-setting strong{color:var(--paper)}.clock-setting select{height:36px;border-radius:10px;border:0;padding:0 10px;background:#fffdf81a;color:var(--paper);font:inherit;font-weight:700;box-shadow:inset 0 0 0 1px #fffdf833;cursor:pointer}.clock-setting select:focus{outline:none;box-shadow:inset 0 0 0 2px var(--gold)}.hub{align-items:flex-start}.hub-inner{width:100%;max-width:920px;display:flex;flex-direction:column;gap:28px;padding-top:24px}.hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.hub .brand-title{font-size:56px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tile{text-align:left;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;border:0;cursor:pointer;color:var(--paper);background:#0a0c0a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fffdf81a,0 24px 50px -30px #000c;transition:transform .15s ease,box-shadow .15s ease}.tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--gold),0 28px 50px -28px #000000e6}.tile.soon{cursor:default;opacity:.6}.tile.soon:hover{transform:none;box-shadow:inset 0 0 0 1px #fffdf81a}.tile-art{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fffdf8,#f0e9d8);margin-bottom:8px}.tile-suit{width:30px;height:30px;fill:var(--black)}.tile.soon .tile-suit{fill:var(--red)}.tile-name{font-family:Fraunces,serif;font-weight:800;font-size:26px;line-height:1.1}.tile-tag{color:#fffdf8b8;font-size:14px;line-height:1.4}.tile-meta{margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.linkish.back{align-self:flex-start;font-size:13px}.hub-signin{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.signin{display:flex;flex-direction:column;gap:12px}@media(max-width:640px){.hub-signin{grid-template-columns:1fr}.hub .brand-title{font-size:44px}}.stats-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:#0a0c0a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fffdf81a}.stat-row{display:flex;flex-wrap:wrap;gap:10px}.stat{min-width:84px;padding:12px 14px;border-radius:14px;background:#fffdf80f;display:flex;flex-direction:column;gap:2px}.stat-value{font-family:Fraunces,serif;font-weight:800;font-size:28px;line-height:1}.stat-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fffdf899}.stat-sub{font-size:12px;color:var(--gold);font-weight:700}.board{width:100%;border-collapse:collapse;font-size:14px}.board th{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fffdf880;padding:6px 8px;text-align:center}.board td{padding:8px;text-align:center;border-top:1px solid rgba(255,253,248,.07);font-weight:600}.board .l{text-align:left}.board .rank-col{color:var(--gold);font-family:Fraunces,serif;font-weight:800;width:32px}.board .places{color:#fffdf8b3;white-space:nowrap}.board .me-row td{background:#e8c36a14}.board-who{display:inline-flex;align-items:center;gap:8px}@media(max-width:640px){.board th:last-child,.board td:last-child{display:none}}.chat{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.chat.compact .chat-list{max-height:160px}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;background:#00000040;font-size:13px;min-height:80px}.chat-line{color:#fffdf88c}.chat-line.chat{color:var(--paper)}.chat-line.game{color:var(--gold-2)}.chat-who{font-weight:800;color:var(--gold)}.chat-line.mine .chat-who{color:#9fd3ff}.chat-form{display:flex;gap:8px}.chat-form input{height:40px}.stage-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--ink);overflow:hidden}.stage{position:relative;flex:none;transform-origin:center center}.rotate-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;color:#fffdf88c;pointer-events:none}.table{position:relative;width:1280px;height:800px;overflow:hidden;color:var(--paper);background:radial-gradient(ellipse 70% 60% at 50% 42%,var(--felt-light) 0%,var(--felt) 55%,var(--felt-dark) 100%);border-radius:24px}.rail{position:absolute;left:22px;top:22px;right:22px;bottom:22px;border-radius:28px;box-shadow:inset 0 0 0 1px #fffdf814,inset 0 0 60px #00000047;pointer-events:none}.topbar-left{position:absolute;left:40px;top:30px;display:flex;align-items:center;gap:14px}.topbar-right{position:absolute;right:40px;top:30px;display:flex;align-items:center;gap:10px}.logo{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-size:26px;letter-spacing:-.01em}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;width:96px;margin-left:-48px;transform:translate(48px)}.seat.passed{opacity:.6}.avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;object-fit:cover;font-family:Fraunces,serif;font-weight:800;font-size:22px;color:var(--paper);box-shadow:0 0 0 2px #ffffff2e,0 8px 18px -6px #000000b3}.avatar.turn{box-shadow:0 0 0 3px var(--gold),0 0 26px 4px #e8c36a66,0 8px 18px -6px #000000b3}.avatar.away{filter:grayscale(1);opacity:.5}.name{font-weight:700;font-size:14px;letter-spacing:.01em;white-space:nowrap}.count{font-weight:600;font-size:12px;color:#fffdf8b8}.clock{color:var(--gold);font-weight:700}.clock.low{color:#f0a090}.clock-bar{width:96px;height:4px;border-radius:999px;background:#00000059;overflow:hidden}.clock-bar.wide{width:150px;height:5px;margin-top:4px}.clock-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .25s linear}.clock-fill.low{background:linear-gradient(90deg,#d9534f,#f0a090)}.mini{position:relative;width:96px;height:56px}.mini-slot{position:absolute;left:28px;top:0;width:40px;height:56px;transform-origin:50% 200px}.watching{position:absolute;right:40px;top:84px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;max-width:260px}.watching-head{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fffdf899}.watching-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.watcher{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:#0a0c0a73;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}.avatar-img.xs,.avatar-fallback.xs{width:22px;height:22px;font-size:11px;box-shadow:none}.notice{position:absolute;left:50%;top:84px;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#0a0c0a99;color:var(--paper);font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1px #fffdf81f;pointer-events:none}.center{position:absolute;left:50%;top:250px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}.pile{position:relative;width:320px;height:150px}.pile-row{position:absolute;top:0;right:0;bottom:0;left:0}.pile-row.prev{filter:saturate(.7)}.pile-card{position:absolute;width:84px;height:118px}.me{position:absolute;left:40px;bottom:34px;display:flex;align-items:center;gap:14px}.me-text{display:flex;flex-direction:column;gap:4px}.me .name{font-size:15px}.hand{position:absolute;left:588px;top:626px;width:104px;height:146px}.hand-slot{position:absolute;left:0;top:0;width:104px;height:146px;transform-origin:50% 1100px;cursor:pointer;background:none;border:0;padding:0}.hand-slot:hover .card{transform:translateY(-8px)}.hand-slot:focus-visible .card{outline:3px solid var(--gold);outline-offset:2px}.actions{position:absolute;right:40px;bottom:34px;display:flex;align-items:center;gap:12px;z-index:2}.me{z-index:2}.results{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;padding:24px 26px;border-radius:20px;background:#0a0c0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fffdf81f,0 30px 60px -20px #000000e6;display:flex;flex-direction:column;gap:16px}.results-title{font-family:Fraunces,serif;font-weight:800;font-size:24px;line-height:1.15}.results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.results-list li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;font-weight:700}.results-place{color:var(--gold);font-family:Fraunces,serif;font-weight:800;font-size:18px}.results-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-panel{position:absolute;top:0;right:0;bottom:0;width:360px;padding:20px;display:flex;flex-direction:column;gap:12px;background:#0a0c0ad1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:-20px 0 50px -30px #000000e6,inset 1px 0 #fffdf81a}.chat-head{display:flex;align-items:center;justify-content:space-between;font-weight:800}.chat-head-actions{display:flex;align-items:center;gap:12px;font-size:13px}.card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(160deg,#fffdf8,#f5f0e5);box-shadow:inset 0 1px #fffc,0 0 0 1px #1414131f,0 10px 20px -8px #0009;transition:transform .18s ease,box-shadow .18s ease}.card.sel{box-shadow:inset 0 1px #fffc,0 0 0 2px var(--gold),0 0 22px 2px #e8c36a59,0 18px 30px -10px #000000bf}.idx{position:absolute;left:7px;top:6px;display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.idx.b{left:auto;right:7px;top:auto;bottom:6px;transform:rotate(180deg)}.rank{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.05em;font-variant-numeric:lining-nums tabular-nums}.pip{width:16px;height:16px;display:block}.big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}.face{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:76px;border-radius:6px;box-shadow:inset 0 0 0 1px currentColor,inset 0 0 0 3px #fffdf8,inset 0 0 0 4px currentColor;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-style:italic;font-weight:600;font-size:38px;font-variation-settings:"opsz" 144}.card.sm .rank{font-size:22px}.card.sm .pip{width:12px;height:12px}.card.sm .big{width:40px;height:40px}.card.sm .face{width:44px;height:62px;font-size:30px}.card.sm .idx{left:7px;top:6px}.card.sm .idx.b{right:7px;bottom:6px}.back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 1.5px,transparent 1.5px 9px),repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 1.5px,transparent 1.5px 9px),linear-gradient(170deg,#25396f,#152350);box-shadow:inset 0 0 0 3px #152350,inset 0 0 0 4px #c9a85c,0 0 0 1px #00000059,0 6px 14px -6px #000000b3}.back:after{content:"";position:absolute;left:50%;top:50%;width:38%;height:38%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(201,168,92,.55);border-radius:3px}.toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none}.toast{padding:10px 16px;border-radius:12px;background:#141413eb;color:var(--paper);font-weight:600;font-size:14px;box-shadow:0 10px 30px -10px #000c,inset 0 0 0 1px #fffdf81f}@media(max-width:480px){.home-card{padding:22px}}