@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(./cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(./cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(./cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(./cormorant-garamond-latin-700-normal-DajfzrDU.woff2)format("woff2"),url(./cormorant-garamond-latin-700-normal-O25Qpphb.woff)format("woff")}:root{--gold-1:#fff3c4;--gold-2:#f2c75c;--gold-3:#c68a2c;--gold-4:#8a5412;--gold-line:#f2c75c99;--gold-faint:#f2c75c38;--ink:#f7eedb;--ink-dim:#d8caa8;--ink-mute:#a89c80;--panel-1:#102a20ed;--panel-2:#071610f2;--red-1:#d4453a;--red-2:#a0241c;--red-3:#62100c;--green-1:#2f8f62;--green-2:#176343;--green-3:#0a3624;--blue-1:#34689e;--blue-2:#1a3f69;--blue-3:#0b2038;--dark-1:#1b2a2a;--dark-2:#0c1716;--pos:#74e38a;--neg:#ff6e61;--felt-1:#1f7a50;--felt-2:#11573a;--felt-3:#073222;--rim-1:#4a2c16;--rim-2:#231208;--back-1:#b0251d;--back-2:#5c0d0a;--sky-1:#140d26;--sky-2:#3a1c42;--sky-3:#8f3b44;--sky-4:#db7a3e;--sky-5:#f2b661;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"Cormorant Garamond", Georgia, "Times New Roman", serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--sky-4)!important}body{font-variant-numeric:lining-nums tabular-nums;min-height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:17px;font-weight:600;line-height:1.35;background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 45%, var(--sky-3) 80%, var(--sky-4) 100%)!important}h1,h2,h3{font-family:var(--font-display);margin:0}button{font:inherit;color:inherit}.screen{min-height:100dvh;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));max-width:1100px;margin:0 auto}.panel{background:var(--panel-1);border:1px solid var(--gold-line);border-radius:var(--radius);padding:16px 20px}.btn{border:1.5px solid var(--gold-3);background:linear-gradient(180deg, #243433, var(--dark-2));min-height:48px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 18px;font-size:.92rem;font-weight:700;display:inline-flex}.btn.primary{background:linear-gradient(180deg, var(--green-1), var(--green-2) 55%, var(--green-3))}.btn:not(:disabled):hover{filter:brightness(1.08)}.btn:not(:disabled):active{transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default}.icon-btn{border:1.5px solid var(--gold-3);cursor:pointer;background:radial-gradient(circle at 50% 35%,#2b3b36,#0b1513);border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.home{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.home-logo{filter:drop-shadow(0 8px 18px #00000080);width:min(160px,40vw);height:auto;margin-bottom:12px}.brand{font-family:var(--font-display);letter-spacing:.5em;text-transform:uppercase;color:var(--gold-2);margin:0 -.5em 0 0;font-size:.85rem}.title{text-transform:uppercase;background:linear-gradient(180deg, var(--gold-1) 0%, var(--gold-2) 40%, var(--gold-3) 70%, var(--gold-4) 100%);color:#0000;filter:drop-shadow(0 3px 6px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,12vw,4rem)}.title-ne{color:var(--ink-dim);margin:0;font-size:1.3rem}.lede{color:var(--ink-dim);font-size:1.15rem;font-style:italic}.home-actions{gap:12px;width:min(320px,100%);margin-top:16px;display:grid}.bar,.table-bar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.bar h1,.table-bar h1{color:var(--gold-2);font-size:1.4rem}.rules-body{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:16px;display:grid}@media (max-width:760px){.rules-body{grid-template-columns:1fr}}.setting+.setting{margin-top:18px}.setting label{font-family:var(--font-display);margin-bottom:6px;font-size:.95rem;display:block}.setting strong{color:var(--gold-2)}.setting input{width:100%;accent-color:var(--gold-2)}.setting.choice{border:0;margin-left:0;margin-right:0;padding:0}.setting.choice legend{font-family:var(--font-display);margin-bottom:6px;padding:0;font-size:.95rem}.setting.choice label{font-family:var(--font-body);align-items:center;gap:8px;margin:4px 0 0;font-size:1.05rem;display:flex}.setting.choice input{width:auto;margin:0}.about h2{color:var(--gold-2);font-size:1.2rem}.about h3{color:var(--gold-1);margin-top:14px;font-size:.95rem}.about p{color:var(--ink-dim);margin:6px 0 0}.about strong,.about em{color:var(--ink)}.pcard{--w:62px;width:var(--w);height:calc(var(--w) * 1.42);border:1px solid var(--gold-3);font-family:var(--font-display);background:#fbf6ea;border-radius:8px;flex:none;place-items:center;padding:0;transition:transform .15s;display:inline-grid;position:relative;box-shadow:0 4px 10px #00000073}.pcard.small{--w:34px;border-radius:5px}.pcard.red{color:#c1271d}.pcard.black{color:#151515}.pcard.back{background:repeating-linear-gradient(45deg, #f2c75c2e 0 3px, transparent 3px 8px), linear-gradient(180deg, var(--back-1), var(--back-2))}.pcard .corner{font-size:calc(var(--w) * .24);text-align:center;font-weight:700;line-height:1;position:absolute;top:4px;left:5px}.pcard .pip{font-size:calc(var(--w) * .5);margin-top:calc(var(--w) * .18)}.pcard.small .pip{display:none}.pcard.clickable{cursor:pointer}.pcard.clickable:hover{transform:translateY(-4px)}.pcard.selected{box-shadow:0 0 0 3px var(--gold-2), 0 8px 16px #00000080;transform:translateY(-14px)}.table{flex-direction:column;gap:12px;display:flex}.table-bar{margin-bottom:0}.out-after{color:var(--ink-dim);font-family:var(--font-display);margin:0 0 0 auto;font-size:.85rem}.opponents{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.seat{background:var(--panel-2);border:1px solid var(--gold-faint);border-radius:var(--radius);grid-template-columns:auto auto;align-items:center;gap:2px 10px;min-width:150px;padding:10px 14px;display:grid}.seat.active{border-color:var(--gold-2);box-shadow:0 0 16px #f2c75c59}.seat.out{opacity:.5}.avatar{border:2px solid var(--gold-3);background:radial-gradient(circle at 50% 35%, var(--blue-1), var(--blue-3));width:42px;height:42px;font-family:var(--font-display);border-radius:50%;grid-row:span 2;place-items:center;font-weight:700;display:grid}.seat-name{font-family:var(--font-display);font-size:.9rem}.seat-score{color:var(--gold-2)}.seat-cards{grid-column:1/-1;gap:3px;margin-top:6px;display:flex}.seat-points{color:var(--neg);grid-column:1/-1}.felt{background:radial-gradient(ellipse at 50% 40%, var(--felt-1), var(--felt-2) 55%, var(--felt-3));border:10px solid var(--rim-1);box-shadow:inset 0 0 30px #00000080, 0 0 0 2px var(--rim-2);border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px;padding:22px 16px;display:flex}.pile{flex-direction:column;align-items:center;gap:8px;display:flex}.pile-label{color:var(--ink-dim);font-size:.9rem}.fan{display:flex}.fan>*+*{margin-left:-26px}.fan>.small+.small{margin-left:-12px}.result h2{color:var(--gold-2);font-size:1.15rem}.result p{color:var(--ink-dim);margin:6px 0 10px}.result table{border-collapse:collapse;width:100%;margin-bottom:14px}.result th,.result td{text-align:left;border-bottom:1px solid var(--gold-faint);padding:6px 4px}.result th{font-family:var(--font-display);color:var(--ink-mute);font-size:.8rem}.result tr.winner td{color:var(--gold-2)}.me{flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.prompt{min-height:1.4em;color:var(--gold-1);text-align:center;margin:0}.hand{flex-wrap:wrap;justify-content:center;gap:8px;padding-top:14px;display:flex}.me-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.me-score{color:var(--ink-dim);margin-right:6px}.seat-cards>.pcard.back+.pcard.back{margin-left:-22px}.seat{min-width:0}@media (max-width:480px){.seat{padding:8px 10px}.avatar{width:34px;height:34px}}
