:root{--void: #17100f;--ash: #211614;--ash2: #2c1e1a;--raise: #35231e;--ember: #ff5a1e;--amber: #ffb020;--line: #3a2723;--bone: #f3e9dd;--smoke: #a8968c;--felt: #37a06e;--felt-dim: #1e5c40;--danger: #ff4436;--disp: "Anton", system-ui, sans-serif;--body: "Archivo", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--bone);background:var(--void);background-image:radial-gradient(120% 90% at 50% -10%,rgba(255,90,30,.18),transparent 55%),radial-gradient(80% 60% at 100% 0%,rgba(255,176,32,.08),transparent 50%);min-height:100vh;min-height:100dvh;line-height:1.5;padding:0 0 env(safe-area-inset-bottom);overscroll-behavior-y:none}button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}::selection{background:var(--ember);color:#1a0d06}.wrap{max-width:760px;margin:0 auto;padding:18px 16px 40px}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--amber);opacity:.85}.wordmark h1{font-family:var(--disp);font-weight:400;line-height:.86;font-size:clamp(52px,16vw,100px);letter-spacing:.01em;text-transform:uppercase;color:var(--bone)}.wordmark h1 .hot{color:var(--ember);text-shadow:0 0 14px rgba(255,90,30,.55),0 0 42px rgba(255,90,30,.3)}.subtitle{font-size:14px;color:var(--smoke);max-width:44ch}.subtitle b{color:var(--bone);font-weight:600}.panel{background:linear-gradient(180deg,var(--ash),var(--ash2));border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.panel h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:22px;margin-bottom:4px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ember);margin-bottom:10px}.lead{color:var(--smoke);font-size:15px}.field{margin:14px 0}.field>label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}input[type=text]{width:100%;background:var(--void);border:1px solid var(--line);color:var(--bone);font-family:var(--body);font-size:16px;padding:12px 14px;border-radius:11px}input[type=text]:focus{outline:none;border-color:var(--ember)}input.code{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;text-align:center;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:20px;background:var(--ember);color:#1a0d06;border:none;border-radius:13px;padding:14px;cursor:pointer;transition:.15s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--smoke);border:1px solid var(--line);font-family:var(--mono);font-size:13px;letter-spacing:.14em;padding:12px}.btn.ghost:hover{color:var(--bone);border-color:var(--smoke)}.btn.felt{background:var(--felt);color:#062117}.btn-row{display:flex;gap:10px}.btn-row .btn{width:auto;flex:1}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--void)}.stepper button{width:44px;height:44px;border:none;background:var(--raise);color:var(--bone);font-size:22px;cursor:pointer;line-height:1}.stepper button:active{background:var(--ember);color:#1a0d06}.stepper .val{min-width:56px;text-align:center;font-family:var(--mono);font-size:18px;font-weight:700}.seg{display:inline-flex;border:1px solid var(--line);border-radius:11px;overflow:hidden}.seg button{border:none;background:var(--void);color:var(--smoke);font-family:var(--mono);font-size:14px;padding:10px 16px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--ember);color:#1a0d06;font-weight:700}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--void);border:1px solid var(--line);border-radius:11px;padding:10px 12px;cursor:pointer;font-size:13px;color:var(--smoke);-webkit-user-select:none;user-select:none}.chip[data-on=true]{border-color:var(--ember);color:var(--bone);background:#ff5a1e14}.chip .dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.chip[data-on=true] .dot{background:var(--ember);box-shadow:0 0 8px var(--ember)}.status{font-family:var(--mono);font-size:12px;color:var(--smoke);text-align:center;margin:6px 0 12px;letter-spacing:.06em}.err{color:var(--danger);font-family:var(--mono);font-size:13px;text-align:center;margin:8px 0;min-height:1.2em}.pcard{--cw: 54px;width:var(--cw);height:calc(var(--cw) * 1.42);border-radius:8px;flex:none;position:relative;background:linear-gradient(165deg,#fdf6ec,#efe2d0);border:1px solid #cbb9a2;color:#241a14;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000073;font-family:var(--mono)}.pcard .rk{font-family:var(--disp);font-size:calc(var(--cw) * .44);line-height:1}.pcard .st{position:absolute;top:4px;left:6px;font-size:calc(var(--cw) * .26);line-height:1.1;font-weight:700}.pcard .st.b{top:auto;left:auto;bottom:4px;right:6px;transform:rotate(180deg)}.pcard.red{color:#b3341c}.pcard.hot{background:linear-gradient(160deg,#ffe7c2,#ffb98a 55%,#ff8a4c);border-color:#ffd9a8;color:#8a2b06;box-shadow:0 0 14px #ff5a1e8c,0 0 34px #ff5a1e40}.pcard.sel{transform:translateY(-14px);outline:2px solid var(--amber)}.pcard.back{background:repeating-linear-gradient(45deg,#35231e,#35231e 4px,#2c1e1a 4px,#2c1e1a 8px);border-color:var(--line)}@keyframes pulse{0%,to{box-shadow:0 0 14px #ff5a1e80,0 0 34px #ff5a1e40}50%{box-shadow:0 0 22px #ff5a1ecc,0 0 55px #ff5a1e66}}.pcard.pulse{animation:pulse 2.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pcard.pulse{animation:none}}.table-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.table-top .hand-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.table-top .codebtn{font-family:var(--mono);font-size:12px;color:var(--smoke);background:none;border:1px dashed var(--line);border-radius:8px;padding:5px 9px;cursor:pointer;letter-spacing:.15em}.opps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.opp{flex:1 1 130px;display:flex;align-items:center;gap:9px;padding:9px 11px;background:var(--void);border:1px solid var(--line);border-radius:12px;min-width:0;position:relative}.opp.turn{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember) inset,0 0 14px #ff5a1e40}.opp.out{border-color:var(--felt)}.opp .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px}.opp .nm small{display:block;font-family:var(--mono);font-size:10px;color:var(--smoke);font-weight:400}.opp .cnt{font-family:var(--mono);font-weight:700;font-size:17px}.opp .badge{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border-radius:6px}.opp .badge.pass{background:var(--raise);color:var(--smoke)}.opp .badge.lead{background:#ffb02026;color:var(--amber)}.opp.dc .nm{color:var(--smoke)}.opp .emote-pop{position:absolute;top:-14px;right:6px;font-size:22px;animation:floatup 1.6s ease-out forwards;pointer-events:none}@keyframes floatup{0%{opacity:0;transform:translateY(6px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-18px) scale(1)}}.pile{min-height:148px;border:1px solid var(--line);border-radius:16px;padding:12px;background:radial-gradient(80% 100% at 50% 0%,rgba(255,90,30,.06),transparent 70%),var(--ash);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.pile .cards{display:flex;gap:6px}.pile .lbl{font-family:var(--mono);font-size:12px;color:var(--bone);letter-spacing:.04em;text-align:center}.pile .lbl small{color:var(--smoke);display:block}.pile .fresh{color:var(--smoke);font-family:var(--mono);font-size:13px;text-align:center}.pile .fresh b{color:var(--amber)}.hotstrip{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hotstrip .pcard{--cw: 40px}.hotstrip .info{font-size:12px;color:var(--smoke);line-height:1.35}.hotstrip .info b{color:var(--ember)}.hotstrip .stub{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--smoke);text-align:right}.myarea{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,var(--void) 18%);padding-top:12px}.selinfo{text-align:center;font-family:var(--mono);font-size:13px;min-height:20px;margin-bottom:6px}.selinfo.good{color:var(--felt)}.selinfo.bad{color:var(--danger)}.selinfo.idle{color:var(--smoke)}.fan{display:flex;overflow-x:auto;padding:18px 8px 8px;gap:0;scrollbar-width:none}.fan::-webkit-scrollbar{display:none}.fan .pcard{margin-left:-18px;cursor:pointer;transition:transform .12s}.fan .pcard:first-child{margin-left:0}.actions{display:flex;gap:10px;padding:8px 0 10px;align-items:stretch}.actions .btn{flex:1;font-size:18px;padding:13px}.actions .btn.pass{flex:0 0 32%}.declare{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:4px 0 6px}.declare button{width:38px;height:38px;border:1px solid var(--line);background:var(--void);color:var(--bone);border-radius:8px;font-family:var(--mono);font-weight:700;font-size:13px;cursor:pointer}.declare button[aria-pressed=true]{background:var(--ember);color:#1a0d06;border-color:var(--ember)}.declare .cap{width:100%;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.emotes{display:flex;gap:6px;justify-content:center;padding-bottom:8px}.emotes button{background:var(--ash);border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:17px;cursor:pointer}.seats{display:flex;flex-direction:column;gap:8px}.seat{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--void);border:1px solid var(--line);border-radius:12px}.seat .num{font-family:var(--disp);color:var(--ember);font-size:20px;width:22px;text-align:center}.seat .nm{flex:1;font-weight:600}.seat .tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.seat.empty{opacity:.5;border-style:dashed}.seat.empty .nm{color:var(--smoke);font-weight:400}.seat.dc .nm{color:var(--smoke)}.codebox{text-align:center;margin:10px 0 4px}.codebox .code{font-family:var(--mono);font-size:34px;font-weight:700;letter-spacing:.35em;color:var(--bone)}.codebox .hint{font-family:var(--mono);font-size:11px;color:var(--smoke);letter-spacing:.08em}.lb{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--void);border:1px solid var(--line);border-radius:12px}.lb-row.lead{border-color:var(--felt);box-shadow:0 0 0 1px var(--felt-dim) inset}.lb-row.out{border-color:var(--danger)}.lb-row .pos{font-family:var(--disp);font-size:24px;width:28px;text-align:center;color:var(--smoke)}.lb-row.lead .pos{color:var(--felt)}.lb-row .nm{flex:1;font-weight:600;font-size:15px;min-width:0}.lb-row .nm small{display:block;font-family:var(--mono);font-size:11px;color:var(--smoke);font-weight:400}.lb-row .sc{font-family:var(--mono);font-size:24px;font-weight:700}.lb-row .sc small{font-size:12px;color:var(--smoke);font-weight:400}.lb-row.out .sc{color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#100a09d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:40}.overlay .sheet{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,var(--ash2),var(--ash));border:1px solid var(--line);border-radius:20px 20px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom))}@media(min-width:640px){.overlay{align-items:center}.overlay .sheet{border-radius:20px}}.gameover{border:1px solid var(--felt);background:#37a06e1a;border-radius:14px;padding:18px;text-align:center;margin-bottom:14px}.gameover .t{font-family:var(--disp);font-size:28px;text-transform:uppercase;color:var(--felt)}.gameover .s{color:var(--bone);font-size:14px;margin-top:4px}.conn-banner{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--danger);color:#2a0705;font-family:var(--mono);font-size:12px;text-align:center;padding:6px;letter-spacing:.08em}.toast{position:fixed;bottom:130px;left:50%;transform:translate(-50%);z-index:50;background:var(--raise);border:1px solid var(--amber);color:var(--bone);border-radius:10px;padding:9px 14px;font-family:var(--mono);font-size:13px;max-width:90vw}.rulewrap p{color:var(--smoke);margin:8px 0;font-size:14px}.rulewrap b{color:var(--bone)}.rulewrap ul{list-style:none;margin:10px 0}.rulewrap li{position:relative;padding-left:22px;margin:7px 0;color:var(--smoke);font-size:14px}.rulewrap li:before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:2px;background:var(--ember);transform:rotate(45deg);box-shadow:0 0 8px #ff5a1e80}.rulewrap li b{color:var(--bone)}.rank-strip{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-family:var(--mono);font-size:12px;margin:12px 0}.rank-strip span{padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:var(--void)}.rank-strip .lo{border-color:var(--felt-dim);color:var(--felt)}.rank-strip .hi{border-color:var(--ember);color:var(--ember)}table.deal{width:100%;border-collapse:collapse;margin-top:6px;font-family:var(--mono);font-size:13px}table.deal th,table.deal td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}table.deal th{color:var(--amber);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.callout{border-left:3px solid var(--ember);background:#ff5a1e12;border-radius:0 12px 12px 0;padding:13px 15px;margin:14px 0}.callout .t{font-family:var(--disp);text-transform:uppercase;font-size:16px;color:var(--ember);margin-bottom:4px}.callout p{color:var(--bone);margin:6px 0;font-size:14px}.foot{text-align:center;font-family:var(--mono);font-size:11px;color:var(--smoke);letter-spacing:.1em;margin-top:24px;opacity:.7}