:root{color:#fff7e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090b16;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1a1026,#090b16 65%);min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff7e8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2a;border-radius:.65rem;min-height:42px;padding:.6rem .85rem}button:hover{background:#ffffff20}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#211500;background:linear-gradient(#ffd675,#eaa529);border-color:#f3b84b;font-weight:700}input,select{color:#fff7e8;background:#0e1222;border:1px solid #ffffff2d;border-radius:.55rem;min-height:42px;padding:.55rem .7rem}.entry-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.entry-card{background:linear-gradient(155deg,#20284b,#171b2f);border:2px solid #f3b84b;border-radius:1.1rem;width:min(760px,100%);padding:clamp(1.2rem,4vw,2.2rem);box-shadow:0 18px 42px #0008}.entry-card h1{margin:.25rem 0;font-size:clamp(2rem,8vw,3.5rem)}.entry-card h2{margin:.25rem 0}.entry-card>label{gap:.35rem;margin:.9rem 0;display:grid}.entry-card>a{color:#ffe0a0;margin-top:1.2rem;display:block}.eyebrow{color:#f3b84b;letter-spacing:.12em;text-transform:uppercase}.or{text-align:center;color:#d8c9aa;margin:.7rem}.error{color:#ffb6b2}.lobby header{justify-content:space-between;align-items:center;display:flex}.room-code{text-align:center}.room-code small{color:#d8c9aa;display:block}.room-code strong{letter-spacing:.14em;font-size:1.5rem}.invite{gap:.5rem;margin:1rem 0;display:flex}.invite input{flex:1}.seats{gap:.65rem;display:grid}.seats article{background:#090b166e;border:1px solid #ffffff24;border-radius:.8rem;align-items:center;gap:.75rem;padding:.65rem;display:flex}.seats article div{flex:1;display:grid}.seats small,.player small{color:#d8c9aa;display:block}.avatar{background:linear-gradient(145deg,#7652a6,#35244f);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.rules{border-color:#ffffff25;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:1.1rem 0;display:grid}.rules label{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rules input[type=checkbox]{min-height:0}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.game-shell{min-height:100vh;padding-bottom:1rem}.game-header{background:#090b16e8;border-bottom:1px solid #ffffff20;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:.5rem 1rem;display:grid}.game-header strong{letter-spacing:.1em;text-transform:uppercase}.game-header strong span{color:#f3b84b}.game-header button{justify-self:end}.status{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.65rem;display:flex}.status span{color:#d8c9aa;background:#090b1699;border:1px solid #f3b84b4d;border-radius:999px;padding:.35rem .7rem}.status b{color:#fff7e8}.table{background:radial-gradient(#ffffff10,#0000 62%),linear-gradient(145deg,#123d36,#082b27);border:7px solid #754526;border-radius:40%/11%;width:min(1050px,100% - 1rem);min-height:535px;margin:0 auto;position:relative;box-shadow:inset 0 0 0 2px #a66a3b,inset 0 0 45px #0007,0 16px 26px #0005}.player{z-index:2;background:#090b16e8;border:1px solid #ffffff29;border-radius:1rem;grid-template-columns:44px auto;align-items:center;gap:.55rem;min-width:170px;padding:.4rem .7rem .4rem .4rem;display:grid;position:absolute;box-shadow:0 7px 15px #0006}.player.active{border-color:#f3b84b;box-shadow:0 0 0 3px #f3b84b35}.player.north{top:12px;left:50%;transform:translate(-50%)}.player.west{top:42%;left:14px}.player.east{top:42%;right:14px}.hidden-hand{display:flex;position:absolute}.hidden-hand.north{top:76px;left:50%;transform:translate(-50%)}.hidden-hand.west{top:58%;left:55px;transform:rotate(90deg)}.domino-back{background:repeating-linear-gradient(45deg,#3c275b 0 4px,#241837 4px 8px);border:1px solid #ffe0a0;border-radius:4px;width:20px;height:39px;margin-left:-6px;display:inline-block}.trick{justify-content:center;align-items:center;gap:18px;min-width:250px;display:flex;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.domino{color:#17130d;background:linear-gradient(145deg,#fffdf5,#e7dbc4);border:2px solid #d8c49c;border-radius:9px;grid-template-rows:1fr 2px 1fr;width:48px;height:94px;min-height:0;padding:5px;display:grid;box-shadow:0 7px 12px #0006}.domino:disabled{opacity:1}.domino.legal{box-shadow:0 0 0 3px #f3b84b99,0 7px 12px #0006}.domino-divider{background:#8b7755}.pip-half{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid}.pip{background:#19140c;border-radius:50%;width:7px;height:7px}.pip.c{grid-area:2/2}.pip.tl{grid-area:1/1}.pip.tr{grid-area:1/3}.pip.ml{grid-area:2/1}.pip.mr{grid-area:2/3}.pip.bl{grid-area:3/1}.pip.br{grid-area:3/3}.widow{color:#d8c9aa;align-items:center;gap:.55rem;display:flex;position:absolute;top:68%;left:50%;transform:translate(-50%)}.widow .domino-back{width:34px;height:64px;margin:0}.message{text-align:center;color:#ffe0a0;background:#090b16c7;border-radius:.7rem;width:min(580px,90%);padding:.55rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hand{text-align:center;width:min(860px,98%);margin:.4rem auto}.hand>div:first-child{justify-content:center;gap:1.2rem;margin-bottom:.4rem;display:flex}.hand>div span{color:#d8c9aa}.hand-dominoes{justify-content:center;gap:.45rem;display:flex}.decision{text-align:center;background:#171b2f;border:1px solid #f3b84b;border-radius:.85rem;width:min(720px,100% - 1rem);margin:.5rem auto;padding:.75rem}.decision strong{margin-bottom:.55rem;display:block}.decision div{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}@media (width<=700px){.entry-shell{padding:.5rem}.entry-card{padding:1rem}.rules{grid-template-columns:1fr}.invite{display:grid}.game-header{grid-template-columns:1fr auto}.game-header>div{display:none}.status{gap:.25rem;padding:.35rem}.status span{padding:.25rem .45rem}.table{border-width:4px;border-radius:24px;min-height:430px}.player{grid-template-columns:34px auto;gap:.3rem;min-width:130px;padding:.25rem}.avatar{width:34px;height:34px}.player.north{top:7px}.player.west{top:26%;left:6px}.player.east{top:26%;right:6px}.hidden-hand.north{top:55px}.hidden-hand.west{top:39%;left:34px}.trick{top:52%;transform:translate(-50%,-50%)scale(.86)}.widow{top:68%}.message{bottom:7px}.hand{margin-top:.25rem}.hand-dominoes{gap:.2rem}.hand-dominoes .domino{width:43px;height:84px;padding:4px}.decision{margin-top:.3rem}.decision button{min-width:44px}.seats article{padding:.45rem}}@media (width<=380px){.hand-dominoes .domino{width:39px;height:78px}.table{min-height:410px}.player{min-width:120px}.player small{font-size:.72rem}}.game-picks{grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0;display:grid}.game-picks button{text-align:left;gap:.25rem;padding:1rem;display:grid}.game-picks button span{color:#d8c9aa}.game-picks button.selected{background:#ffffff18;border-color:#f3b84b;box-shadow:0 0 0 3px #f3b84b35}.team-note{color:#d8c9aa}.seats article.team-0{border-left:4px solid #f3b84b}.seats article.team-1{border-left:4px solid #6cb8e8}.hidden-hand.east{top:58%;right:55px;transform:rotate(-90deg)}@media (width<=700px){.game-picks{grid-template-columns:1fr}.hidden-hand.east{top:39%;right:34px}.table.texas42 .trick{transform:translate(-50%,-50%)scale(.76)}.table.texas42 .player{min-width:116px}.table.texas42 .player small{font-size:.7rem}}.game-error{text-align:center;color:#fff7e8;background:#6f2a2ae8;border:1px solid #f3b84b;border-radius:.7rem;width:min(760px,100% - 1rem);margin:.5rem auto;padding:.65rem .8rem}.trick-play{--from-x:0px;--from-y:0px;opacity:1;transition:transform .45s ease-in,opacity .3s ease-in;animation:.3s ease-out both trick-slide-in;display:flex;transform:translate(0)scale(1)}.trick-play.from-south{--from-y:120px}.trick-play.from-west{--from-x:-145px}.trick-play.from-north{--from-y:-120px}.trick-play.from-east{--from-x:145px}@keyframes trick-slide-in{0%{opacity:.12;transform:translate(var(--from-x),var(--from-y)) scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}.trick.collecting .trick-play{opacity:.15}.trick.collecting.to-south .trick-play{transform:translateY(130px)scale(.8)}.trick.collecting.to-west .trick-play{transform:translate(-165px)scale(.8)}.trick.collecting.to-north .trick-play{transform:translateY(-130px)scale(.8)}.trick.collecting.to-east .trick-play{transform:translate(165px)scale(.8)}.game-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04050ac2;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.game-modal h2{margin:.1rem 0 .6rem}.game-over-detail{color:#ffe0a0;margin:.45rem 0}.game-over-scores{color:#d8c9aa;gap:.2rem;margin:.55rem 0;display:grid}.game-modal-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.8rem;display:flex}.player.active{border-color:#ffd675;animation:1.1s ease-in-out infinite player-turn-pulse;box-shadow:0 0 0 3px #ffd6755e,0 0 22px #f3b84b66}.turn-indicator{letter-spacing:.04em;color:#ffe9b8;text-transform:uppercase;margin-top:.16rem;font-weight:700}.hidden-hand.active .domino-back{border-color:#ffd675;box-shadow:0 0 0 2px #f3b84b66}.active-hand{background:#f3b84b12;border:1px solid #f3b84b75;border-radius:.9rem;padding:.42rem .5rem .75rem;box-shadow:0 0 0 2px #f3b84b24}.opening-draw{z-index:4;text-align:center;color:#ffe9b8;background:#090b16de;border:1px solid #ffd67587;border-radius:.9rem;width:min(760px,90%);padding:.6rem .7rem;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0008}.opening-draw strong{letter-spacing:.08em;text-transform:uppercase;display:block}.opening-draw-list{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.4rem 0 .25rem;display:flex}.opening-draw-list article{background:#ffffff0a;border:1px solid #fff2;border-radius:.72rem;justify-items:center;gap:.25rem;min-width:88px;padding:.38rem .45rem;display:grid}.opening-draw-list article.leader{border-color:#ffd675;box-shadow:0 0 0 2px #f3b84b40}.opening-draw-list article span{color:#d8c9aa;font-size:.82rem}.opening-draw p{margin:.2rem 0 0}.trick{border:2px solid #0000;border-radius:1rem;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s,background .2s}.trick.winner-spotlight{background:#ffdf8c1a;border-color:#ffd675;box-shadow:0 0 0 2px #f3b84b35}.trick-play.winner{animation:.95s ease-in-out infinite alternate winner-domino-pop}.trick-play.no-entry{animation:none}.trick-winner-banner{z-index:6;letter-spacing:.02em;color:#fff6db;background:#090b16f2;border:1px solid #ffd675ad;border-radius:999px;padding:.55rem .92rem;font-size:1.08rem;position:absolute;top:calc(50% + 98px);left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0008}.trick-winner-banner strong{color:#ffd675}.game-modal{text-align:center;background:linear-gradient(155deg,#20284b,#171b2f);border:2px solid #f3b84b;border-radius:.95rem;width:min(560px,100%);padding:1.2rem 1rem;box-shadow:0 20px 45px #0009}.hand-result-modal,.game-over-modal{background:linear-gradient(155deg,#2d1f4f,#171b2f);border-color:#ffd675}.result-grid{color:#d8c9aa;gap:.35rem;margin:.7rem 0;display:grid}.result-grid b{color:#fff7e8}.table-center-overlay{z-index:7;text-align:center;background:linear-gradient(155deg,#2d1f4f,#171b2f);border:2px solid #ffd675;border-radius:1rem;width:min(560px,92%);padding:1rem .95rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 45px #0009}.table-center-overlay h2{margin:.1rem 0 .55rem}.table-center-overlay p{margin:.25rem 0 .5rem}.pip{box-shadow:0 0 0 1.2px #111}.pip-half.pip-value-1 .pip{background:#ff4e4e}.pip-half.pip-value-2 .pip{background:#4ea2ff}.pip-half.pip-value-3 .pip{background:#4dd26b}.pip-half.pip-value-4 .pip{background:#ae6bff}.pip-half.pip-value-5 .pip{background:#ff6ec7}.pip-half.pip-value-6 .pip{background:#ff9a3d}@keyframes player-turn-pulse{0%{box-shadow:0 0 0 2px var(--player-color-glow,#ffd67544),0 0 12px var(--player-color-glow,#f3b84b3a)}50%{box-shadow:0 0 0 4px var(--player-color-glow,#ffd67577),0 0 26px var(--player-color-glow,#f3b84b8c)}to{box-shadow:0 0 0 2px var(--player-color-glow,#ffd67544),0 0 12px var(--player-color-glow,#f3b84b3a)}}@keyframes winner-domino-pop{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.08)}}@media (width<=700px){.opening-draw{width:min(620px,93%);top:72px}.opening-draw-list article{min-width:76px}.trick-winner-banner{width:min(360px,88%);font-size:.95rem;top:calc(50% + 82px)}.table-center-overlay{width:min(460px,93%);padding:.82rem .72rem}}.debug-log-panel{background:#090b16dd;border:1px solid #ffffff2b;border-radius:.8rem;width:min(1040px,100% - 1rem);margin:.55rem auto 0;padding:.6rem .7rem}.debug-log-panel header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.debug-log-panel header div{flex-wrap:wrap;gap:.4rem;display:flex}.debug-log-panel strong{color:#ffd675}.debug-log-panel pre{color:#d6dfec;white-space:pre-wrap;background:#05070f;border-radius:.55rem;max-height:260px;margin:.55rem 0 0;padding:.5rem .55rem;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;overflow:auto}.player-color-0{--player-color:#ff5b5b;--player-color-glow:#ff5b5b55}.player-color-1{--player-color:#4ea2ff;--player-color-glow:#4ea2ff55}.player-color-2{--player-color:#4dd26b;--player-color-glow:#4dd26b55}.player-color-3{--player-color:#ae6bff;--player-color-glow:#ae6bff55}.player[class*=player-color-]{border-color:var(--player-color);box-shadow:0 0 0 2px var(--player-color-glow),0 7px 15px #0006}.player[class*=player-color-] .avatar{background:linear-gradient(145deg,var(--player-color),#242033)}.player[class*=player-color-].active{border-color:var(--player-color);box-shadow:0 0 0 4px var(--player-color-glow),0 0 24px var(--player-color-glow)}.hidden-hand[class*=player-color-].active .domino-back{border-color:var(--player-color);box-shadow:0 0 0 2px var(--player-color-glow)}.trick-play[class*=player-color-] .domino{border-color:var(--player-color);box-shadow:0 0 0 3px var(--player-color-glow),0 7px 12px #0006}.hand[class*=player-color-]{border-color:var(--player-color-glow)}.hand.active-hand[class*=player-color-]{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 10%,transparent);box-shadow:0 0 0 2px var(--player-color-glow)}.hand.waiting-for-trick{opacity:.62;filter:saturate(.72);transition:opacity .2s,filter .2s}.hand.waiting-for-trick .domino{cursor:not-allowed}.specialty-help{color:#d8c9aa;max-width:620px;margin:.55rem auto 0;line-height:1.35;display:block}.learn-button{text-align:left;background:linear-gradient(135deg,#ffd67520,#ae6bff20);border-color:#ffd675;gap:.2rem;width:100%;margin:1rem 0;padding:1rem;display:grid;box-shadow:0 0 0 2px #ffd67520}.learn-button span{color:#d8c9aa}.tutorial-resume{width:100%;margin:.8rem 0}.tutorial-progress{background:#ffffff12;height:5px}.tutorial-progress i{background:linear-gradient(90deg,#4ea2ff,#4dd26b);height:100%;transition:width .25s;display:block}.tutorial-shell{padding-bottom:300px}.tutorial-shell .table{margin-top:.25rem}.tutorial-focus{z-index:9;outline-offset:5px;outline:3px solid #ffd675;animation:1.5s ease-in-out infinite tutorial-focus-pulse;box-shadow:0 0 0 8px #ffd67525,0 0 32px #ffd6754f!important}.status.tutorial-focus,.hand.tutorial-focus,.decision.tutorial-focus{position:relative}.trick.tutorial-focus{min-width:0}.tutorial-coach{z-index:20;background:linear-gradient(155deg,#252c50f5,#171b2ffa);border:2px solid #ffd675;border-radius:1rem;width:min(440px,100% - 2rem);padding:1rem 1.1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 18px 44px #000b}.tutorial-coach h2{margin:.2rem 0 .4rem}.tutorial-coach p{color:#e5d9c1;margin:.35rem 0 .65rem}.tutorial-coach>strong{color:#fff6db;display:block}.tutorial-feedback{background:#ff9a3d16;border-left:3px solid #ff9a3d;padding:.45rem .55rem;color:#ffe3bd!important}.tutorial-nav{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-top:.8rem;display:flex}.tutorial-controls{position:relative}.tutorial-complete .actions{justify-content:center}@keyframes tutorial-focus-pulse{0%,to{outline-color:#ffd675;box-shadow:0 0 0 7px #ffd67520,0 0 24px #ffd6753d}50%{outline-color:#fff0b8;box-shadow:0 0 0 10px #ffd6752b,0 0 38px #ffd67560}}@media (width<=700px){.tutorial-shell{padding-bottom:1rem}.tutorial-coach{width:calc(100% - 1rem);max-height:none;margin:.5rem auto;position:relative;bottom:auto;left:auto;right:auto;overflow:visible}.tutorial-coach h2{font-size:1.15rem}.tutorial-nav{justify-content:center}.tutorial-focus{outline-offset:2px}.tutorial-shell .table{margin-top:0}}@media (prefers-reduced-motion:reduce){.tutorial-focus{animation:none}.tutorial-progress i{transition:none}}