:root{--felt-950: #2a0a12;--felt-900: #3b0f1a;--felt-700: #55182a;--felt-600: #6b2136;--gold: #c9a22e;--gold-soft: #a3842e;--ivory: #f5efdf;--ivory-dim: #d9d2bd;--ink: #201d1a;--suit-red: #b3202c;--ember: #e4572e;--ember-hot: #ff8c42;--font-display: "Cinzel", serif;--font-ui: "Atkinson Hyperlegible", system-ui, sans-serif;--font-card: Georgia, "Times New Roman", serif;--card-w: clamp(52px, 13.5vw, 72px);--card-h: calc(var(--card-w) * 1.42);--card-r: calc(var(--card-w) * .11)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ivory);background:radial-gradient(120% 90% at 50% 0%,var(--felt-700) 0%,var(--felt-900) 62%,var(--felt-950) 100%) fixed var(--felt-950);min-height:100dvh;-webkit-font-smoothing:antialiased}#root{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);border:1px solid rgba(32,29,26,.55);background:linear-gradient(160deg,#fbf6e9 0%,var(--ivory) 55%,#eae2cb 100%);box-shadow:0 2px 5px #14050973;padding:0;flex:none;font-family:var(--font-card);transition:transform .14s ease,box-shadow .14s ease}.card--small{--card-w: clamp(40px, 10vw, 54px)}.card--tappable:not(:disabled):hover{transform:translateY(-4px)}.card--selected{transform:translateY(-12px);box-shadow:0 0 0 2px var(--gold),0 8px 14px #14050980}.card--dim{filter:brightness(.62) saturate(.7)}.card--red{color:var(--suit-red)}.card--black{color:var(--ink)}.card-corner{position:absolute;top:5%;left:8%;display:flex;flex-direction:column;align-items:center;line-height:.95;font-size:calc(var(--card-w) * .26)}.card-corner b{font-weight:700}.card-corner i{font-style:normal;font-size:.85em}.card-corner--flip{inset:auto 8% 5% auto;transform:rotate(180deg)}.card-pip{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--card-w) * .52);opacity:.9}.card--back{background:var(--felt-700);border-color:#c9a22e80}.card-back-inner{position:absolute;inset:7%;border-radius:calc(var(--card-r) * .6);border:1px solid var(--gold-soft);background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(201,162,46,.28) 4px 5px),repeating-linear-gradient(-45deg,transparent 0 4px,rgba(201,162,46,.28) 4px 5px),var(--felt-600)}.card--empty{background:none;border:1.5px dashed rgba(245,239,223,.22);box-shadow:none}.card--dealt{animation:deal-in .34s cubic-bezier(.2,.7,.3,1) backwards}@keyframes deal-in{0%{transform:translateY(-70px) scale(.6) rotate(-6deg);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.card--slam{animation:slam-pulse .9s ease-in-out infinite;box-shadow:0 0 0 2px var(--ember),0 0 18px 4px #e4572e8c}@keyframes slam-pulse{50%{box-shadow:0 0 0 3px var(--ember-hot),0 0 26px 8px #ff8c42b3}}.slam-ring{position:absolute;inset:-7px;border-radius:inherit;border:2px solid var(--ember-hot);opacity:.9;animation:slam-ring 1.2s ease-out infinite;pointer-events:none}@keyframes slam-ring{0%{transform:scale(1.28);opacity:0}30%{opacity:.9}to{transform:scale(1);opacity:.15}}@media(prefers-reduced-motion:reduce){.card,.card--dealt,.card--slam,.slam-ring{animation:none!important;transition:none!important}}.anim-off .card--dealt,.anim-off .card--slam,.anim-off .slam-ring,.anim-off .banner span,.anim-off .reveal-toast,.anim-off .net-toast{animation:none!important}.anim-off .card{transition:none}.table{flex:1;display:flex;flex-direction:column;gap:clamp(6px,1.6vh,14px);padding:clamp(8px,2vw,16px)}.zone{display:flex;justify-content:center;gap:clamp(4px,1.5vw,10px)}.zone--piles .pile-slot{position:relative;width:var(--card-w);height:var(--card-h)}.pile-slot .card{position:absolute;inset:0}.pile-slot .card+.card{transform:translate(4px,-6px) rotate(2deg)}.pile-slot .card--selected{transform:translate(4px,-14px) rotate(2deg)}.opp-hand{min-height:calc(var(--card-h) * .6);align-items:flex-start}.opp-hand .card{margin:0 calc(var(--card-w) * -.22);height:calc(var(--card-h) * .62)}.center-row{display:flex;align-items:center;justify-content:center;gap:clamp(14px,5vw,30px);min-height:calc(var(--card-h) * 1.25)}.stack{position:relative;width:var(--card-w);height:var(--card-h)}.stack .card{position:absolute;inset:0}.stack-label{position:absolute;left:50%;bottom:-1.35em;transform:translate(-50%);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ivory-dim);white-space:nowrap}.count-badge{position:absolute;top:-8px;right:-8px;background:var(--gold);color:var(--felt-950);font-weight:700;font-size:12px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px;z-index:3}.burn-scar{width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);border:1.5px dashed rgba(228,87,46,.35);display:grid;place-items:center;color:#e4572ebf;font-size:20px;position:relative}.my-hand{flex-wrap:wrap;min-height:var(--card-h);align-items:flex-end;row-gap:14px}.hud{text-align:center;min-height:2.4em;display:flex;flex-direction:column;justify-content:center;gap:2px}.hud-status{font-size:15px;color:var(--ivory)}.hud-status .em{color:var(--gold);font-weight:700}.hud-sub{font-size:12.5px;color:var(--ivory-dim)}.actions{display:flex;justify-content:center;gap:10px;min-height:44px;align-items:center}.btn{font-family:var(--font-ui);font-size:15px;font-weight:700;padding:10px 22px;border-radius:22px;border:1px solid transparent;transition:transform .12s ease,filter .12s ease}.btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}.btn--primary{background:var(--gold);color:var(--felt-950)}.btn--ghost{background:transparent;color:var(--ivory);border-color:#f5efdf66}.btn--ember{background:var(--ember);color:#fff}.btn:disabled{opacity:.4}.title{font-family:var(--font-display);font-weight:700;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;text-align:center}.menu .title{font-size:clamp(40px,11vw,64px);margin:0}.menu-crest{font-size:30px;letter-spacing:.35em;color:var(--ivory-dim);text-indent:.35em}.menu-tag{color:var(--ivory-dim);font-size:15px;max-width:34ch;margin:0}.toggle{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ivory);-webkit-user-select:none;user-select:none}.toggle input{width:20px;height:20px;accent-color:var(--gold)}.auth-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.name-input{font-family:var(--font-ui);font-size:15px;padding:9px 14px;border-radius:20px;border:1px solid rgba(245,239,223,.35);background:#00000040;color:var(--ivory);width:180px}.name-input::placeholder{color:#f5efdf73}.name-input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.panel{width:min(92vw,460px);background:#0000002e;border:1px solid rgba(245,239,223,.14);border-radius:12px;padding:12px 14px;text-align:left}.panel-title{font-family:var(--font-display);color:var(--gold);font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.match-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(245,239,223,.08);font-size:13.5px;flex-wrap:wrap}.match-row:first-of-type{border-top:none}.match-vs{font-weight:700;color:var(--ivory);min-width:90px}.match-chip{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(245,239,223,.35);border-radius:9px;padding:1px 8px;color:var(--ivory-dim)}.match-chip--daily{border-color:var(--gold-soft);color:var(--gold)}.match-status{color:var(--ivory-dim);flex:1}.match-status--go{color:var(--gold);font-weight:700}.opp-name{text-align:center;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-dim)}.opp-row{display:flex;justify-content:center;gap:8px}.opp-panel{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:12px;border:1px solid transparent}.opp-panel--turn{border-color:var(--gold);background:#c9a22e12}.opp-panel--out{opacity:.4;filter:saturate(.4)}.opp-row--multi{flex-wrap:wrap}.opp-row--multi .opp-panel{--card-w: clamp(30px, 7vw, 44px)}.opp-row--multi .opp-hand .card{height:calc(var(--card-h) * .5);margin:0 calc(var(--card-w) * -.3)}.opp-row--multi .opp-hand{min-height:calc(var(--card-h) * .5)}.opp-row--multi .opp-piles{gap:3px}.seat-picker{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ivory)}.seat-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(245,239,223,.35);background:transparent;color:var(--ivory);font-family:var(--font-ui);font-size:16px;font-weight:700}.seat-btn--on{background:var(--gold);border-color:var(--gold);color:var(--felt-950)}.invite-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:#c9a22e1a;border:1px solid var(--gold-soft);border-radius:10px;padding:8px 12px;font-size:13.5px;color:var(--ivory)}.invite-code{color:var(--gold);font-weight:700;letter-spacing:.08em}.btn--small{font-size:13px;padding:6px 14px}.net-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--felt-900);border:1px solid var(--ember);color:var(--ivory);border-radius:10px;padding:8px 16px;font-size:13.5px;z-index:60;animation:toast-in .2s ease-out}.menu-tag--error{color:var(--ember-hot)}.reveal-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(170deg,var(--felt-700),var(--felt-900));border:1px solid var(--gold-soft);border-radius:12px;padding:10px 16px;z-index:45;font-size:14px;color:var(--ivory);box-shadow:0 10px 30px #00000080;animation:toast-in .22s ease-out;max-width:min(92vw,420px)}.reveal-toast--good{border-color:var(--gold)}.reveal-toast--bad{border-color:var(--ember)}.reveal-toast b{display:block}.reveal-toast--bad b{color:var(--ember-hot)}.reveal-toast--good b{color:var(--gold)}@keyframes toast-in{0%{transform:translate(-50%,-12px);opacity:0}to{transform:translate(-50%);opacity:1}}.banner{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:40}.banner span{font-family:var(--font-display);font-size:clamp(26px,7vw,52px);font-weight:700;letter-spacing:.14em;text-indent:.14em;max-width:94vw;text-align:center;line-height:1.15;color:var(--ember-hot);text-shadow:0 0 30px rgba(228,87,46,.8),0 2px 4px rgba(0,0,0,.6);animation:banner-pop 1.1s ease-out forwards}@keyframes banner-pop{0%{transform:scale(.6);opacity:0}18%{transform:scale(1.08);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.02);opacity:0}}.overlay{position:fixed;inset:0;background:#17050ac7;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:linear-gradient(170deg,var(--felt-700),var(--felt-900));border:1px solid var(--gold-soft);border-radius:14px;padding:26px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 18px 50px #0000008c}.modal h2{font-family:var(--font-display);color:var(--gold);letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase;font-size:24px}.modal p{color:var(--ivory-dim);margin:0 0 18px;font-size:15px}.modal .actions{flex-wrap:wrap}.rules-body{text-align:left;max-height:55vh;overflow-y:auto;font-size:14px;line-height:1.55;color:var(--ivory);padding-right:6px}.rules-body h3{font-family:var(--font-display);color:var(--gold);font-size:15px;letter-spacing:.08em;margin:14px 0 4px}.rules-body p{margin:0 0 8px;color:var(--ivory-dim)}.rules-body b{color:var(--ivory)}.log-line{text-align:center;font-size:12.5px;color:#f5efdf8c;min-height:1.2em;padding:0 0 6px;font-variant-numeric:tabular-nums;background:none;border:none;font-family:var(--font-ui)}.log-line u{text-underline-offset:2px}.log-line:hover{color:var(--ivory-dim)}.burn-scar{background:none;padding:0}.burn-scar:disabled{cursor:default}.card-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-height:45vh;overflow-y:auto;padding:4px 2px}.burn-section{width:100%}.burn-section-label{font-size:13px;font-weight:700;color:var(--gold);text-align:left;margin:8px 0 4px}.burn-section:first-child .burn-section-label{margin-top:0}.burn-section-cards{display:flex;flex-wrap:wrap;gap:6px}.rank-summary{font-size:13.5px;color:var(--gold);font-weight:700;margin-bottom:12px;white-space:pre-wrap;font-variant-numeric:tabular-nums}.history-list{text-align:left;max-height:50vh;overflow-y:auto;font-size:13.5px;line-height:1.6;color:var(--ivory)}.history-row{border-bottom:1px solid rgba(245,239,223,.08);padding:3px 2px}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}