:root{--felt-deep:#0f4a2f;--felt-lit:#1c6b43;--felt-rail:#0a3823;--felt-edge:#072a1a;--ivory:#f7f3e8;--ivory-shade:#e7e0cd;--ink:#22201c;--red:#b22a2a;--brass:#d9a94a;--brass-soft:#e9c983;--brass-deep:#a67c2e;--cream:#eae3cf;--cream-dim:#eae3cfbf;--cream-faint:#eae3cf4d;--you:#5fbf9b;--opp:#c56b4a;--line:#eae3cf24;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Alegreya Sans", system-ui, sans-serif}.wrap{max-width:1180px;margin:0 auto;padding:22px 20px 60px}.board{background:radial-gradient(120% 90% at 50% 34%, var(--felt-lit) 0%, var(--felt-deep) 52%, var(--felt-rail) 100%);box-shadow:0 24px 60px -18px #000000b3, inset 0 0 0 10px var(--felt-rail), inset 0 0 0 12px #d9a94a38;text-shadow:0 1px 2px #00000059;border-radius:20px;padding:0 clamp(14px,3vw,40px) clamp(18px,2.4vw,30px);position:relative;overflow:hidden}.board:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(140% 100% at 50% 40%,#0000 55%,#00000061 100%),repeating-linear-gradient(46deg,#ffffff04 0 2px,#0000 2px 4px),repeating-linear-gradient(-44deg,#00000008 0 2px,#0000 2px 4px);border-radius:20px;position:absolute;inset:0}.topbar{z-index:2;border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:16px 4px 14px;display:flex;position:relative}.brand{align-items:baseline;gap:10px;min-width:0;display:flex}.brand h1{font-family:var(--serif);letter-spacing:.01em;color:var(--ivory);margin:0;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:700;line-height:1}.brand .sub{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint);font-size:.74rem;font-weight:700}.scorebar{align-items:center;gap:clamp(10px,2vw,22px);margin-left:auto;display:flex}.score{align-items:center;gap:10px;display:flex}.score .who{letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim);font-size:.78rem;font-weight:700}.score .pts{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:700;line-height:1}.score.you .dot,.score.opp .dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #0000002e}.score.you .dot{background:var(--you)}.score.opp .dot{background:var(--opp)}.goal{color:var(--cream-dim);white-space:nowrap;align-self:center;padding:0 4px;font-size:.82rem}.goal b{color:var(--brass-soft);font-weight:700}.meta{color:var(--cream-dim);flex-direction:column;align-items:flex-end;gap:3px;font-size:.72rem;display:flex}.meta b{color:var(--cream);font-weight:700}.log-copy-btn{font-family:var(--sans);letter-spacing:.02em;color:var(--cream-faint);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:-12px;padding:12px;font-size:.7rem;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media (hover:hover) and (pointer:fine){.log-copy-btn:hover{color:var(--brass-soft)}}.log-copy-btn:focus-visible{outline:2px solid var(--brass-soft);outline-offset:2px}.zone{z-index:2;position:relative}.opp-zone{align-items:center;gap:18px;padding:20px 2px 6px;display:flex}.seat{align-items:center;gap:12px;display:flex}.avatar{width:44px;height:44px;font-family:var(--serif);color:var(--felt-edge);background:linear-gradient(160deg, var(--opp), #9c4f34);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid;box-shadow:0 3px 10px #00000059}.seat .name{color:var(--ivory);letter-spacing:.01em;font-size:.98rem;font-weight:700}.seat .role{color:var(--cream-dim);font-size:.72rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--cream);font-variant-numeric:tabular-nums;background:#072a1a80;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;display:inline-flex}.chip .k{color:var(--cream-dim);letter-spacing:.04em;font-size:.72rem}.chip.gold{color:var(--brass-soft);background:#d9a94a1f;border-color:#d9a94a80}.pilechip{border:1px solid var(--line);color:var(--cream);background:#072a1a80;border-radius:999px;align-items:center;gap:9px;padding:5px 13px 5px 8px;font-size:.78rem;display:inline-flex}.pilechip .k{color:var(--cream-dim);letter-spacing:.04em;font-size:.72rem}.ministack{flex:none;width:28px;height:22px;position:relative}.ministack i{background:linear-gradient(160deg,#7d2230,#5a1420);border-radius:3px;width:16px;height:21px;font-style:normal;position:absolute;top:1px;box-shadow:inset 0 0 0 1px #d9a94a52}.ministack i:first-child{left:0;transform:rotate(-9deg)}.ministack i:nth-child(2){left:5px}.ministack i:nth-child(3){left:10px;transform:rotate(9deg)}.ministack.you i{background:linear-gradient(160deg,#2f7d5a,#144a30)}.opp-fan{margin-left:auto;display:flex}.opp-fan .back{margin-left:-30px}.opp-fan .back:first-child{margin-left:0}.center{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,2.6vw,34px);min-height:170px;padding:8px 2px 14px;display:flex;position:relative}.turn-banner{color:var(--brass-soft);letter-spacing:.05em;background:linear-gradient(#d9a94a38,#d9a94a14);border:1px solid #d9a94a80;border-radius:999px;align-items:center;gap:9px;padding:6px 16px;font-size:.82rem;font-weight:700;display:flex;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px -6px #00000080}.turn-banner.opp{color:var(--cream-dim);border-color:var(--line);background:#072a1a80}.turn-banner .pulse{background:var(--brass);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse}.turn-banner.opp .pulse{background:var(--opp)}.turn-banner.reveal{color:var(--ivory);background:linear-gradient(#c56b4a3d,#c56b4a17);border-color:#c56b4a8c;animation:.25s ease-out revealpop}.table-group{flex-direction:column;align-items:center;gap:9px;display:flex}.table-group .glabel{letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);font-size:.7rem;font-weight:700}.loose{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.decl{flex-direction:column;align-items:center;gap:9px;min-width:0;max-width:100%;display:flex;position:relative}.decl-fan{min-width:0;max-width:100%;padding:2px;position:relative}.decl-track{-webkit-overflow-scrolling:touch;align-items:flex-start;gap:16px;padding-bottom:2px;display:flex;overflow-x:auto}.decl-track::-webkit-scrollbar{height:5px}.decl-track::-webkit-scrollbar-thumb{background:#d9a94a4d;border-radius:3px}.decl-comp{flex:none;display:flex}.decl-comp .card:not(:first-child){margin-left:-38px}.decl-ring{border:2px solid var(--you);pointer-events:none;border-radius:16px;position:absolute;inset:-9px -6px;box-shadow:0 0 20px -4px #5fbf9b80}.decl-ring.opp{border-color:var(--opp);box-shadow:0 0 20px -4px #c56b4a80}.decl-badge{z-index:3;width:36px;height:36px;font-family:var(--serif);color:var(--felt-edge);background:radial-gradient(circle at 35% 30%, var(--brass-soft), var(--brass) 60%, var(--brass-deep));border-radius:50%;place-items:center;font-size:1.35rem;font-weight:700;display:grid;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 12px -3px #0009,inset 0 1px 1px #ffffff80}.decl .tag{color:var(--cream);align-items:center;gap:7px;font-size:.8rem;display:flex}.decl .tag .owner{background:var(--you);border-radius:50%;width:8px;height:8px}.decl .tag .owner.opp{background:var(--opp)}.decl-breakdown{font-family:var(--serif);letter-spacing:.02em;color:var(--cream);opacity:.85;margin-left:6px;font-weight:600}.decl-breakdown .red{color:var(--red)}.decl-breakdown .sep{opacity:.5}.decl.clickable{cursor:pointer}.card{--w:clamp(58px, 8.4vw, 74px);width:var(--w);height:calc(var(--w) * 1.42);background:linear-gradient(160deg, var(--ivory), var(--ivory-shade));color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:9px;flex:none;position:relative;box-shadow:0 6px 14px -4px #00000080,inset 0 0 0 1px #0000000f}.card[role=button]:focus-visible{outline:3px solid var(--brass-soft);outline-offset:3px}.card.red{color:var(--red)}.card .corner{line-height:.86;font-family:var(--serif);flex-direction:column;align-items:center;font-weight:700;display:flex;position:absolute}.card .corner .r{font-size:calc(var(--w) * .3)}.card .corner .s{font-size:calc(var(--w) * .22)}.card .corner.tl{top:5px;left:6px}.card .corner.br{bottom:5px;right:6px;transform:rotate(180deg)}.card .pip{font-size:calc(var(--w) * .62);opacity:.9;place-items:center;display:grid;position:absolute;inset:0}.card.good:after{content:"";box-shadow:inset 0 0 0 2px var(--brass);opacity:.8;border-radius:9px;position:absolute;inset:0}.card.good .flag{z-index:2;font-family:var(--sans);letter-spacing:.05em;white-space:nowrap;color:var(--felt-edge);background:linear-gradient(180deg, var(--brass-soft), var(--brass));border-radius:999px;padding:2px 7px;font-size:.58rem;font-weight:800;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px -1px #00000080}.card.target{box-shadow:0 8px 20px -4px #0000008c, 0 0 0 3px var(--brass), 0 0 22px -2px #d9a94ab3}.card.target .badge-hit{background:var(--brass);width:22px;height:22px;color:var(--felt-edge);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 6px #00000080}.card.ai-target{box-shadow:0 8px 20px -4px #0000008c, 0 0 0 3px var(--opp), 0 0 22px -2px #c56b4ab3}.card.ai-target .badge-hit{background:var(--opp);color:var(--ivory)}.card.back{background:repeating-linear-gradient(45deg,#d9a94a2e 0 6px,#0000 6px 12px),repeating-linear-gradient(-45deg,#d9a94a2e 0 6px,#0000 6px 12px),linear-gradient(160deg,#7d2230,#5a1420);box-shadow:0 6px 14px -5px #0000008c,inset 0 0 0 1px #0000004d,inset 0 0 0 5px #d9a94a47}.card.back:after{content:"";border:1px solid #d9a94a59;border-radius:5px;position:absolute;inset:9px}.player-zone{z-index:2;padding:6px 2px 14px;position:relative}.player-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.player-head .seat .avatar{background:linear-gradient(160deg, var(--you), #3f9c7c)}.patini{color:var(--cream);background:#072a1a8c;border:1px dashed #d9a94a80;border-radius:12px;align-items:center;gap:9px;margin-left:auto;padding:6px 12px;font-size:.8rem;display:flex}.patini .eye{color:var(--brass-soft)}.patini b{color:var(--brass-soft);font-weight:700;font-family:var(--serif);font-size:1.02rem}.actions{border:1px solid var(--line);background:linear-gradient(#072a1aa8,#072a1a6b);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:640px;margin:0 auto 14px;padding:11px 14px;display:flex;box-shadow:0 10px 30px -14px #0009}.actions .lead{color:var(--cream-dim);font-size:.82rem}.actions .lead b{color:var(--ivory);font-weight:700}.btn{font-family:var(--sans);letter-spacing:.02em;cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--cream);background:#eae3cf0f;border-radius:10px;justify-content:center;align-items:center;padding:9px 16px;font-size:.86rem;font-weight:700;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover{background:#eae3cf1f;transform:translateY(-1px)}}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{color:var(--felt-edge);background:linear-gradient(180deg, var(--brass-soft), var(--brass));border-color:#0000;box-shadow:0 6px 16px -6px #d9a94ab3}.btn.ghost{background:0 0}.btn:focus-visible{outline:3px solid var(--brass-soft);outline-offset:2px}.btn.armed{border-color:var(--you);box-shadow:0 0 0 3px #5fbf9b59,0 6px 16px -6px #5fbf9b80}.armed-hint{opacity:.85;font-size:.78em;font-weight:400}.hint-btn{border-color:#d9a94a66}.actions .lead.hint-reason{color:var(--brass-soft);font-weight:700}.beta-badge{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--felt-edge);background:linear-gradient(180deg, var(--brass-soft), var(--brass));border-radius:6px;margin-left:6px;padding:2px 7px;font-size:.62rem;font-weight:800;display:inline-block}.hand{justify-content:center;align-items:flex-end;padding-top:6px;display:flex}.hand .card{--w:clamp(64px, 9.4vw, 86px);cursor:pointer;margin-left:-14px;transition:transform .16s,box-shadow .16s}.hand .card:first-child{margin-left:0}@media (hover:hover) and (pointer:fine){.hand .card:hover{transform:translateY(-12px)}.hand .card.disabled:hover{transform:none}}.hand .card.selected{box-shadow:0 20px 30px -10px #0009, 0 0 0 3px var(--you), 0 0 26px -2px #5fbf9bb3;transform:translateY(-26px)}.hand .card.selected:before{content:"επιλεγμένο";letter-spacing:.08em;text-transform:uppercase;color:var(--you);white-space:nowrap;font-size:.6rem;font-weight:800;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.hand .card.disabled{opacity:.45;cursor:default}.history{padding:4px 2px 2px}.history-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.history-feed{border:1px solid var(--line);background:#072a1a73;border-radius:12px;flex-direction:column;gap:5px;max-height:150px;padding:10px 14px;display:flex;overflow-y:auto}.history-feed::-webkit-scrollbar{width:6px}.history-feed::-webkit-scrollbar-thumb{background:#d9a94a4d;border-radius:3px}.history-row{color:var(--cream-dim);font-size:.8rem;line-height:1.5}.history-row .who{font-weight:700}.history-row.you .who{color:var(--you)}.history-row.opp .who{color:var(--opp)}.history-empty{color:var(--cream-faint);text-align:center;padding:6px 0;font-size:.8rem}.scorecard{z-index:2;text-align:center;max-width:560px;margin:0 auto;padding:clamp(20px,3vw,34px);position:relative}.result-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--you);background:linear-gradient(#5fbf9b38,#5fbf9b14);border:1px solid #5fbf9b80;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.result-badge.lose{color:var(--opp);background:linear-gradient(#c56b4a38,#c56b4a14);border-color:#c56b4a80}.scorecard h2{font-family:var(--serif);color:var(--ivory);margin:0 0 4px;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700}.scorecard h2.win{color:var(--you)}.scorecard h2.lose{color:var(--opp)}.scorecard .lede{color:var(--cream-dim);margin:0 0 22px;font-size:.92rem}.scorecard .lede b{color:var(--brass-soft)}.table-scroll{max-width:100%}table.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:0 auto 22px}table.breakdown th,table.breakdown td{border-bottom:1px solid var(--line);padding:11px 10px;font-size:.94rem}table.breakdown thead th{letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);border-bottom-color:#eae3cf3d;font-size:.72rem;font-weight:700}table.breakdown td.row{text-align:left;color:var(--cream)}table.breakdown td.row .note{color:var(--cream-faint);font-size:.72rem;display:block}table.breakdown td.v{width:22%;font-weight:700}table.breakdown td.you{color:var(--you)}table.breakdown td.opp{color:var(--opp)}table.breakdown td.dash{color:var(--cream-faint);font-weight:400}table.breakdown tr.total td{font-family:var(--serif);border-top:2px solid #eae3cf3d;border-bottom:none;padding-top:14px;font-size:1.3rem}table.breakdown tr.cume td{color:var(--cream-dim);padding-top:2px;font-size:.82rem}.scorecard .cta{justify-content:center;gap:12px;display:flex}.caption{max-width:1180px;color:var(--cream-faint);text-align:center;margin:16px auto 0;padding:0 20px;font-size:.78rem}.lobby{z-index:2;text-align:center;max-width:640px;margin:0 auto;padding:clamp(28px,4vw,46px) clamp(16px,3vw,24px);position:relative}.lobby .brand{justify-content:center;margin-bottom:6px}.lobby-tag{color:var(--cream-dim);margin:0 0 30px;font-size:.92rem}.lobby-section{margin-bottom:26px}.lobby-section .glabel{text-align:center;margin-bottom:12px;display:block}.level-picker{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.level-opt{font-family:var(--sans);cursor:pointer;text-align:left;border:1px solid var(--line);color:var(--cream);background:#eae3cf0d;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;transition:transform .12s,background .12s,border-color .12s;display:flex}@media (hover:hover) and (pointer:fine){.level-opt:hover{background:#eae3cf1a;transform:translateY(-1px)}}.level-opt .level-name{font-family:var(--serif);color:var(--ivory);font-size:1.1rem;font-weight:700}.level-opt .level-desc{color:var(--cream-dim);font-size:.74rem;line-height:1.35}.level-opt.active{border-color:var(--brass);background:linear-gradient(#d9a94a2e,#d9a94a0f);box-shadow:0 6px 16px -8px #d9a94a99}.level-opt.active .level-name{color:var(--brass-soft)}.level-opt:focus-visible{outline:3px solid var(--brass-soft);outline-offset:2px}.timer-picker{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.timer-opt{font-family:var(--sans);cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--cream);background:#eae3cf0d;border-radius:999px;align-items:center;padding:8px 16px;font-size:.86rem;font-weight:700;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}@media (hover:hover) and (pointer:fine){.timer-opt:hover{background:#eae3cf1a;transform:translateY(-1px)}}.timer-opt.active{border-color:var(--brass);color:var(--brass-soft);background:linear-gradient(#d9a94a2e,#d9a94a0f)}.timer-opt:focus-visible{outline:3px solid var(--brass-soft);outline-offset:2px}.toggle-row{border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;max-width:420px;min-height:44px;font-family:var(--sans);color:var(--cream);background:#eae3cf0d;border-radius:12px;align-items:center;gap:12px;margin:0 auto;padding:10px 14px;transition:background .12s,border-color .12s;display:flex}@media (hover:hover) and (pointer:fine){.toggle-row:hover{background:#eae3cf1a}}.toggle-row:focus-visible{outline:3px solid var(--brass-soft);outline-offset:2px}.toggle-switch{border:1px solid var(--line);background:#eae3cf24;border-radius:999px;flex:none;width:42px;height:23px;transition:background .15s,border-color .15s;position:relative}.toggle-switch .knob{background:var(--cream-dim);border-radius:50%;width:17px;height:17px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.toggle-switch.on{border-color:var(--brass);background:linear-gradient(#d9a94a66,#d9a94a38)}.toggle-switch.on .knob{background:var(--brass-soft);transform:translate(19px)}.toggle-text{font-size:.86rem;font-weight:700}.toggle-desc{color:var(--cream-dim);margin-top:2px;font-size:.74rem;font-weight:400;display:block}.rules-screen{z-index:2;max-width:720px;margin:0 auto;padding:clamp(20px,3vw,34px) clamp(4px,1vw,10px) clamp(24px,3vw,36px);position:relative}.rules-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.rules-close{border:1px solid var(--line);width:36px;height:36px;color:var(--cream);cursor:pointer;background:#eae3cf0d;border-radius:10px;flex:none;font-size:1rem;line-height:1;transition:background .12s,border-color .12s}@media (hover:hover) and (pointer:fine){.rules-close:hover{border-color:var(--brass-soft);background:#eae3cf1a}}.rules-close:focus-visible{outline:3px solid var(--brass-soft);outline-offset:2px}.rules-body{flex-direction:column;gap:22px;display:flex}.rules-section h3{font-family:var(--serif);color:var(--brass-soft);margin:0 0 8px;font-size:1.24rem;font-weight:700}.rules-section p{color:var(--cream);margin:0 0 8px;font-size:.9rem;line-height:1.5}.rules-section p:last-child{margin-bottom:0}.rules-section p b{color:var(--ivory)}.rules-list{color:var(--cream);margin:0 0 8px;padding-left:1.2em;font-size:.9rem;line-height:1.5}.rules-list:last-child{margin-bottom:0}.rules-list li{margin-bottom:6px}.rules-list li:last-child{margin-bottom:0}.rules-list b{color:var(--ivory)}.rules-goal{text-align:center;color:var(--cream-dim)}.rules-examples{background:#072a1a59;border:1px dashed #d9a94a4d;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:14px;padding:14px;display:flex}.rules-example,.rules-example.pair{color:var(--cream-dim);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:.76rem;display:flex}.rules-example-cards{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.rules-arrow{color:var(--brass-soft);align-self:center;font-size:1.3rem}.rules-chip{font-family:var(--sans);letter-spacing:.01em;text-align:center;border-radius:999px;max-width:220px;padding:6px 14px;font-size:.76rem;font-weight:700;line-height:1.3}.rules-chip-xeri{color:var(--felt-edge);background:linear-gradient(180deg, var(--brass-soft), var(--brass));box-shadow:0 4px 10px -3px #d9a94a99}.rules-chip-declare{color:var(--brass-soft);border:1px solid var(--brass);background:0 0}.timer-chip{border:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--cream);background:#072a1a8c;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.timer-chip.urgent{color:var(--opp);background:#c56b4a24;border-color:#c56b4a99}.timer-autoplay-toast{z-index:5;text-align:center;max-width:min(92%,480px);color:var(--ivory);background:linear-gradient(#c56b4a52,#c56b4a29);border:1px solid #c56b4a99;border-radius:12px;padding:8px 18px;font-size:.82rem;font-weight:700;line-height:1.4;animation:.25s ease-out revealpop;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -12px #000000a6}@keyframes revealpop{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes dealin{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.deal>*,.deal .hand .card{animation:.5s cubic-bezier(.2,.7,.3,1) backwards dealin}.deal .hand .card:nth-child(2){animation-delay:50ms}.deal .hand .card:nth-child(3){animation-delay:.1s}.deal .hand .card:nth-child(4){animation-delay:.15s}.deal .hand .card:nth-child(5){animation-delay:.2s}.deal .hand .card:nth-child(6){animation-delay:.25s}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.xeri-celebration{z-index:40;pointer-events:none;border-radius:inherit;place-items:center;animation:none;display:grid;position:absolute;inset:0;overflow:hidden}.xeri-celebration .rays,.xeri-celebration .glow,.xeri-celebration .sweep-card,.xeri-celebration .spark{opacity:0}.xeri-celebration .rays{aspect-ratio:1;background:repeating-conic-gradient(#d9a94a8c 0deg 4deg,#0000 4deg 20deg);width:150%;animation:1.9s ease-out forwards rays;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 0% 45%,#0000 76%);mask-image:radial-gradient(circle,#000 0% 45%,#0000 76%)}.xeri-celebration .glow{aspect-ratio:1;background:radial-gradient(circle,#d9a94a8c,#0000 70%);border-radius:50%;width:62%;animation:1.9s ease-out forwards glow;position:absolute}.xeri-celebration .sweep{place-items:center;display:grid;position:absolute;inset:0}.xeri-celebration .sweep-card{background:linear-gradient(180deg, var(--ivory), var(--ivory-shade));border-radius:6px;width:38px;height:54px;animation:1.7s ease-out forwards sweepIn;position:absolute;box-shadow:0 8px 20px -6px #0000008c}.xeri-celebration .burst{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:10px;animation:2.1s ease-out .12s forwards burst;display:flex;position:relative}.xeri-celebration .burst h1{font-family:var(--serif);color:var(--brass-soft);text-shadow:0 0 26px #d9a94ad9,0 4px 14px #00000080;letter-spacing:.02em;margin:0;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:700}.xeri-celebration .points-chip{font-family:var(--sans);letter-spacing:.04em;color:var(--felt-edge);background:linear-gradient(180deg, var(--brass-soft), var(--brass));border-radius:999px;padding:6px 18px;font-size:1rem;font-weight:800;box-shadow:0 6px 16px -4px #d9a94ab3}.xeri-celebration .subtitle{color:var(--cream);text-shadow:0 1px 2px #0006;margin:0;font-size:.95rem}.xeri-celebration .spark{background:var(--brass-soft);border-radius:50%;width:6px;height:6px;animation:1.4s ease-out forwards spark;position:absolute}@keyframes rays{0%{opacity:0;transform:rotate(-30deg)scale(.6)}22%{opacity:.9}70%{opacity:.7}to{opacity:0;transform:rotate(40deg)scale(1.05)}}@keyframes glow{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes burst{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.12)}30%{transform:scale(.98)}40%{transform:scale(1.03)}50%{transform:scale(1)}84%{opacity:1}to{opacity:0;transform:scale(.96)translateY(-8px)}}@keyframes sweepIn{0%{opacity:0;transform:translateY(60px) scale(.6) rotate(var(--rot))}40%{opacity:1;transform:translateY(0) scale(1) rotate(var(--rot))}72%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(.5) rotate(var(--rot))}}@keyframes spark{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}@media (prefers-reduced-motion:reduce){.xeri-celebration .burst{animation:1.2s ease-out forwards xeri-reduced-fade!important}}@keyframes xeri-reduced-fade{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}@media (width<=640px){.wrap{padding:14px 10px 40px}.board{padding:0 10px 16px}.scorebar{gap:10px}.goal,.meta{display:none}.opp-fan .back{margin-left:-38px}.level-picker{grid-template-columns:1fr}.opp-zone,.player-head{flex-wrap:wrap;gap:10px}.opp-fan,.patini{justify-content:center;width:100%;margin-left:0}.hand{flex-wrap:wrap;row-gap:10px}.table-scroll{-webkit-overflow-scrolling:touch;margin:0 -4px 22px;padding:0 4px;overflow-x:auto}table.breakdown{min-width:420px;margin-bottom:0}}@media (width<=380px){.wrap{padding:10px 6px 32px}.board{padding:0 6px 12px}.brand .sub{display:none}}.text-field{width:100%;font-family:var(--sans);color:var(--cream);border:1px solid var(--line);text-align:center;background:#eae3cf0f;border-radius:10px;min-height:44px;padding:11px 14px;font-size:.95rem;transition:border-color .12s,background .12s}.text-field::placeholder{color:var(--cream-faint)}.text-field:focus-visible{outline:3px solid var(--brass-soft);outline-offset:1px}.room-code-input{letter-spacing:.18em;text-transform:uppercase;font-weight:700}.form-error{color:var(--red);margin:-8px 0 18px;font-size:.86rem;font-weight:600}.online-menu-cta{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:22px;display:flex}.lobby .cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.room-code-display{text-align:center}.room-code-big{font-family:var(--serif);letter-spacing:.14em;color:var(--brass-soft);text-shadow:0 2px 10px #d9a94a59;font-size:clamp(2.4rem,8vw,3.2rem);font-weight:700}.copy-row{justify-content:center;display:flex}.disconnect-banner{max-width:640px;color:var(--cream);font-family:var(--sans);text-align:center;background:#b22a2a29;border:1px solid #b22a2a80;border-radius:10px;margin:0 auto 14px;padding:12px 18px;font-size:.88rem;font-weight:600}.reconnect-banner{max-width:640px;color:var(--cream);font-family:var(--sans);text-align:center;background:#d9a94a24;border:1px solid #d9a94a80;border-radius:10px;margin:0 auto 14px;padding:12px 18px;font-size:.88rem;font-weight:600}.reconnect-msg{color:var(--cream-dim);font-family:var(--sans);margin:0 0 24px;font-size:.95rem}.chat-toggle{z-index:60;border:1px solid var(--line);background:linear-gradient(160deg, var(--felt-lit), var(--felt-deep));width:52px;height:52px;color:var(--cream);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 18px -6px #0000008c}@media (hover:hover) and (pointer:fine){.chat-toggle:hover{transform:translateY(-1px)}}.chat-toggle:focus-visible{outline:3px solid var(--brass-soft);outline-offset:2px}.chat-badge{background:var(--red);min-width:20px;height:20px;color:var(--ivory);font-family:var(--sans);border:2px solid var(--felt-deep);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:60;background:var(--felt-edge);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(360px,100vw - 24px);height:min(480px,100vh - 24px);display:flex;position:fixed;bottom:12px;right:12px;overflow:hidden;box-shadow:0 20px 60px -12px #0009}@media (width<=480px){.chat-panel{width:auto;height:min(70vh,560px);bottom:8px;left:8px;right:8px}}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-head .glabel{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.chat-head-actions{flex:none;align-items:center;gap:6px;display:flex}.chat-icon-btn{border:1px solid var(--line);width:32px;height:32px;min-height:0;color:var(--cream-dim);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;display:flex}.chat-icon-btn.active{color:var(--brass-soft);border-color:#d9a94a80}.chat-icon-btn:focus-visible{outline:3px solid var(--brass-soft);outline-offset:1px}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.chat-empty{color:var(--cream-faint);font-family:var(--sans);text-align:center;margin-top:20px;font-size:.85rem}.chat-bubble{max-width:84%;font-family:var(--sans);word-break:break-word;white-space:pre-wrap;border-radius:12px;padding:7px 11px;font-size:.86rem;line-height:1.35}.chat-bubble .chat-who{opacity:.85;margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.chat-bubble.you{color:var(--cream);background:#5fbf9b2e;border:1px solid #5fbf9b66;align-self:flex-end}.chat-bubble.you .chat-who{color:var(--you)}.chat-bubble.opp{color:var(--cream);background:#c56b4a2e;border:1px solid #c56b4a66;align-self:flex-start}.chat-bubble.opp .chat-who{color:var(--opp)}.chat-muted-note{font-family:var(--sans);color:var(--cream-faint);text-align:center;margin:0;padding:4px 10px;font-size:.72rem}.chat-input-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-input-row input{min-width:0;font-family:var(--sans);color:var(--cream);border:1px solid var(--line);background:#eae3cf0f;border-radius:10px;flex:1;min-height:40px;padding:9px 12px;font-size:.86rem}.chat-input-row input::placeholder{color:var(--cream-faint)}.chat-input-row input:disabled{opacity:.5}.chat-input-row input:focus-visible{outline:3px solid var(--brass-soft);outline-offset:1px}.chat-counter{font-family:var(--sans);color:var(--cream-faint);text-align:right;flex:none;min-width:34px;font-size:.68rem}.chat-send-btn{flex:none;min-height:40px;padding:0 14px}.chat-toast{z-index:61;background:var(--felt-edge);border:1px solid var(--brass-soft);max-width:min(280px,100vw - 32px);color:var(--cream);font-family:var(--sans);border-radius:10px;padding:9px 14px;font-size:.82rem;position:fixed;bottom:78px;right:16px;box-shadow:0 8px 20px -6px #00000080}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Alegreya Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{--tw-bg-opacity:1;background-color:rgb(10 56 35/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(247 243 232/var(--tw-text-opacity,1));font-family:Alegreya Sans,ui-sans-serif,system-ui,sans-serif}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table{display:table}.min-h-screen{min-height:100vh}.bg-rail{--tw-bg-opacity:1;background-color:rgb(10 56 35/var(--tw-bg-opacity,1))}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}