:root{--felt-color: #0f382a;--felt-texture: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 0, 0, .03) 10px, rgba(0, 0, 0, .03) 20px);--labs-surface: radial-gradient(circle at top left, #1a1a2e, #16213e);--wood-dark: #3e2723;--wood-light: #5d4037;--wood-border: #281815;--gold: #ffc107;--text-light: #f1f8e9;--text-muted: rgba(255, 255, 255, .62);--card-bg: #ffffff;--accent-blue: #2196f3;--accent-red: #f44336;--anim-scale: 1;--panel-scale: 1;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html.native-android{--safe-top: 0px;--safe-right: 0px;--safe-bottom: 0px;--safe-left: 0px}@media(prefers-reduced-motion:reduce){:root{--anim-scale: 0 !important}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}html,body{height:100%;width:100%;max-width:100vw;background-color:var(--felt-color);background-image:var(--felt-texture);margin:0;overflow-x:hidden;overscroll-behavior:none}#root{height:100%;width:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--wood-light);border:1px solid var(--wood-border);border-radius:4px}@media(hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--gold);border-color:var(--wood-dark)}}html.native-shell,html.native-shell *{scrollbar-width:none}html.native-shell::-webkit-scrollbar,html.native-shell ::-webkit-scrollbar{width:0;height:0}@media(pointer:coarse){html,*{scrollbar-width:none}html::-webkit-scrollbar,::-webkit-scrollbar{width:0;height:0}}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-light)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waiting-banner-group{animation:slideInFromLeft .4s ease-out;transition:all .3s ease,transform .2s ease}.waiting-banner-group:active{transform:scale(.95)}.waiting-banner-group .waiting-player-name{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .3s ease,max-width .3s ease}.waiting-banner-group .waiting-player-name.expanded{opacity:1;max-width:200px}@media(min-width:769px){.waiting-banner-group:hover{transform:translate(5px);box-shadow:0 4px 12px #0006}.waiting-banner-group:hover .waiting-player-name{opacity:1;max-width:200px}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.waiting-banner-exit{animation:slideOutToLeft .3s ease-in forwards}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}#app{zoom:var(--panel-scale, 1);display:grid;grid-template-rows:auto 1fr auto;height:100%;max-width:1600px;margin:0 auto;width:100%;position:relative}@media(min-width:1500px)and (min-height:850px){:root{--panel-scale: 1.1}}@media(min-width:2100px)and (min-height:1150px){:root{--panel-scale: 1.5}}:root{--ad-rail: 300px;--ad-rail-left: var(--ad-rail);--ad-rail-right: var(--ad-rail);--ad-rails-total: calc(var(--ad-rail-left) + var(--ad-rail-right));--ad-banner-h: 0px}.app-shell{display:grid;grid-template-columns:var(--ad-rail-left) minmax(0,1fr) var(--ad-rail-right);height:100%;width:100%;max-width:none;margin:0 auto;min-height:0}.app-shell>#app{max-width:none;margin:0}.app-shell>.ad-rail--left{grid-column:1}.app-shell>#app,.app-shell>.home-page,.app-shell>.labs-container{grid-column:2}.app-shell>.labs-container{height:100%;min-height:0}.labs-browser-shell{background:var(--labs-surface)}.labs-browser-shell .ad-banner{background:#16213e}.app-shell>.ad-rail--right{grid-column:3}.ad-rail{align-self:start;position:sticky;top:var(--ad-banner-h, 0px);height:calc(100vh - var(--ad-banner-h, 0px));overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width:800px){:root{--ad-rail: 0px}.ad-rail{display:none}}@media(min-width:801px)and (max-width:1366px){:root{--ad-rail-left: 0px}.app-shell>.ad-rail--left{display:none}}@media(max-width:1919px){#seats-area{position:static;display:flex;align-items:flex-start;justify-content:center;gap:15px;width:100%}#table-area{padding-top:16px}#seats-area .seat,#seats-area .seat.pos-top,#seats-area .seat.pos-left,#seats-area .seat.pos-right{position:relative;inset:auto;transform:none}#seats-area .seat.pos-right .seat-cards{left:50%;right:auto;margin-left:15px;margin-right:0}}.ad-banner{display:none}.ad-banner:after{content:"320 × 50";display:flex;align-items:center;justify-content:center;width:min(320px,100%);height:var(--ad-banner-h);border:2px dashed rgba(255,255,255,.25);border-radius:4px;color:#fff6;font-size:.8rem;letter-spacing:.05em}.ad-rail:after{content:"300 × 600";display:flex;align-items:center;justify-content:center;width:var(--ad-rail);height:600px;border:2px dashed rgba(255,255,255,.25);border-radius:4px;color:#fff6;font-size:.8rem;letter-spacing:.05em}header{background:#0000008c;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);z-index:100;min-height:50px;flex-shrink:0}h1.home-link{min-width:0}.header-controls{display:flex;gap:10px;align-items:center}h1{margin:0;font-size:1.2rem!important;color:var(--gold);text-transform:uppercase;letter-spacing:1px;line-height:1.2!important}h1.home-link{cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;padding:4px 8px;margin:-4px -8px;border-radius:6px}h1.home-link:hover{background:#ffc10726;transform:scale(1.02)}h1.home-link:active{transform:scale(.98)}h1.home-link .brand-icon{font-size:1.4rem;transition:transform .3s ease}h1.home-link:hover .brand-icon{transform:rotate(-10deg) scale(1.1)}h1.home-link .brand-logo{height:34px;width:auto;max-width:min(46vw,100%);object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}h1.home-link:hover .brand-logo{transform:scale(1.04)}#room-code-display{font-family:monospace;font-size:1rem;color:#fff}.nearby-transport-badge{padding:.25rem .5rem;border:1px solid rgba(128,222,234,.7);border-radius:999px;color:#b2ebf2;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.nearby-transport-ultrasonic{border-color:#ce93d8bf;color:#e1bee7}.icon-btn{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .2s;padding:8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover){.icon-btn:hover{transform:scale(1.1);color:var(--gold)}}.btn-action{background:linear-gradient(to bottom,#fbc02d,#f57f17);border:1px solid #e65100;color:#3e2723;font-weight:700;padding:.6rem 1.4rem;border-radius:20px;box-shadow:0 4px #e65100,0 5px 10px #0006;cursor:pointer;text-transform:uppercase;font-size:.85rem;transition:transform .1s,box-shadow .1s,background-color .1s;white-space:nowrap}.btn-action:active{transform:translateY(3px);box-shadow:0 1px #e65100}.btn-action:disabled{filter:grayscale(100%);opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-action.pressed{transform:translateY(3px);box-shadow:0 1px #e65100;background:#c53f00;color:#fff}.btn-action:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-contrast),0 4px #e65100,0 5px 10px #0006}.text-link-btn{background:transparent;color:#555;border:none;margin-top:10px;cursor:pointer;text-decoration:underline;font-size:.9rem;min-height:44px}.fab-btn{position:fixed;bottom:40px;left:50%;margin-left:220px;right:auto;z-index:500;padding:1rem 1.5rem;font-size:1rem;box-shadow:0 5px 15px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);border-radius:30px;pointer-events:auto}@keyframes popIn{0%{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.overlay-screen{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200}.fairness-setup{background:radial-gradient(circle at 50% 40%,rgba(92,38,112,.22),transparent 36%),#071812e8}.fairness-setup-card{width:min(88vw,390px);padding:1.5rem 1.35rem 1.25rem;border:2px solid #c89a42;border-radius:16px;color:#f8edcf;text-align:center;background:linear-gradient(145deg,#164735,#0b2e24);box-shadow:0 18px 45px #0000007a,inset 0 0 24px #c89a4214}.fairness-setup-card h2{margin:.75rem 0 .55rem;color:#f3ce76;font-family:Georgia,Times New Roman,serif}.fairness-setup-card p{margin:0 auto .9rem;max-width:32ch;line-height:1.45}.fairness-seal{display:flex;justify-content:center;height:48px}.fairness-seal-card{display:grid;width:34px;height:46px;place-items:center;border:1px solid #e3c16d;border-radius:5px;color:#431924;background:#f5e8c8;font:700 1.15rem Georgia,serif;box-shadow:0 4px 8px #00000059}.fairness-seal-card:first-child{transform:rotate(-9deg) translate(3px)}.fairness-seal-card:last-child{transform:rotate(9deg) translate(-3px)}.fairness-ceremony-id{display:inline-block;padding:.28rem .5rem;border:1px solid rgba(243,206,118,.35);border-radius:5px;color:#d9c9a4;background:#0000002e;font-size:.72rem}.fairness-progress{display:flex;justify-content:center;gap:7px;margin-top:1rem}.fairness-progress span{width:7px;height:7px;border-radius:50%;background:#d5a84e;animation:fairness-pulse 1.2s ease-in-out infinite}.fairness-progress span:nth-child(2){animation-delay:.16s}.fairness-progress span:nth-child(3){animation-delay:.32s}@keyframes fairness-pulse{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.modal-box{background:#fff;color:#333;padding:2rem;border-radius:12px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 50px #00000080;border:4px solid var(--wood-light)}.modal-box h2{color:var(--wood-dark);margin-top:0}.input-group{margin:1rem 0;text-align:left}.input-group label{display:block;font-size:.8rem;color:#666;margin-bottom:.3rem}.input-group input{width:100%;padding:.8rem;font-size:1rem;border:2px solid #949494;border-radius:6px}.input-group input:focus-visible{border-color:#333}.hidden{display:none!important}#table-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;padding-top:100px;padding-bottom:2rem;overflow:hidden;gap:1rem}#seats-area{position:absolute;inset:0;pointer-events:none}#my-player-badge{margin-bottom:5px;font-size:.9rem;font-weight:700}#starter-display{position:absolute;top:50%;left:50%;transform:translate(-325px,25%);display:flex;flex-direction:column;align-items:center;z-index:10;animation:fadeIn calc(var(--anim-scale) * .5s) ease}#starter-card-slot .card{width:100%;height:100%}.starter-label{font-size:.8rem;color:#ffffffb3;margin-top:4px;text-transform:uppercase;letter-spacing:1px}#crib-display{position:absolute;top:50%;left:50%;transform:translate(250px,25%);display:flex;flex-direction:column;align-items:center;z-index:30;animation:fadeIn calc(var(--anim-scale) * .5s) ease}#crib-cards-slot{display:flex;justify-content:center;gap:-10px;position:relative}.labs-hand-shuffle-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.35rem .65rem;color:var(--gold);background:linear-gradient(180deg,#5b3618e6,#301b0cf0);border:1px solid rgba(255,193,7,.5);border-radius:999px;box-shadow:0 2px 8px #00000059;font:inherit;font-size:.72rem;font-weight:700;white-space:nowrap;cursor:pointer}.labs-hand-shuffle-btn:hover{border-color:var(--gold);background:linear-gradient(180deg,#75461ff5,#3a210ffa)}.labs-hand-shuffle-btn .ui-art-icon{width:20px;height:20px}@media(max-width:600px){.labs-hand-shuffle-btn{margin-right:.45rem;padding:.3rem .55rem;font-size:.68rem}}.labs-crib-container{position:relative}.labs-crib-reveal-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px 12px;border:1px solid rgba(124,77,255,.6);border-radius:12px;background:linear-gradient(135deg,#7c4dfff2,#536dfef2);color:#fff;font-size:.7rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:50;opacity:0;pointer-events:none}#crib-display:hover .labs-crib-reveal-btn{opacity:1;pointer-events:auto}.labs-crib-reveal-btn:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 2px 10px #7c4dff80}.labs-crib-revealed{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:1px solid rgba(124,77,255,.5);border-radius:8px;padding:8px;z-index:5000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.labs-crib-revealed .labs-revealed-cards{display:flex;gap:4px;justify-content:center;margin-bottom:6px}.labs-crib-revealed .labs-revealed-cards .card{width:40px;height:60px;font-size:.7rem}.labs-crib-revealed .labs-hide-btn{display:block;width:100%;padding:4px 8px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#aaa;font-size:.6rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.labs-crib-revealed .labs-hide-btn:hover{background:#fff3;color:#fff}.labs-crib-player-groups{display:flex;gap:12px;justify-content:center;margin-bottom:10px}.labs-crib-player-box{display:flex;flex-direction:column;align-items:center;padding:8px;border:2px solid;border-radius:8px;background:#0000004d;transition:transform .2s}.labs-crib-player-box:hover{transform:translateY(-5px)}.labs-crib-player-box:hover .labs-crib-player-cards .card{transform:translateY(-10px)}.labs-crib-player-cards{display:flex;gap:4px;margin-bottom:6px}.labs-crib-player-cards .card{width:45px;height:68px;font-size:.75rem;transition:transform .2s}.labs-crib-player-name{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:0;transition:opacity .2s}.labs-crib-player-box:hover .labs-crib-player-name{opacity:1}#crib-cards-slot .card-back{width:60px;height:90px;margin-right:-40px}#crib-cards-slot .card-back:last-child{margin-right:0}.labs-pegging-event-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:linear-gradient(135deg,#ffc107f2,#ff9800f2);border:2px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 4px 20px #ffc10766,0 0 40px #ffc10733;z-index:4500;animation:badge-pop-in .3s ease-out}@keyframes badge-pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.labs-pegging-event-badge .event-type{font-size:1.2rem;font-weight:800;color:#1a1a2e;text-transform:uppercase;letter-spacing:1px}.labs-pegging-event-badge .event-player{font-size:.85rem;font-weight:600;color:#000000b3}.labs-pegging-event-badge .event-points{font-size:.95rem;font-weight:700;color:#1a5f1a;background:#fffc;padding:2px 8px;border-radius:10px}#pegging-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:0;z-index:20;margin-top:10px;position:relative}#pegging-status{background:#00000080;padding:.2rem 1rem;border-radius:20px;margin-bottom:.5rem;font-size:.85rem;color:#ccc}#played-cards-row{display:flex;gap:-25px;padding:.5rem;justify-content:center;flex-wrap:nowrap;transform-origin:top center;height:calc(18vh / var(--panel-scale, 1));align-items:flex-start;min-height:140px}.played-card-wrapper{position:relative;transition:transform .3s;margin-right:-35px;height:100%;aspect-ratio:2/3;min-width:70px;flex-shrink:0}.played-card-wrapper:last-child{margin-right:0}.played-card-wrapper .card{width:100%!important;height:100%!important}.played-card-wrapper .owner-badge{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:3px 9px;border-radius:6px;font-size:.85rem;font-weight:600;border:2px solid var(--owner-color, rgba(255, 255, 255, .35));box-shadow:0 2px 8px #0000008c;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none;z-index:50}@media(hover:hover){.played-card-wrapper:hover{transform:translateY(-15px) scale(1.1);z-index:100}.played-card-wrapper:hover .owner-badge{opacity:1}}.played-card-wrapper.revealed{transform:translateY(-15px) scale(1.1);z-index:100}.played-card-wrapper.revealed .owner-badge{opacity:1;bottom:auto;top:-25px}button.played-card-wrapper{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}button.played-card-wrapper:focus-visible{outline:2px solid var(--gold, #ffc107);outline-offset:3px}#played-cards-row:has(button.played-card-wrapper){touch-action:none}.peg-count-value{color:var(--gold);display:inline-block}.peg-count-value.beat-fifteen{animation:pegCountBeat calc(var(--anim-scale) * .7s) cubic-bezier(.34,1.56,.64,1)}.peg-count-value.beat-thirtyone{animation:pegCountBeat31 calc(var(--anim-scale) * .7s) cubic-bezier(.34,1.56,.64,1)}@keyframes pegCountBeat{0%{transform:scale(1)}35%{transform:scale(1.55);text-shadow:0 0 14px rgba(255,193,7,.85)}to{transform:scale(1)}}@keyframes pegCountBeat31{0%{transform:scale(1)}30%{transform:scale(1.85);color:#fff8e1;text-shadow:0 0 22px rgba(255,193,7,1),0 0 40px rgba(255,193,7,.6)}70%{transform:scale(1.25);color:#fff8e1;text-shadow:0 0 16px rgba(255,193,7,.8)}to{transform:scale(1)}}#pegging-display.peg-holding #pegging-status{border:1px solid rgba(255,193,7,.55);background:#140c06b3}.played-card-wrapper.peg-bump{animation:pegCardBump calc(var(--anim-scale) * .5s) cubic-bezier(.34,1.56,.64,1);animation-delay:calc(var(--anim-scale) * var(--bump-order, 0) * .13s);z-index:90}.played-card-wrapper.peg-bump:after{content:"";position:absolute;inset:0;border-radius:8px;z-index:-1;pointer-events:none;box-shadow:0 6px 10px #00000080,0 0 9px #ffc107e6;opacity:0;animation:pegCardBumpGlow calc(var(--anim-scale) * .5s) cubic-bezier(.34,1.56,.64,1);animation-delay:calc(var(--anim-scale) * var(--bump-order, 0) * .13s)}@keyframes pegCardBump{0%{transform:translateY(0)}45%{transform:translateY(-26px)}to{transform:translateY(0)}}@keyframes pegCardBumpGlow{0%{opacity:0}45%{opacity:1}to{opacity:0}}#played-cards-row.collecting .played-card-wrapper{animation:pegCollect calc(var(--anim-scale) * .42s) cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--anim-scale) * var(--gather-i, 0) * .03s)}@keyframes pegCollect{to{transform:translate(calc(var(--gather-i, 0) * -58%)) translateY(14px) scale(.82) rotate(-4deg);opacity:0}}@keyframes pegStripIn{0%{opacity:0}to{opacity:1}}@keyframes pegHistoryGroupIn{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:none}}@keyframes pegHistoryCardIn{0%{opacity:0;transform:translate(10px) scale(.82)}to{opacity:1;transform:none}}#discard-display{margin-top:2rem;z-index:50;animation:fadeIn calc(var(--anim-scale) * .3s) ease;display:flex;justify-content:center}#hand-area{background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:.5rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;min-height:180px;position:relative;z-index:100;flex-shrink:0}.spectator-banner{position:fixed;top:62px;left:50%;z-index:1200;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.45rem .7rem;border:1px solid rgba(212,175,55,.55);border-radius:999px;background:#20140aeb;color:#f5df9b;font-size:.8rem;white-space:nowrap}.spectator-banner button{border:0;border-radius:999px;padding:.3rem .6rem;background:#ffffff1f;color:#fff;cursor:pointer}.rejoin-permission-overlay{z-index:7200}.rejoin-permission-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.25rem}#hand-area.your-turn{box-shadow:inset 0 3px #4caf50bf,inset 0 18px 26px -18px #4caf508c}@media(prefers-reduced-motion:no-preference){#hand-area.your-turn{box-shadow:inset 0 3px #4caf5059,inset 0 18px 26px -18px #4caf5033}#hand-area.your-turn:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;will-change:opacity;background:linear-gradient(to bottom,#4caf50 0 3px,#4caf5099 3px,#4caf5000 30px);opacity:.6;animation:handTurnPulse calc(var(--anim-scale) * 2.2s) ease-in-out infinite}}@keyframes handTurnPulse{0%,to{opacity:0}50%{opacity:1}}#action-bar{margin-bottom:.5rem;min-height:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center;z-index:150;position:relative}#action-bar:empty{display:none}#action-bar:not(:empty):not(:has(>:not(.fab-btn):not(.hidden))){display:block;height:0;min-height:0;margin:0;padding:0;border:none;overflow:visible;opacity:1;pointer-events:none}.badge-dealer-star{color:var(--gold);margin-right:6px;font-size:1.05em}#dealer-indicator{color:var(--gold);display:flex;align-items:center;gap:5px;font-weight:700;letter-spacing:1px;transition:all .5s ease}@media(max-width:768px){#dealer-indicator{width:75px;justify-content:center}}#dealer-indicator span{font-size:1.2rem}#discard-instruction{color:#f0f0f0;font-size:1rem;font-weight:700;margin:auto auto .5rem;text-shadow:0 1px 2px black}#my-hand{display:flex;justify-content:center;gap:8px;perspective:1000px;margin-top:1rem;position:relative;z-index:20}#my-hand .card{width:80px;height:120px}#card-fly-layer{zoom:calc(1 / var(--panel-scale, 1));position:fixed;top:0;left:0;width:100vw;height:100dvh;pointer-events:none;z-index:3000;overflow:hidden}.flying-card{position:absolute;width:80px;height:120px;transition:transform calc(var(--anim-scale) * .6s) cubic-bezier(.25,1,.5,1),opacity calc(var(--anim-scale) * .6s) cubic-bezier(.25,1,.5,1);box-shadow:0 10px 20px #00000080;background:var(--card-bg);border-radius:8px;border:1px solid #ccc;z-index:200}.flying-card.back{background:var(--card-back-bg, linear-gradient(135deg, #b71c1c 0%, #d32f2f 100%));border:2px solid var(--card-back-border, #fff)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-5px) rotate(-5deg)}to{transform:translate(0)}}.shake-anim{animation:shake calc(var(--anim-scale) * .4s) ease-in-out}@media(max-width:800px),(min-width:801px)and (max-width:1366px)and (min-height:700px){:root{--ad-banner-h: 50px}.app-shell{height:100%;min-height:0;grid-template-rows:var(--ad-banner-h) minmax(0,1fr)}.ad-banner{display:flex;align-items:center;justify-content:center;grid-column:1 / -1;grid-row:1;overflow:hidden;background:#00000059}.app-shell>#app,.app-shell>.home-page,.app-shell>.labs-container{grid-row:2}.app-shell>.ad-rail--left,.app-shell>.ad-rail--right{grid-row:2}.app-shell>.home-page{min-height:0;height:100%}}@media(max-width:800px){:root{--mini-card-w: 30px;--mini-card-h: 45px;--mini-card-glyph: 24px;--played-card-h: max(14vh, 100px);--peg-strip-h: calc(var(--mini-card-h) + 8px)}#root{height:100vh;height:100dvh}html{height:100dvh;min-height:0}html body{height:100dvh;min-height:0;align-items:stretch}@media(display-mode:standalone){#root{position:fixed;inset:0;height:auto;padding-bottom:0}html #hand-area{padding-bottom:.5rem}html,html body{background-color:#000;background-image:none}html #root{background-color:var(--felt-color);background-image:var(--felt-texture)}}#app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}#table-area{min-height:0;padding:0 10px!important;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto var(--peg-strip-h) auto 1fr;grid-template-areas:"seats   seats" "board   board" "history history" "starter crib" "pegging pegging";gap:8px;row-gap:4px;flex:1}#seats-area{grid-area:seats;position:static;width:100%;height:auto;display:flex;align-items:flex-start;justify-content:center;padding:2px 10px 0;gap:15px;pointer-events:none}.phase-lobby #hand-area{display:none!important;min-height:0;height:0;padding:0;margin:0}#seats-area:has(.seat:nth-child(2)){justify-content:space-between}#board-container{grid-area:board;width:100%;max-width:100%!important;height:auto;max-height:25vh;aspect-ratio:unset;margin:0 0 10px}#starter-display{grid-area:starter;position:static;transform:none;flex-direction:column;justify-self:start;margin-left:0;margin-right:0;margin-top:5px}#crib-display{grid-area:crib;position:static;transform:none;flex-direction:column;justify-self:end;margin-right:0;margin-left:auto;margin-top:5px;padding-right:0}#starter-card-slot{width:50px!important;height:75px!important}#starter-card-slot .card{width:100%!important;height:100%!important}#crib-cards-slot .card-back{width:38px;height:56px;margin-right:-28px}#crib-cards-slot{transform:none}#pegging-display{grid-area:pegging;width:100%;margin-top:-85px!important;position:relative;z-index:30}#pegging-status{font-size:.95rem;padding:.15rem .85rem .3rem;margin-bottom:5px;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.2;background:#000000b8;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 3px 10px #00000073}#pegging-status .peg-count-value{font-size:1.35rem;font-weight:800;color:var(--gold, #ffc107);letter-spacing:.5px}#pegging-status #pegging-turn-label{font-size:.9rem;font-weight:700}#pegging-status span[style*=margin]{display:none!important}.played-card-wrapper{height:var(--played-card-h)!important;min-height:var(--played-card-h)!important;overflow:visible!important}#played-cards-row{height:auto;min-height:calc(var(--played-card-h) + .5rem + 18px);padding-bottom:18px;margin-top:4px}#discard-display{grid-area:pegging;align-self:center;justify-self:center;margin-top:0}#hand-area{padding:18px 0 .5rem;min-height:0;background:linear-gradient(to top,rgba(0,0,0,1) 20%,rgba(0,0,0,.8) 80%,transparent)}#hand-area.pegging-active #my-hand{margin-top:0!important}#discard-instruction.hidden{display:none!important}#action-bar{width:100vw;height:fit-content}#action-bar:empty{display:none}#action-bar:not(:empty):not(:has(>:not(.dealer-corner):not(.fab-btn):not(.hidden))){display:block;height:0;min-height:0;margin:0;padding:0;border:none;overflow:visible;opacity:1;pointer-events:none}#my-hand{--hand-overlap: 5px;--hand-card-h: calc(var(--hand-card-w) * 20 / 13);--hand-air: 8px;--hand-card-w: min( 65px, calc((100vw / var(--panel-scale, 1) - var(--hand-air) + 5 * var(--hand-overlap)) / 6) );margin-top:.1rem;gap:0;position:relative!important;z-index:150!important}#my-hand .card{width:var(--hand-card-w);height:var(--hand-card-h);margin-right:calc(-1 * var(--hand-overlap));transition:transform calc(var(--anim-scale) * .3s) cubic-bezier(.175,.885,.32,1.275)}#my-hand .card:hover{transform:none;box-shadow:0 5px 15px #0000004d;z-index:auto}#my-hand .card:last-child{margin-right:0}#my-hand .card.selected{transform:translateY(-30px);z-index:50;margin-right:calc(-1 * var(--hand-overlap));margin-left:0;box-shadow:0 0 0 4px var(--gold);border-color:var(--gold)}#my-hand .card.selected:last-child{margin-right:0}#action-bar{margin-bottom:.5rem;gap:.5rem}#action-bar #discard-instruction{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 46px);white-space:nowrap;z-index:60}#dealer-indicator:not(.hidden){opacity:1!important;display:flex!important}#dealer-indicator{position:absolute;top:.5rem;right:1rem;z-index:1;background:var(--gold);color:var(--wood-dark);display:flex;align-items:center;gap:5px;font-weight:700;letter-spacing:1px;transition:all .5s ease;padding:3px 8px;border-radius:4px;font-size:.85rem;box-shadow:0 2px 5px #00000080;text-transform:uppercase}#dealer-indicator{position:absolute!important;top:-30px;left:10px;right:auto!important;font-size:.75rem;padding:2px 6px}#dealer-indicator span{font-size:1rem}#dealer-indicator.dealer-corner{position:fixed;bottom:140px;left:10px;z-index:200;font-size:.7rem;background:#000c;padding:2px 6px;border-radius:10px;border:1px solid var(--gold)}#dealer-indicator.dealer-corner span{font-size:.9rem}.fab-btn{margin-left:0;left:auto;right:20px;bottom:160px;padding:.8rem 1.2rem}h1{font-size:1rem!important}#room-code-display{font-size:.9rem}.nearby-transport-badge{font-size:.6rem;padding:.2rem .35rem}.labs-crib-revealed{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:320px;z-index:5000}.modal-box{width:95%;padding:1.5rem}}@media(max-width:350px){#my-hand{--hand-overlap: 12px}#app{padding:0!important;margin:0 auto!important}#pegging-status{margin-bottom:50px!important}header{padding:0 .5rem!important}h1.home-link .brand-logo{max-width:min(34vw,100%)}#hand-area{padding-left:0!important;padding-right:0!important}#played-cards-row{position:relative!important;margin-top:0!important;top:-25px!important}}.peg-history{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;padding:8px;background:#0009;border-radius:8px;border:1px solid rgba(255,255,255,.15);z-index:40;max-height:200px;max-width:250px;overflow-y:auto}.peg-history-group{display:flex;gap:2px;padding:3px 5px;background:#ffffff14;border-radius:4px;align-items:center}.peg-history-label{min-width:16px;height:16px;background:#ffc107cc;color:#1a1a1a;font-size:.65rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:4px;flex-shrink:0}.peg-history-card-wrapper{position:relative}.player-color-dot{position:absolute;top:0;left:0;width:12px;height:12px;border-top-left-radius:4px;clip-path:polygon(0 0,100% 0,0 100%);z-index:15}.peg-history-group .card{width:28px!important;height:42px!important;min-width:28px!important;min-height:42px!important;padding:2px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:.9;flex-shrink:0}.peg-history-group .card .card-bottom,.peg-history-group .card .card-suit.center{display:none!important}.peg-history-group .card .card-top{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:.9}.peg-history-group .card .card-rank{font-size:calc(1rem * var(--card-rank-scale, 1))!important;line-height:1;text-align:center;width:100%}.peg-history-group .card .card-suit{font-size:calc(1rem * var(--card-suit-scale, 1))!important;line-height:1;text-align:center;width:100%;margin-top:-2px}.peg-history-card-wrapper{transition:transform .15s ease}.peg-history-card-wrapper:hover{transform:scale(1.2);z-index:20}.peg-history-group .card:hover{transform:none!important;box-shadow:0 5px 15px #0000004d!important}.peg-history-card-wrapper:hover .card{opacity:1}@media(max-width:768px){.peg-history--strip{grid-area:history;position:static;transform:none;inset:auto;justify-self:start;max-width:100%;max-height:none;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;overflow:visible;padding:2px 4px;gap:3px}.peg-history--strip .peg-history-card-wrapper{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;position:relative}.peg-history--strip .peg-history-card-wrapper.revealed{transform:scale(1.25) translateY(-3px);z-index:30}.peg-history--strip .peg-history-card-wrapper:focus-visible{outline:2px solid var(--gold, #ffc107);outline-offset:2px}.peg-history-owner{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:31;padding:3px 9px;border-radius:10px;background:#000000e6;border:2px solid var(--owner-color, rgba(255, 255, 255, .35));box-shadow:0 2px 8px #0000008c;color:#fff;font-size:.82rem;font-weight:600;white-space:nowrap;pointer-events:none}.peg-history--strip{animation:pegStripIn calc(var(--anim-scale) * .34s) cubic-bezier(.4,0,.2,1)}.peg-history--strip .peg-history-group{animation:pegHistoryGroupIn calc(var(--anim-scale) * .36s) cubic-bezier(.4,0,.2,1) backwards}.peg-history--strip .peg-history-card-wrapper{animation:pegHistoryCardIn calc(var(--anim-scale) * .3s) cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--anim-scale) * var(--peg-i, 0) * .03s)}.peg-history-group{padding:1px 3px;gap:1px;flex-shrink:0}.peg-history-group.folded{padding:2px}button.peg-history-label{border:none;font-family:inherit;cursor:pointer;padding:0;min-width:22px;height:22px;font-size:.72rem}button.peg-history-label:focus-visible{outline:2px solid var(--gold, #ffc107);outline-offset:2px}.peg-history-group .card{width:var(--mini-card-w)!important;height:var(--mini-card-h)!important;min-width:var(--mini-card-w)!important;min-height:var(--mini-card-h)!important;padding:0!important}.peg-history-group .card .card-rank{font-size:calc(var(--mini-card-glyph) * var(--card-rank-scale, 1))!important;line-height:.78;letter-spacing:-.05em;text-indent:-.05em}.peg-history-group .card .card-suit{font-size:calc(var(--mini-card-glyph) * var(--card-suit-scale, 1))!important;line-height:.78;margin-top:0}.player-color-dot{width:8px;height:8px}}.card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 5px 15px #0000004d;position:relative;cursor:pointer;transition:transform .2s,box-shadow .2s,width .4s,height .4s;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:flex-start;padding:5px;-webkit-user-select:none;user-select:none;container-type:size;width:80px;height:120px}button.card{font:inherit;text-align:left;margin:0;overflow:visible;align-items:stretch;-webkit-appearance:none;appearance:none}button.card:focus-visible{outline:3px solid var(--gold);outline-offset:3px;z-index:11}.card-top{display:flex;flex-direction:column;align-items:flex-start;line-height:.8}.card-rank{font-family:var(--card-rank-font, inherit);font-weight:var(--card-rank-weight, bold);letter-spacing:var(--card-rank-spacing, normal);line-height:1;text-align:left;font-size:calc(35cqw * var(--card-rank-scale, 1))}.card-suit{font-family:var(--card-suit-font, inherit);font-weight:var(--card-suit-weight, 400);line-height:1;font-size:calc(35cqw * var(--card-suit-scale, 1))}.card-suit.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:calc(60cqw * var(--card-suit-scale, 1));opacity:.15}[data-rank-face=maximum] .card{justify-content:center;align-items:center;padding:2px}[data-rank-face=maximum] .card-bottom,[data-rank-face=maximum] .card-suit.center{display:none!important}html[data-rank-face=maximum] .card .card-top,[data-rank-face=maximum] .card .card-top{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.82}html[data-rank-face=maximum] .card .card-top .card-rank,[data-rank-face=maximum] .card .card-top .card-rank{font-size:calc(62cqw * var(--card-rank-scale, 1))!important;line-height:.82!important;text-align:center;width:100%;margin:0}html[data-rank-face=maximum] .card .card-top .card-suit,[data-rank-face=maximum] .card .card-top .card-suit{font-size:calc(66cqw * var(--card-suit-scale, 1))!important;line-height:.82!important;text-align:center;width:100%;margin:0}.card-bottom{display:flex;flex-direction:column;align-items:flex-start;transform:rotate(180deg);text-align:left;margin-top:auto}@media(hover:hover){.card:hover{transform:translateY(-15px) rotate(2deg);box-shadow:0 15px 25px #0006;z-index:10}}.card.selected{transform:translateY(-25px);box-shadow:0 0 0 4px var(--gold);border-color:var(--gold)}.card.disabled-card{opacity:.45;filter:grayscale(.6);z-index:-1}@media(hover:hover){.card.disabled-card:hover{transform:none;box-shadow:0 5px 15px #0000004d}}.suit-red{color:var(--suit-heart, #d32f2f)}.suit-black,.suit-spades{color:var(--suit-spade, #212121)}.suit-hearts{color:var(--suit-heart, #d32f2f)}.suit-diamonds{color:var(--suit-diamond, #d32f2f)}.suit-clubs{color:var(--suit-club, #212121)}.card.mini{width:50px;height:75px;padding:2px;border-radius:4px}.card.mini .card-rank{font-size:calc(.9rem * var(--card-rank-scale, 1))}.card.mini .card-suit{font-size:calc(.9rem * var(--card-suit-scale, 1))}.card.mini .card-suit.center{font-size:calc(2rem * var(--card-suit-scale, 1))}@keyframes deal-in{0%{opacity:0;transform:translateY(-150px) rotate(-20deg) scale(.8)}50%{opacity:1;transform:translateY(10px) rotate(5deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.card.dealt-in{animation:deal-in calc(var(--anim-scale, 1) * .5s) ease-out forwards}.card.dealt-in:nth-child(1){animation-delay:0s}.card.dealt-in:nth-child(2){animation-delay:calc(var(--anim-scale, 1) * .08s)}.card.dealt-in:nth-child(3){animation-delay:calc(var(--anim-scale, 1) * .16s)}.card.dealt-in:nth-child(4){animation-delay:calc(var(--anim-scale, 1) * .24s)}.card.dealt-in:nth-child(5){animation-delay:calc(var(--anim-scale, 1) * .32s)}.card.dealt-in:nth-child(6){animation-delay:calc(var(--anim-scale, 1) * .4s)}@keyframes labs-border-pulse{0%{box-shadow:0 0 0 4px #7c4dff,0 0 15px #7c4dff66}33%{box-shadow:0 0 0 4px #536dfe,0 0 15px #536dfe66}66%{box-shadow:0 0 0 4px #b388ff,0 0 15px #b388ff66}to{box-shadow:0 0 0 4px #7c4dff,0 0 15px #7c4dff66}}.card.labs-discarded{position:relative;transform:translateY(-15px);border-color:#7c4dff;animation:labs-border-pulse 2s ease-in-out infinite}.card.labs-discarded:after{content:"TO CRIB";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:600;color:#b388ff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@keyframes labs-card-vanish{0%{opacity:1;transform:translateY(-15px) scale(1)}30%{opacity:.8;transform:translateY(-20px) scale(.95)}to{opacity:0;transform:translateY(-30px) scale(.7)}}.card.labs-discarded.vanishing{animation:labs-card-vanish .5s ease-out forwards;pointer-events:none}.card.labs-discarded.vanishing:before,.card.labs-discarded.vanishing:after{content:"";position:absolute;width:8px;height:8px;border-radius:2px;pointer-events:none}.card.labs-discarded.vanishing:before{background:linear-gradient(135deg,#fff,#ddd);box-shadow:10px -5px 0 2px #fffc,-8px -12px 0 1px #c8c8c8b3,15px -20px 0 3px #b4b4b499,-15px -8px 0 2px #dcdcdcb3,25px -15px 0 1px #c8c8c880,-5px -25px 0 2px #bebebe99,30px -25px 0 2px #aaaaaa80,-20px -20px 0 3px #b4b4b466;top:20%;left:30%;animation:fragment-scatter-1 .6s ease-out forwards}.card.labs-discarded.vanishing:after{background:linear-gradient(135deg,#eee,#bbb);box-shadow:-12px -8px 0 2px #f0f0f0b3,8px -18px 0 1px #d2d2d299,-18px -22px 0 3px #bebebe80,20px -10px 0 2px #c8c8c899,-25px -18px 0 1px #b4b4b466,12px -28px 0 2px #aaaaaa80,-10px -35px 0 2px #a0a0a066,35px -20px 0 3px #9696964d;top:50%;left:60%;animation:fragment-scatter-2 .6s ease-out forwards}@keyframes fragment-scatter-1{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1;transform:translate(-5px,-10px) scale(1)}to{opacity:0;transform:translate(60px,-80px) scale(.3)}}@keyframes fragment-scatter-2{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1;transform:translate(5px,-8px) scale(1)}to{opacity:0;transform:translate(-50px,-90px) scale(.3)}}@keyframes labs-card-reappear{0%{opacity:0;transform:translateY(-60px) scale(.3)}50%{opacity:.7;transform:translateY(-25px) scale(.9)}to{opacity:1;transform:translateY(-15px) scale(1)}}.card.labs-discarded.reappearing{animation:labs-card-reappear .4s ease-out forwards}#my-hand .card,.labs-revealed-cards .card{transition:width .4s ease-out,margin .4s ease-out,padding .4s ease-out,opacity .3s ease-out,transform .3s ease-out}.card.collapsed{width:0!important;min-width:0!important;padding:0!important;margin:0!important;border:none!important;opacity:0;overflow:hidden;pointer-events:none}.card-back{background:var(--card-back-bg, linear-gradient(135deg, #b71c1c 0%, #d32f2f 100%));border-style:solid;border-width:var(--card-back-border-width, 2px);border-color:var(--card-back-border, #fff);border-radius:var(--card-back-radius, 8px);box-shadow:var(--card-back-shadow, 0 5px 15px rgba(0, 0, 0, .5));position:relative;overflow:hidden;flex-shrink:0}.card-back:before{content:"";position:absolute;inset:0;background-image:var(--card-back-pattern, none);background-size:var(--card-back-pattern-size, auto);background-position:var(--card-back-pattern-position, center);opacity:var(--card-back-pattern-opacity, 1);pointer-events:none}.card-back:after{content:"";position:absolute;inset:0;background-image:var(--card-back-emblem, none);background-repeat:no-repeat;background-position:center;background-size:var(--card-back-emblem-size, 46%) auto;opacity:var(--card-back-emblem-opacity, 1);pointer-events:none}.card-flipper .card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}#board-container{zoom:calc(1 / var(--panel-scale, 1));position:relative;width:min(100%,1000px,calc(23vh * (1000 / 260)));aspect-ratio:1000 / 260;margin-bottom:0;transition:transform calc(var(--anim-scale, 1) * .3s) ease}#board-container:before{content:"";position:absolute;inset:0;border-radius:2.6%/10%;box-shadow:0 10px 18px #0000008c;pointer-events:none}svg#crib-board-svg{width:100%;height:100%;overflow:visible;position:relative;z-index:1}.board-peg-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}.board-peg-layer .peg-group{pointer-events:auto}.board-face{fill:var(--board-face-paint);stroke:var(--wood-border, #281815);stroke-width:3}.board-grain{fill:#fff;opacity:.62;pointer-events:none;mix-blend-mode:multiply}.board-sheen{fill:var(--board-sheen-paint);pointer-events:none}.board-bevel{fill:none;stroke:var(--board-bevel, rgba(255, 255, 255, .13));stroke-width:1}.track-channel{fill:none;stroke:#00000038;stroke-linecap:butt}.track-channel-shade{fill:none;stroke:var(--channel-paint);stroke-linecap:butt}.group-mark{stroke:var(--mark-color, rgba(255, 255, 255, .1));stroke-width:.7}.group-mark.major{stroke:var(--mark-color-major, rgba(255, 255, 255, .22));stroke-width:1.1}.skunk-line{stroke-linecap:round}.skunk-label{font-size:7px;font-weight:800;letter-spacing:1.1px;text-anchor:middle;paint-order:stroke;stroke:var(--label-outline, rgba(24, 14, 8, .85));stroke-width:2.2;stroke-linejoin:round}.skunk-mark.skunk .skunk-line{stroke:#ffb020;stroke-width:2;filter:drop-shadow(0 0 2px rgba(255,176,32,.7))}.skunk-mark.skunk .skunk-label{fill:#ffb020}.skunk-mark.double-skunk .skunk-line{stroke:#ff5a4d;stroke-width:2.2;filter:drop-shadow(0 0 2.5px rgba(255,90,77,.75))}.skunk-mark.double-skunk .skunk-label{fill:#ff6f63}.board-holes,.group-marks,.skunk-mark,.start-pocket,#board-numerals,.black-hole-zone{pointer-events:none}.board-hole{fill:var(--hole-paint);stroke:var(--hole-rim, rgba(255, 255, 255, .11));stroke-width:.45}.start-pocket-cut{fill:#00000061}.start-pocket-lip{fill:var(--board-bevel, rgba(255, 255, 255, .13))}.start-pocket-floor{fill:var(--channel-paint)}.start-hole{fill:#24401f;stroke:#8cdc8c4d}.finish-hole{fill:#c62828;stroke:#ffffff59}.peg-group{cursor:help}.peg-glint{fill:#fff;opacity:.85}.peg-lifted .peg-glint{opacity:1}.black-hole-zone{pointer-events:none}.black-hole-glow{fill:#8000ff26;stroke:#8000ff4d;stroke-width:2;animation:black-hole-pulse calc(var(--anim-scale, 1) * 2s) ease-in-out infinite}.black-hole-boundary{stroke:#0ff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px #ff00ff) drop-shadow(0 0 2px #00ffff);animation:boundary-pulse calc(var(--anim-scale, 1) * 1.5s) ease-in-out infinite}.black-hole-ring{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:12 8}.black-hole-ring.ring-1{stroke:#9400d380;animation:black-hole-swirl calc(var(--anim-scale, 1) * 4s) linear infinite}.black-hole-ring.ring-2{stroke:#4b008299;animation:black-hole-swirl calc(var(--anim-scale, 1) * 3s) linear infinite reverse}.black-hole-ring.ring-3{stroke:#ee82eeb3;animation:black-hole-swirl calc(var(--anim-scale, 1) * 2s) linear infinite}.black-hole-core{fill:#000;stroke:#8000ffcc;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(128,0,255,.8))}.black-hole-label{fill:#fff;font-size:11px;font-weight:700;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}@keyframes black-hole-swirl{0%{transform-origin:center;stroke-dashoffset:0}to{stroke-dashoffset:50}}@keyframes black-hole-pulse{0%,to{opacity:.5;r:30}50%{opacity:.8;r:34}}@keyframes boundary-pulse{0%,to{opacity:.7}50%{opacity:1}}:root[data-pace=instant] .black-hole-glow,:root[data-pace=instant] .black-hole-boundary,:root[data-pace=instant] .black-hole-ring{animation:none}.peg-collar{fill:#ffffff38;stroke:#0000004d;stroke-width:.3}.peg-glow{opacity:.28;filter:blur(1.6px)}.board-numeral{font-size:13px;font-weight:700;text-anchor:middle;dominant-baseline:middle;fill:#fff6dc9e;stroke:#00000080;stroke-width:2.4;paint-order:stroke;letter-spacing:-.5px;pointer-events:none;-webkit-user-select:none;user-select:none}.board-lens-toggle.table-corner{position:absolute;top:calc(8px + var(--safe-top, 0px));right:8px;left:auto;z-index:40}.board-lens-toggle{position:absolute;top:6px;right:6px;z-index:30;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0000008c;color:#eef4f1;font-size:1.05rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,transform .2s ease,border-color .2s ease}.board-lens-toggle:after{content:"";position:absolute;inset:-6px;border-radius:50%}.board-lens-toggle.active{background:#ffc107e6;border-color:#ffffff80;color:#1a1a1a;transform:scale(1.06)}.board-lens-toggle:focus-visible{outline:2px solid var(--gold, #ffc107);outline-offset:2px}@media(hover:hover){.board-lens-toggle:hover{background:#000000bf;transform:scale(1.06)}.board-lens-toggle.active:hover{background:#ffc107}}#board-container.lens-open{z-index:60}.board-lens-pos{position:absolute;left:0;top:0;z-index:25}.board-lens{display:block;overflow:visible;transform-origin:center;animation:boardLensIn calc(var(--anim-scale, 1) * .42s) cubic-bezier(.2,1.35,.4,1) backwards;border-radius:50%;box-shadow:0 8px 14px #0009;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.board-lens:active{cursor:grabbing}@keyframes boardLensIn{0%{opacity:0;transform:scale(.3) rotate(-14deg)}to{opacity:1;transform:none}}.board-lens-rim{stroke-width:7;vector-effect:non-scaling-stroke}.board-lens-sheen{stroke-width:3.5;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.9}.ui-art-icon{display:inline-block;flex:0 0 auto;width:1.35em;height:1.35em;vertical-align:-.27em;background-image:url(/static/assets/arena-icon-atlas-CYe077OY.png);background-size:400% 400%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.42))}.ui-art-icon[data-sheet=utility]{background-image:url(/static/assets/arena-utility-atlas-DlqbrFyT.png)}.ui-art-icon[data-sheet=gameplay]{background-image:url(/static/assets/arena-gameplay-atlas-DKpe5lDK.png)}button .ui-art-icon{pointer-events:none}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;pointer-events:auto;transition:transform .3s,opacity .3s,background-color .3s,border-color .3s;z-index:5}.seat.revealed{z-index:5001}.seat.pos-top{top:20px;left:50%;transform:translate(-50%)}.seat.pos-left{top:40%;left:20px;transform:translateY(-50%)}.seat.pos-right{top:40%;right:20px;transform:translateY(-50%)}.seat.pos-bottom{bottom:18px;left:50%;transform:translate(-50%)}.seat.pos-right .seat-cards{left:auto;right:50%;margin-left:0;margin-right:15px}.seat-avatar{width:50px;height:50px;border-radius:50%;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;border:2px solid #fff;box-shadow:0 4px 10px #00000080;margin-bottom:5px;position:relative;z-index:2;cursor:pointer}.seat-avatar.clickable:hover,.seat-avatar.clickable:focus-visible{box-shadow:0 4px 10px #00000080,0 0 0 3px var(--gold, #ffc107);outline:none}.seat-cards{display:flex;position:absolute;top:25px;left:50%;z-index:20;margin-left:15px;pointer-events:none;min-width:50px;min-height:40px}.seat-cards .card-back{display:block;width:25px;height:38px;margin-right:-18px;--card-back-border-width: 1px;--card-back-radius: 4px;--card-back-shadow: 0 2px 5px rgba(0, 0, 0, .3)}.seat-cards .card-back:last-child{margin-right:0}.player-badge{background:#000c;padding:2px 8px;border-radius:10px;font-size:.8rem;color:#fff;margin-top:4px;opacity:0;transition:opacity .2s;border:1px solid transparent;white-space:nowrap;z-index:1}.player-badge.visible{opacity:1}@media(hover:hover){.seat:hover .player-badge{opacity:1}}.disconnect-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #f4433680;border:1px solid rgba(255,255,255,.3);z-index:10;animation:disconnect-pulse 1.5s ease-in-out infinite}.disconnect-badge-icon{font-size:.9em}.disconnect-badge-timer{font-family:monospace;font-size:.85rem;min-width:28px;text-align:center}@keyframes disconnect-pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(1.03)}}@media(max-width:800px){.seat{position:relative!important;inset:auto!important;transform:none!important;flex-direction:column;pointer-events:auto;min-height:0}.seat{min-height:65px}.seat.pos-top,.seat.pos-left,.seat.pos-right{top:auto;left:auto;right:auto;transform:none}#seats-area:has(.seat:nth-child(2)) .seat.pos-left,#seats-area:has(.seat:nth-child(2)) .seat.pos-right{margin-top:47px}.seat-cards .card-back{width:15px;height:24px;margin-right:-12px;border:1px solid rgba(255,255,255,.5)}.seat-avatar{width:45px;height:45px;font-size:1rem}.player-badge{position:absolute;top:100%;left:50%;transform:translate(-50%);margin:0;opacity:0;pointer-events:none;font-size:.75rem;transition:opacity .2s;z-index:50}.player-badge.visible{opacity:1}}.labs-reveal-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:4px 10px;border:1px solid rgba(124,77,255,.6);border-radius:12px;background:linear-gradient(135deg,#7c4dffcc,#536dfecc);color:#fff;font-size:.65rem;font-weight:600;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:25;pointer-events:auto}.labs-reveal-btn.visible{opacity:1}.labs-reveal-btn:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 2px 10px #7c4dff80}@media(max-width:800px){.labs-reveal-btn{opacity:1}}.labs-revealed-panel{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2efa,#16213efa);border:1px solid rgba(124,77,255,.5);border-radius:12px;padding:12px;z-index:5000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 40px #0009;animation:panel-fade-in .3s ease-out}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}.labs-revealed-header{font-size:.75rem;font-weight:600;color:#ffffffb3;text-align:center;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.labs-revealed-cards{display:flex;gap:6px;justify-content:center;margin-bottom:10px}.labs-revealed-cards .card{width:50px;height:75px;font-size:.8rem}.labs-hide-btn{display:block;width:100%;padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#aaa;font-size:.7rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s;text-transform:uppercase;letter-spacing:.5px}.labs-hide-btn:hover{background:#fff3;color:#fff}.labs-revealed-panel.pos-left{left:100px;transform:translateY(-50%)}.labs-revealed-panel.pos-right{left:auto;right:100px;transform:translateY(-50%)}@media(max-width:800px){.labs-revealed-panel,.labs-revealed-panel.pos-left,.labs-revealed-panel.pos-right,.labs-revealed-panel.pos-top{left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 40px)}}.player-badge-clickable{font-family:inherit;line-height:inherit;text-align:center;cursor:pointer}.player-badge-clickable:hover,.player-badge-clickable:focus-visible{border-color:#ffffff80}.avatar{--avatar-size: 40px;--avatar-color: #444;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background:var(--avatar-color);overflow:visible}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-initials{font-size:calc(var(--avatar-size) * .45);font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);-webkit-user-select:none;user-select:none}.avatar-frame{position:absolute;inset:calc(-1 * var(--frame-width, 3px) - var(--frame-gap, 2px));border-radius:50%;pointer-events:none;border:var(--frame-width, 3px) solid var(--frame-color, transparent);background:var(--frame-bg, none);box-shadow:var(--frame-shadow, none)}.avatar-frame:before{content:"";position:absolute;inset:calc(-1 * var(--frame-width, 3px));border-radius:50%;background-image:var(--frame-pattern, none);background-size:var(--frame-pattern-size, auto);opacity:var(--frame-pattern-opacity, 1);-webkit-mask:var(--frame-ring-mask);mask:var(--frame-ring-mask)}.avatar-frame:after{content:"";position:absolute;top:calc(-1 * var(--frame-accent-size, 34%) / 2);left:50%;width:var(--frame-accent-size, 34%);aspect-ratio:1;transform:translate(-50%);background-image:var(--frame-accent, none);background-repeat:no-repeat;background-position:center;background-size:contain}.avatar-frame{--frame-ring-mask: radial-gradient( circle, transparent 0, transparent calc(50% - var(--frame-width, 3px) - var(--frame-gap, 2px)), #000 calc(50% - var(--frame-width, 3px) - var(--frame-gap, 2px)) )}.versus-overlay{position:fixed;inset:0;z-index:9400;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000a6}.versus-modal{width:min(420px,100%);zoom:var(--panel-scale, 1);max-height:calc(85vh / var(--panel-scale, 1));overflow-y:auto;box-sizing:border-box;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#14251f;color:#f2f6f4}.versus-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.versus-header h2{flex:1 1 auto;margin:0;font-size:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versus-close{flex:0 0 auto;min-width:44px;min-height:44px;border:none;background:transparent;color:#cfd8d4;font-size:1rem;cursor:pointer}.versus-status{margin:0;font-size:.9rem;line-height:1.5;color:#b9c6c1}.versus-error{color:#ff8a80}.versus-record{text-align:center;padding:14px 0 16px}.versus-tally{font-size:2.4rem;font-weight:700;line-height:1}.versus-wins{color:#66bb6a}.versus-losses{color:#ef5350}.versus-dash{color:#8a9a94;margin:0 8px}.versus-record-label{margin-top:6px;font-size:.82rem;color:#9fb0a9}.versus-note{margin:0 0 14px;font-size:.8rem;color:#9fb0a9;text-align:center}.versus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}@media(max-width:380px){.versus-grid{grid-template-columns:repeat(2,1fr)}}.versus-stat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:8px;background:#ffffff0d}.versus-stat-value{font-size:1.1rem;font-weight:600}.versus-stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:#93a29c;text-align:center}.versus-recent h3{margin:0 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#93a29c}.versus-recent ul{list-style:none;margin:0;padding:0}.versus-recent-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.86rem}.versus-recent-item:last-child{border-bottom:none}.versus-outcome{flex:0 0 22px;height:22px;line-height:22px;text-align:center;border-radius:4px;font-weight:700;font-size:.72rem;background:#ffffff1a}.versus-win .versus-outcome{background:#66bb6a40;color:#a5d6a7}.versus-loss .versus-outcome{background:#ef535040;color:#ef9a9a}.versus-together .versus-outcome{background:#64b5f640;color:#90caf9}.versus-score{flex:1 1 auto;color:#cfd8d4}.versus-mode{flex:0 0 auto;font-size:.7rem;text-transform:capitalize;color:#93a29c}.profile-card-backdrop{position:fixed;inset:0;z-index:7000;display:grid;place-items:center;padding:20px;background:#000000c7}.profile-card{position:relative;width:100%;max-width:420px;zoom:var(--panel-scale, 1);max-height:calc(88vh / var(--panel-scale, 1));overflow-y:auto;padding:22px;border-radius:16px;border:2px solid var(--gold, #ffc107);background:linear-gradient(145deg,#1a1a2e,#16213e);box-shadow:0 25px 80px #0000008c;color:#e8e8ea;isolation:isolate}.profile-card-close{position:absolute;top:10px;right:10px;width:44px;height:44px;padding:0;border:none;border-radius:10px;z-index:3;background:#00000057;color:#fff;border:1px solid rgba(255,255,255,.16);font-size:1.6rem;line-height:1}.profile-card-close:hover,.profile-card-close:focus-visible{color:#fff;background:#ffffff14}.profile-card-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-right:44px}.profile-card-avatar{--avatar-size: 64px;--avatar-color: rgba(255, 255, 255, .1);border:2px solid rgba(255,215,0,.4);color:var(--gold, #ffc107)}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-name{margin:0 0 2px;font-size:1.35rem;color:#fff;overflow-wrap:anywhere}.profile-card-tier{margin:0;font-size:.88rem;font-weight:600}.profile-card-elo{color:#a9a9b3;font-weight:400}.profile-card-percentile{color:#8b8b96;font-weight:400;font-size:.9em}.profile-card-unranked{color:#a9a9b3}.profile-card-loading,.profile-card-error{margin:0;padding:12px 0;color:#a9a9b3;font-size:.92rem}.profile-card-error{color:#ffb4ae}.profile-card-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}.profile-card-stats>div{padding:10px 12px;border-radius:10px;background:#ffffff0d}.profile-card-stats dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#8d8d97}.profile-card-stats dd{margin:2px 0 0;font-size:1.25rem;font-weight:700;color:#fff}.profile-card-ai{margin:0 0 16px;font-size:.85rem;color:#a9a9b3}.profile-card-unrated{font-style:italic}.profile-card-showcase h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8d8d97}.profile-card-showcase-count{font-size:.72rem;letter-spacing:.04em;text-transform:none;color:var(--gold, #ffc107)}.profile-card-showcase ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.showcase-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;background:#ffffff0d;border-left:4px solid rgba(255,255,255,.2)}.showcase-item.tier-bronze{border-left-color:#cd7f32}.showcase-item.tier-silver{border-left-color:#c0c0c8}.showcase-item.tier-gold{border-left-color:var(--gold, #ffc107)}.showcase-icon{font-size:1.5rem;line-height:1.1}.showcase-text{display:flex;flex-direction:column;gap:2px;min-width:0}.showcase-text strong{font-size:.94rem;color:#fff}.showcase-text small{font-size:.8rem;line-height:1.4;color:#a9a9b3}.profile-card-empty{margin:0;font-size:.88rem;color:#8d8d97}.profile-card-since{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#8d8d97}.turn-timer{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#000000d1;border-radius:12px;color:#fff;font-size:.875rem;position:absolute;bottom:10px;right:10px;z-index:100;box-shadow:0 4px 12px #0000004d;min-width:200px}.turn-timer.my-turn{background:#1565c0;border:2px solid rgba(255,255,255,.3)}.turn-timer.urgent{animation:pulse-urgent .5s ease-in-out infinite alternate}.turn-timer.grace{background:#d32f2fe6;animation:flash-grace .3s ease-in-out infinite alternate}.turn-timer.urgent{box-shadow:0 4px 16px #f4433673}@keyframes pulse-urgent{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes flash-grace{0%{opacity:1}to{opacity:.7}}.turn-timer .waiting-for{white-space:nowrap}.turn-timer .waiting-for strong{color:#ffeb3b}.turn-timer.my-turn .waiting-for strong{color:#fff}.turn-timer .timer-bar-container{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden;min-width:80px}.turn-timer .timer-bar{height:100%;width:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transform-origin:left;transition:transform .1s linear}.turn-timer.urgent .timer-bar{background:linear-gradient(90deg,#f44336,#ff9800)}.turn-timer.grace .timer-bar{transform:scaleX(0)!important}.turn-timer .timer-text{font-weight:700;font-size:1rem;min-width:40px;text-align:right}.turn-timer .strikeout-indicator{color:#ffc107;font-weight:700;font-size:.75rem;background:#ffc10733;padding:2px 6px;border-radius:4px;white-space:nowrap}.turn-timer.banked{min-width:260px}.turn-timer.banked .timer-bar-container.two-segment{display:flex;align-items:stretch;gap:0}.turn-timer.banked .timer-seg{height:100%;flex:0 0 auto;transform-origin:left;transition:transform .1s linear}.turn-timer.banked .timer-seg-free{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:0 4px 4px 0}.turn-timer.banked .timer-seg-bank{background:linear-gradient(90deg,#b71c1c,#ef6c00);border-radius:4px 0 0 4px}.turn-timer.banked.draining{border:2px solid rgba(255,152,0,.65)}.turn-timer.banked.spent{background:#d32f2fe6}.turn-timer.banked .timer-text{min-width:74px;white-space:nowrap}.turn-timer.banked .timer-phase{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.turn-timer.reduced-motion,.turn-timer.reduced-motion .timer-seg,.turn-timer.reduced-motion .timer-bar{animation:none!important;transition:none!important}.time-bank-chip{display:flex;align-items:center;gap:4px;margin-top:4px;padding:1px 5px;border-radius:8px;background:#0000008c;font-size:.62rem;font-weight:700;color:#e0e0e0;line-height:1.4;pointer-events:none}.time-bank-chip.compact{display:inline-flex;margin-top:0;margin-left:8px;vertical-align:middle}.time-bank-chip-track{display:block;width:34px;height:4px;border-radius:2px;background:#ffffff38;overflow:hidden}.time-bank-chip-fill{display:block;height:100%;border-radius:2px;background:#8bc34a;transition:width .25s linear}.time-bank-chip.draining .time-bank-chip-fill{background:linear-gradient(90deg,#b71c1c,#ef6c00)}.time-bank-chip.draining{color:#ffcc80}.time-bank-chip.empty{color:#ef9a9a}.time-bank-chip.reduced-motion .time-bank-chip-fill{transition:none!important}.stats-hud{position:absolute;top:calc(8px + var(--safe-top, 0px));left:8px;z-index:40;width:178px;box-sizing:border-box;padding:6px 8px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0000008c;color:#eef4f1;font-size:.72rem;pointer-events:none}.stats-hud.expanded{width:208px}.hud-toggle{pointer-events:auto;display:flex;align-items:center;gap:6px;width:100%;min-height:32px;padding:0;border:none;background:transparent;color:#9fb0a9;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.hud-title{flex:1 1 auto;text-align:left}.hud-chevron{font-size:.6rem}.hud-rows{display:flex;flex-direction:column;gap:7px}.hud-row-head{display:flex;align-items:center;gap:5px;margin-bottom:3px}.hud-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%}.hud-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-row-me .hud-name{font-weight:700}.hud-total{flex:0 0 auto;font-weight:700;font-variant-numeric:tabular-nums}.hud-bar{display:flex;height:5px;border-radius:3px;overflow:hidden;background:#ffffff14}.hud-bar-seg{flex-basis:0;min-width:2px}.hud-hand{background:#66bb6a}.hud-crib{background:#ffb74d}.hud-peg{background:#64b5f6}.hud-other{background:#b0bec5}.hud-detail{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:5px;font-size:.66rem;color:#c3cfca}.hud-detail-item{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.hud-detail-item strong{color:#fff;font-variant-numeric:tabular-nums}.hud-swatch{width:7px;height:7px;border-radius:2px}.hud-best{flex-basis:100%;color:#9fb0a9}@media(max-width:480px){.stats-hud,.stats-hud.expanded{font-size:.68rem}}.hud-legend{display:flex;flex-wrap:wrap;gap:2px 8px;padding:0 2px 4px;font-size:.6rem;letter-spacing:.3px;text-transform:uppercase;color:#9fb0a8}.hud-legend-item{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.hud-mini{display:none;align-items:flex-end;gap:2px;height:14px}.hud-mini-bar{width:3px;border-radius:1px}.hud-mini-bar:nth-child(1){height:8px}.hud-mini-bar:nth-child(2){height:13px}.hud-mini-bar:nth-child(3){height:10px}.hud-backdrop{display:none}.stats-hud:not(.expanded){width:auto;padding:0;border:none;background:transparent}.stats-hud:not(.expanded) .hud-rows,.stats-hud:not(.expanded) .hud-legend,.stats-hud:not(.expanded) .hud-title,.stats-hud:not(.expanded) .hud-chevron{display:none}.stats-hud:not(.expanded) .hud-mini{display:flex}.stats-hud:not(.expanded) .hud-toggle{justify-content:center;width:40px;height:40px;min-height:0;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.stats-hud.expanded{width:210px;background:#08140ff0;border-color:#fff3;box-shadow:0 10px 26px #0000008c;z-index:60}.hud-backdrop{display:block;position:fixed;inset:0;z-index:55;background:transparent}.hud-fps{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700;min-width:2.2em;text-align:right;color:#8fe3b0;font-variant-numeric:tabular-nums}.stats-hud.expanded.has-perf{width:250px;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain}.stats-hud [hidden]{display:none!important}.hud-perf{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);pointer-events:auto}.hud-perf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.hud-perf-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.hud-perf-clear{background:none;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#ffffffbf;font-size:.62rem;padding:2px 7px;cursor:pointer}.hud-perf-readout{display:flex;gap:12px;margin-bottom:6px}.hud-perf-stat{display:flex;flex-direction:column;line-height:1.15}.hud-perf-stat strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;font-variant-numeric:tabular-nums;color:#f1f8e9}.hud-perf-unit{font-size:.58rem;color:#ffffff73}.hud-perf-note{margin:0 0 7px;font-size:.6rem;line-height:1.35;color:#ffffff73}.hud-perf-flags{display:flex;flex-direction:column;gap:3px}.hud-perf-flag{display:flex;align-items:center;gap:7px;width:100%;min-height:30px;padding:4px 6px;background:#ffffff0a;border:1px solid transparent;border-radius:6px;color:#ffffffb8;font-size:.66rem;text-align:left;cursor:pointer}.hud-perf-flag.on{background:#8fe3b024;border-color:#8fe3b080;color:#dff7e7}.hud-perf-box{flex:0 0 auto;width:11px;height:11px;border:1px solid rgba(255,255,255,.4);border-radius:3px}.hud-perf-flag.on .hud-perf-box{background:#8fe3b0;border-color:#8fe3b0}.hud-perf-log{margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1)}.hud-perf-logbtns{display:flex;gap:4px}.hud-perf-entries{list-style:none;margin:0;padding:0;max-height:132px;overflow-y:auto;overscroll-behavior:contain}.hud-perf-entry{display:grid;grid-template-columns:3.4em minmax(0,1fr);gap:0 6px;padding:3px 0;border-top:1px solid rgba(255,255,255,.06);font-size:.6rem;line-height:1.3}.hud-perf-entry:first-child{border-top:none}.hud-perf-ms{grid-row:span 2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:700;color:#ffcf8f;align-self:center}.hud-perf-where{color:#ffffffb8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-perf-what{color:#ffffff73;overflow-wrap:anywhere}.hud-perf-anim{display:block;margin-top:1px;color:#8fe3b0bf;font-style:italic}.hud-perf-clear{transition:none}html.perf-noblur *,html.perf-noblur *:before,html.perf-noblur *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.perf-nofilter *,html.perf-nofilter *:before,html.perf-nofilter *:after{filter:none!important}html.perf-noshadow *,html.perf-noshadow *:before,html.perf-noshadow *:after{box-shadow:none!important;text-shadow:none!important}html.perf-noanim *,html.perf-noanim *:before,html.perf-noanim *:after{animation:none!important;transition:none!important;transition-duration:0s!important;animation-duration:0s!important}html.perf-nofelt body{background-image:none!important}html.perf-nolens .board-lens{display:none!important}.modal-box.lobby-container{width:95%;max-width:500px;max-height:calc(80vh / var(--panel-scale, 1));display:flex;flex-direction:column;padding:1.5rem;position:relative;overflow:hidden;background:#000000f2;border:2px solid var(--gold);color:#fff}.lobby-title{color:var(--gold)!important;text-align:center;margin-top:0;margin-bottom:1.5rem}.lobby-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;flex:1;overflow-y:auto}.lobby-row{padding:10px;background:#ffffff1a!important;border-radius:6px;display:flex;flex-direction:column;gap:5px}.lobby-row-header{display:flex;justify-content:space-between;align-items:center}.status-ready{color:#4caf50;font-weight:700;font-size:.9rem;min-width:85px;text-align:right}.status-waiting{color:#aaa;font-size:.9rem;min-width:85px;text-align:right}.lobby-footer{margin-top:auto;flex-shrink:0}.lobby-status-text{text-align:center;margin-bottom:10px;color:#aaa}.color-swatch-container{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center;padding-top:5px;border-top:1px solid rgba(255,255,255,.1)}.color-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid rgba(0,0,0,.2);transition:transform .2s,border-color .2s}@media(hover:hover){.color-swatch:hover{transform:scale(1.1)}}.color-swatch.selected{border:2px solid white;box-shadow:0 0 0 2px var(--gold);transform:scale(1.1)}.color-swatch.taken{opacity:.2;cursor:not-allowed;border-color:transparent;transform:scale(.8)}.lobby-row.ai-player{background:#6464ff26!important;border-left:3px solid #667eea}.lobby-row-actions{display:flex;align-items:center;gap:8px}.btn-remove-ai{width:20px;height:20px;padding:0;background:#f443364d;border:1px solid rgba(244,67,54,.6);border-radius:4px;color:#ff8a80;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-ai:hover{background:#f4433680;color:#fff}.btn-kick{width:20px;height:20px;padding:0;background:#f443364d;border:1px solid rgba(244,67,54,.6);border-radius:4px;color:#ff8a80;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-kick:hover{background:#f4433680;color:#fff}.connection-status{font-size:.7rem;margin-right:2px}.connection-status.connected{color:#4caf50}.connection-status.disconnected{color:#ff8a80}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lobby-header .lobby-title{margin:0}.lobby-ranked-badge{margin-right:auto;margin-left:10px;padding:4px 10px;border-radius:6px;background:#ffc10733;border:1px solid rgba(255,193,7,.5);color:#ffd54f;font-size:.8rem;font-weight:600;white-space:nowrap}.btn-settings{width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s;display:flex;justify-content:center;align-items:center;padding:0}@keyframes pop-lock{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.35) rotate(15deg)}to{transform:scale(1.15) rotate(0)}}.settings-icon{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.25rem;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;line-height:normal;transform-origin:center center;transform:scale(1) rotate(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;will-change:transform;padding-bottom:2px}.btn-settings:hover:not(.active){background:#667eea4d;border-color:#667eea99}.btn-settings:hover:not(.active) .settings-icon{animation:spin 2s linear infinite}.btn-settings.active{background:#667eea80;border-color:#667eeacc;color:#fff;box-shadow:0 0 10px #667eea66}.btn-settings.active .settings-icon{animation:pop-lock .4s cubic-bezier(.175,.885,.32,1.275) forwards}.lobby-settings{background:#32325066;border:1px solid rgba(102,126,234,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;max-height:calc(45vh / var(--panel-scale, 1));overflow-y:auto}.lobby-settings .setting-label,.lobby-settings .range-setting{color:#fff}.lobby-settings .setting-hint{color:var(--text-muted)}.lobby-settings .option-toggle{background:#ffffff14}.lobby-settings .option-toggle:hover{background:#ffffff24}.lobby-settings .option-toggle .option-label{color:#fff}.lobby-settings .coach-reveal-options,.lobby-settings .turn-timeout-options{border-top-color:#ffffff29}@media(min-width:769px){.lobby-settings .visibility-btn.selected,.lobby-settings .game-mode-btn.selected,.lobby-settings .toggle-btn.selected{background:linear-gradient(145deg,#ffc10757,#7d52107a);border-color:#ffc107}.lobby-settings .visibility-btn.selected .visibility-text,.lobby-settings .game-mode-btn.selected .mode-text,.lobby-settings .toggle-btn.selected{color:#fff8d7;text-shadow:0 1px 2px rgba(0,0,0,.75)}.lobby-settings .visibility-btn.selected .visibility-icon,.lobby-settings .game-mode-btn.selected .mode-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}}.setting-select{padding:8px 12px;background:#323250cc;border:1px solid rgba(102,126,234,.5);border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s;min-width:120px}.setting-select:hover{border-color:#667eeacc;background:#667eea4d}.setting-select:focus{border-color:#667eea;box-shadow:0 0 8px #667eea66}.setting-select:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-contrast),0 0 8px #667eea66}.setting-select option{background:#1a1a2e;color:#fff;padding:8px}.setting-range{width:100px;accent-color:#667eea}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.setting-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.setting-info{display:flex;flex-direction:column;gap:2px}.setting-label{font-weight:600;color:#fff}.setting-desc{font-size:.75rem;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#64646480;border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.reveal-selector{display:flex;align-items:center;gap:10px}.reveal-selector input[type=range]{width:100px;accent-color:#667eea}.reveal-count{font-weight:700;color:var(--gold);min-width:20px;text-align:center}.learning-mode-badge{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid rgba(102,126,234,.5);border-radius:6px;padding:8px 12px;text-align:center;font-size:.85rem;color:#a8b4ff;margin-bottom:10px}.lobby-actions-row{display:flex;gap:10px;margin-bottom:10px}.lobby-actions-row>button{flex:1}.btn-invite-friends{flex:1;padding:10px;background:linear-gradient(135deg,#3498db4d,#2980b94d);border:1px dashed rgba(52,152,219,.6);border-radius:6px;color:#87ceeb;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-invite-friends:hover{background:linear-gradient(135deg,#3498db80,#2980b980);color:#fff;border-style:solid}.btn-invite-friends.active{background:linear-gradient(135deg,#3498db80,#2980b980);border-style:solid;color:#fff}@media(max-width:600px){.modal-box.lobby-container{padding:1rem;max-height:95vh}.lobby-settings{padding:.75rem;margin-bottom:.5rem}.setting-row{padding:.35rem 0}.setting-label{font-size:.9rem}.setting-desc{font-size:.7rem}.toggle-switch{width:40px;height:22px}.toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.reveal-selector input[type=range]{width:80px}}.lobby-row.team-0{background:linear-gradient(135deg,#2196f340,#1e88e526)!important;border-left:4px solid #2196f3;box-shadow:inset 0 0 15px #2196f326}.lobby-row.team-1{background:linear-gradient(135deg,#ff980040,#f57c0026)!important;border-left:4px solid #ff9800;box-shadow:inset 0 0 15px #ff980026}.team-badge{display:inline-flex;align-items:center;gap:4px;margin-right:8px;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700}.team-badge.team-0{background:#2196f34d;color:#64b5f6;filter:drop-shadow(0 0 3px rgba(33,150,243,.5))}.team-badge.team-1{background:#ff98004d;color:#ffb74d;filter:drop-shadow(0 0 3px rgba(255,152,0,.5))}.learning-mode-badge.teams-badge{background:linear-gradient(135deg,#2196f34d,#ff98004d)!important;border-color:#2196f380!important}.btn-swap-team{width:24px;height:24px;padding:0;border-radius:4px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border:1px solid}.btn-swap-team.team-0{background:#2196f333;border-color:#2196f380;color:#64b5f6}.btn-swap-team.team-0:hover{background:#ff98004d;border-color:#ff9800;color:#ffb74d}.btn-swap-team.team-1{background:#ff980033;border-color:#ff980080;color:#ffb74d}.btn-swap-team.team-1:hover{background:#2196f34d;border-color:#2196f3;color:#64b5f6}.teams-warning{background:#f4433633;border:1px solid rgba(244,67,54,.5);border-radius:6px;padding:8px 12px;text-align:center;font-size:.85rem;color:#ef5350;margin-bottom:10px;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.btn-action.disabled-warning{background:#f443364d!important;border-color:#f4433680!important;cursor:not-allowed}.invite-friends-modal{background:linear-gradient(135deg,#fff8f0fa,#fff3e6fa);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 16px #00000026;max-height:300px;display:flex;flex-direction:column}.invite-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.invite-modal-header h3{margin:0;font-size:1rem;color:#5a4510}.invite-modal-header .close-btn{width:28px;height:28px;border-radius:50%;border:none;background:#8b69141a;color:#8b6914;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.invite-modal-header .close-btn:hover{background:#8b691433}.invite-error{padding:8px 12px;background:#ff475726;color:#a81f20;font-size:.85rem;border-radius:8px;margin-bottom:12px;text-align:center}.invite-friends-list{flex:1;overflow-y:auto;min-height:60px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#8b6914;text-align:center}.empty-state p{margin:0;font-weight:600}.empty-hint{font-size:.8rem;opacity:.7;margin-top:4px}.invite-friend-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:10px;margin-bottom:8px;box-shadow:0 2px 6px #0000000d}.invite-friend-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.invite-friend-info{flex:1;display:flex;flex-direction:column}.invite-friend-name{font-weight:600;color:#5a4510;font-size:.9rem}.invite-friend-status{font-size:.75rem;font-weight:500}.invite-friend-status.status-online{color:#177f3f}.invite-friend-status.status-in-lobby{color:#96610a}.invite-friend-status.status-in-game{color:#1c6ea4}.invite-friend-status.status-offline{color:#bdc3c7}.invite-send-btn{padding:6px 12px;background:linear-gradient(135deg,#1c6ea4,#17608f);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:transform .2s,opacity .2s}.invite-send-btn:hover:not(:disabled){transform:scale(1.05)}.invite-send-btn.invited{background:linear-gradient(135deg,#1a8c46,#177f3f);cursor:default}.invite-send-btn:disabled{opacity:.8}.offline-count{text-align:center;font-size:.8rem;color:#7d6448;padding-top:8px;border-top:1px solid rgba(139,105,20,.1);margin-top:8px}.invite-friends-list::-webkit-scrollbar{width:4px}.invite-friends-list::-webkit-scrollbar-track{background:transparent}.invite-friends-list::-webkit-scrollbar-thumb{background:#8b69144d;border-radius:2px}@media(max-width:600px){.invite-friends-modal{display:flex!important;flex-direction:column!important;position:absolute!important;inset:10px!important;width:auto!important;height:calc(100% - 20px)!important;max-height:none!important;margin:0!important;z-index:100!important;border-radius:12px!important;background:#fff8f0!important;border:1px solid rgba(139,105,20,.3)!important;box-shadow:0 4px 20px #00000040!important}.invite-modal-header{display:flex!important;align-items:flex-end!important;padding-bottom:5px!important}.invite-friends-modal .invite-modal-header h3{font-size:1.5rem!important;line-height:1!important;margin-bottom:0!important}.invite-friends-list{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;overflow-y:auto!important}.empty-state{flex:1!important;justify-content:center!important}.offline-count{margin-top:auto!important;padding-bottom:0!important}}.setting-group{margin-bottom:1rem}.setting-label{display:block;color:var(--wood-dark);font-weight:600;margin-bottom:.75rem;font-size:.95rem}.setting-hint{color:#666;font-size:.8rem;margin-top:.5rem;margin-bottom:0;font-style:italic}.player-count-selector{display:flex;gap:10px;justify-content:center}.player-count-btn{width:50px;height:50px;border-radius:10px;border:2px solid #949494;background:#fff;font-size:1.3rem;font-weight:700;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.player-count-btn:hover{border-color:var(--gold);background:#ffc1070d}.player-count-btn.selected{border-color:var(--gold);background:linear-gradient(145deg,#ffc107,#ff9800);color:var(--wood-dark);box-shadow:0 4px 12px #ff980066;transform:scale(1.05)}.player-count-btn:disabled,.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.player-count-btn:disabled:hover,.toggle-btn:disabled:hover{border-color:#949494;background:#fff}.visibility-selector{display:flex;gap:10px}.visibility-btn{flex:1;padding:1rem;border-radius:12px;border:2px solid #949494;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.visibility-btn:hover{border-color:var(--gold);background:#ffc1070d}.visibility-btn.selected{border-color:var(--gold);background:linear-gradient(145deg,#ffc1071a,#ff98001a);box-shadow:0 0 0 2px #ffc1074d}.visibility-icon{font-size:1.8rem}.visibility-text{font-weight:600;color:var(--wood-dark);font-size:.9rem}.game-mode-selector{display:flex;gap:8px;flex-wrap:wrap}.game-mode-btn{flex:1;min-width:90px;padding:.75rem .5rem;border-radius:10px;border:2px solid #949494;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.game-mode-btn:hover{border-color:var(--gold);background:#ffc1070d}.game-mode-btn.selected{border-color:var(--gold);background:linear-gradient(145deg,#ffc10726,#ff98001a);box-shadow:0 0 0 2px #ffc1074d}.game-mode-btn .mode-icon{font-size:1.5rem}.game-mode-btn .mode-text{font-weight:600;color:var(--wood-dark);font-size:.75rem}.toggle-selector{display:flex;gap:10px}.toggle-btn{flex:1;padding:.75rem 1rem;border-radius:10px;border:2px solid #949494;background:#fff;cursor:pointer;transition:all .2s;font-weight:600;font-size:.85rem;color:#666}.toggle-btn:hover{border-color:var(--gold);background:#ffc1070d}.toggle-btn.selected{border-color:var(--gold);background:linear-gradient(145deg,#ffc10726,#ff98001a);color:var(--wood-dark);box-shadow:0 0 0 2px #ffc1074d}.advanced-options{border-top:1px solid #eee;padding-top:1rem;margin-top:.5rem}.option-toggles{display:flex;flex-direction:column;gap:10px}.option-toggle{display:flex;align-items:center;gap:10px;padding:.75rem 1rem;background:#f9f9f9;border-radius:8px;cursor:pointer;transition:background .2s}.option-toggle:hover{background:#f0f0f0}.option-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.option-toggle .option-label{font-weight:500;color:var(--wood-dark);font-size:.9rem}.coach-reveal-options,.turn-timeout-options{border-top:1px solid #eee;padding-top:1rem}.range-setting{display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem;color:var(--wood-dark);font-size:.9rem;font-weight:500}.range-setting input[type=range]{width:100%;accent-color:var(--gold)}.game-options-select{width:100%;padding:.75rem;border:2px solid #949494;border-radius:8px;background:#fff;color:var(--wood-dark);font:inherit}.timeout-details{margin-top:.25rem}.banked-clock-summary{color:var(--wood-dark);font-size:.85rem}.banked-clock-lede{margin:.5rem 0 0;font-weight:600}.banked-clock-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.4rem 1rem;margin:.6rem 0 0}.banked-clock-figures div{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid #eee;padding-bottom:.2rem}.banked-clock-figures dt{margin:0}.banked-clock-figures dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.banked-clock-note{margin:.6rem 0 0;opacity:.85;line-height:1.4}.ranked-locked .game-mode-btn:disabled,.ranked-locked .option-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.ranked-locked .game-mode-btn:disabled:hover{border-color:#949494;background:#fff}.ranked-locked .option-toggle:has(input:disabled):hover{background:#f9f9f9}.visibility-locked .visibility-btn:disabled{opacity:.5;cursor:not-allowed}.visibility-locked .visibility-btn:disabled:hover{border-color:#949494;background:#fff}.difficulty-selector{display:flex;gap:10px}.chat-panel{display:flex;flex-direction:column;flex:1;min-height:0}.chat-message-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-empty-state{color:#888;font-size:.85rem;text-align:center;margin-top:1.5rem;font-style:italic}.chat-message{background:#ffffff0d;border-radius:6px;padding:6px 8px;font-size:.85rem;color:#ddd;word-break:break-word}.chat-message-own{background:#ffc10726;border:1px solid rgba(255,193,7,.35)}.chat-message-meta{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;color:#aaa;margin-bottom:2px}.chat-message-author{font-weight:700;color:var(--gold)}.chat-message-own .chat-message-author{color:#fff2c2}.chat-message-time{white-space:nowrap}.chat-message-content{white-space:pre-wrap}.chat-send-error{margin:0 10px 6px;padding:6px 8px;background:#f4433626;border:1px solid rgba(244,67,54,.5);border-radius:6px;color:#ff8a80;font-size:.75rem}.chat-disabled-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);color:#aaa;font-size:.8rem}.chat-signin-btn{background:var(--gold);color:var(--wood-dark);border:none;border-radius:6px;padding:4px 10px;font-weight:700;cursor:pointer;font-size:.8rem;white-space:nowrap}.chat-input-row{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.1);background:#0000004d}.chat-input{flex:1;min-width:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:6px 8px;color:#eee;font-size:.85rem}.chat-input:disabled{opacity:.5}.chat-char-count{font-size:.7rem;color:#888;white-space:nowrap}.chat-char-count.warn{color:#ffb74d}.chat-char-count.over{color:#ff5252;font-weight:700}.chat-send-btn{background:var(--gold);color:var(--wood-dark);border:none;border-radius:6px;padding:6px 12px;font-weight:700;cursor:pointer;font-size:.8rem}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-report-btn{margin-left:auto;background:none;border:none;padding:0 2px;color:#777;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.chat-message:hover .chat-report-btn,.chat-report-btn:focus-visible{opacity:1}.chat-report-btn:hover{color:#ff8a80;text-decoration:underline}.chat-report-done{margin-left:auto;font-size:.7rem;color:#888;font-style:italic}.chat-report-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.chat-report-dialog{background:#23272e;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:1rem 1.25rem;width:100%;max-width:380px;box-sizing:border-box;max-height:90vh;overflow-y:auto;color:#ddd;box-shadow:0 8px 32px #00000080}.chat-report-title{margin:0 0 .75rem;font-size:1rem;color:#fff}.chat-report-quote{margin:0 0 .9rem;padding:.5rem .6rem;background:#ffffff0d;border-left:3px solid rgba(255,193,7,.6);border-radius:4px;font-size:.82rem;display:flex;flex-direction:column;gap:2px}.chat-report-quote-author{font-weight:600;color:#ffc107}.chat-report-quote-content{white-space:pre-wrap;word-break:break-word}.chat-report-quote{overflow-wrap:anywhere}.chat-report-reasons{border:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:4px}.chat-report-reasons legend{padding:0;margin-bottom:.4rem;font-size:.82rem;color:#aaa}.chat-report-reason{display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer}.chat-report-detail-label{display:block;font-size:.82rem;color:#aaa;margin-bottom:.75rem}.chat-report-detail{width:100%;margin-top:4px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ddd;padding:6px 8px;font-family:inherit;font-size:.85rem;resize:vertical;box-sizing:border-box}.chat-report-error{margin-bottom:.6rem;padding:6px 8px;background:#f4433626;border:1px solid rgba(244,67,54,.5);border-radius:6px;color:#ff8a80;font-size:.8rem}.chat-report-note{font-size:.85rem;color:#bbb;margin:0 0 1rem}.chat-report-actions{display:flex;justify-content:flex-end;gap:8px}.chat-report-cancel,.chat-report-submit{padding:6px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;border:1px solid transparent}.chat-report-cancel{background:none;border-color:#fff3;color:#bbb}.chat-report-submit{background:#d32f2f;color:#fff}.chat-report-submit:disabled{opacity:.6;cursor:default}.chat-block-btn{background:none;border:none;padding:0 2px;color:#777;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.chat-message:hover .chat-block-btn,.chat-block-btn:focus-visible{opacity:1}.chat-block-btn:hover{color:#ff8a80;text-decoration:underline}.chat-report-done+.chat-block-btn,.chat-message-time+.chat-block-btn{margin-left:auto}@media(pointer:coarse){.chat-report-btn,.chat-block-btn{opacity:1;min-height:32px;padding:0 8px}}.chat-block-overlay{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.chat-block-dialog{width:min(400px,100%);box-sizing:border-box;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#14251f;color:#f2f6f4}.chat-block-dialog h3{margin:0 0 10px;font-size:1.05rem}.chat-block-dialog p{margin:0 0 10px;font-size:.88rem;line-height:1.45;color:#d7dedb}.chat-block-note{color:#9fb0a9!important;font-size:.82rem!important}.chat-block-error{color:#ff8a80!important}.chat-block-actions{display:flex;gap:10px;margin-top:16px}.chat-block-confirm,.chat-block-cancel{min-height:44px;padding:0 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.chat-block-confirm{border:1px solid #c62828;background:#b71c1c;color:#fff}.chat-block-confirm:hover{background:#c62828}.chat-block-cancel{border:1px solid rgba(255,255,255,.25);background:transparent;color:#e0e0e0}#game-log-panel{position:fixed;top:50px;right:0;bottom:0;width:280px;max-width:85vw;background:linear-gradient(180deg,rgba(50,33,18,.2),transparent 120px),#080c0af7;border-left:1px solid rgba(214,169,73,.32);z-index:1000;display:flex;flex-direction:column;animation:slideLeft .3s ease}@media(min-width:769px){#game-log-panel{right:var(--ad-rail-right, 300px);box-shadow:-12px 0 28px #00000059}}.log-backdrop{display:none}@media(max-width:768px){.log-backdrop{display:block;position:fixed;inset:0;z-index:999;background:#0006;animation:logBackdropIn calc(var(--anim-scale, 1) * .3s) ease}}@keyframes logBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.log-header{padding:.5rem .5rem .5rem .8rem;background:#ffffff0d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.log-tabs{display:flex;gap:4px}.log-tab{background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 10px;color:#aaa;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative}.log-tab:hover{color:#eee;background:#ffffff0d}.log-tab.active{color:var(--gold);background:#ffc1071f;border-color:#ffc10759;font-weight:700}.chat-unread-badge{background:#f44336;color:#fff;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.game-log-tabpanel{display:flex;flex-direction:column;flex:1;min-height:0}.log-stats{padding:10px;background:#0000004d;font-size:.8rem;color:#aaa;border-bottom:1px solid rgba(255,255,255,.1)}.log-stat-row{display:flex;justify-content:space-between}#log-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 18px;font-size:.83rem;color:#d7d4ca;font-family:inherit}.log-entry{display:grid;grid-template-columns:5px 1fr;gap:8px;margin-bottom:4px;line-height:1.38;border-bottom:1px solid rgba(255,255,255,.045);padding:6px 5px 7px;border-radius:5px}.log-round{margin:7px 0;border:1px solid rgba(214,169,73,.18);border-radius:8px;overflow:clip;background:#ffffff06}.log-round>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;color:#ead9aa;font-size:.72rem;font-weight:800;letter-spacing:.045em;cursor:pointer;list-style:none;background:#5b35163d}.log-round>summary::-webkit-details-marker{display:none}.log-round>summary:before{content:"›";color:var(--gold);font-size:1rem;transform:rotate(0);transition:transform .16s ease}.log-round[open]>summary:before{transform:rotate(90deg)}.log-round>summary>:first-child{flex:1}.log-round-meta{color:#ffffff7a;font-size:.62rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.log-round.current>summary{background:#236b4630;border-bottom-color:#4eaa743d}.log-round-entries{padding:3px 5px 5px}.log-round-entries .log-entry:last-child{margin-bottom:0}.log-entry-mark{width:3px;min-height:18px;border-radius:99px;background:#ffffff29}.log-entry-score{background:#236b461c}.log-entry-score .log-entry-mark{background:#4eaa74}.log-entry-deal .log-entry-mark,.log-entry-presence .log-entry-mark{background:#6a94b8}.log-entry-warning{color:#ffd2a8;background:#ad4c261f}.log-entry-fairness{grid-template-columns:34px 1fr;align-items:center;margin:9px 1px;padding:9px 10px 9px 7px;color:#dff8df;border:1px solid rgba(93,207,118,.48);background:linear-gradient(135deg,#236b4657,#0c271b8f),#07140ec2;box-shadow:inset 0 0 18px #50be6c14,0 2px 8px #00000047}.log-entry-duplicate{grid-template-columns:34px 1fr;align-items:center;margin:9px 1px;padding:9px 10px 9px 7px;color:#f7e6bd;border:1px solid rgba(255,193,7,.45);background:linear-gradient(135deg,#7a581257,#2e20088f),#181004c2;box-shadow:inset 0 0 18px #ffc10712,0 2px 8px #00000047}.log-entry-duplicate strong{color:var(--gold, #ffc107);font-family:Georgia,Times New Roman,serif;letter-spacing:.025em}.log-entry-duplicate .log-duplicate-mark{width:30px;height:30px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65)) drop-shadow(0 0 5px rgba(255,193,7,.4))}.log-entry-fairness strong{color:#8ee59f;font-family:Georgia,Times New Roman,serif;letter-spacing:.025em}.log-entry-fairness .log-fairness-shield{width:32px;height:32px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65)) drop-shadow(0 0 5px rgba(76,222,108,.48))}.log-entry-warning .log-entry-mark{background:#d9824d}.log-entry-victory{color:var(--gold);font-weight:700;background:#d6a9491a}.log-entry-victory .log-entry-mark{background:var(--gold)}.log-milestone{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:13px 0 8px;text-align:center}.log-milestone:before,.log-milestone:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(214,169,73,.55))}.log-milestone:after{transform:scaleX(-1)}#leaderboard-panel{position:absolute;top:55px;right:10px;width:280px;max-width:90vw;background:#000000f2;border:1px solid var(--gold);border-radius:8px;padding:1rem;z-index:1500;box-shadow:0 5px 15px #00000080}#leaderboard-panel h3{margin-top:0;color:var(--gold);font-size:1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.leaderboard-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.leaderboard-row span:last-child{font-weight:700;color:var(--gold)}.danger-strip{margin:.9rem 0 .2rem;padding:.7rem .8rem .6rem;max-width:100%;box-sizing:border-box;overflow-x:hidden;border-radius:10px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.danger-strip-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.danger-strip-title{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold, #ffc107)}.danger-strip-now{font-size:.75rem;color:#f1f8e999;font-variant-numeric:tabular-nums}.danger-choices{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:.8rem}.danger-choices td{overflow-wrap:anywhere}.danger-choices th{text-align:left;font-weight:600;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#f1f8e973;padding:0 .4rem .25rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.danger-choices td{padding:.3rem .4rem .3rem 0;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.danger-choices tr:last-child td{border-bottom:none}.danger-col-play{width:3.4rem}.danger-col-leaves{width:3.2rem}.danger-choice-count{font-variant-numeric:tabular-nums;font-weight:700}.danger-choices tr.hot .danger-choice-count{color:#e0a06a}.danger-choices tr.cold .danger-choice-count{color:#8ee59f}.danger-card{display:inline-block;padding:.06rem .32rem;margin-right:.2rem;border-radius:4px;background:#ffffffeb;color:#1a1a1a;font-weight:700;font-size:.78rem}.danger-card.red{color:#c62828}.danger-why-bit{display:inline-block;margin-right:.45rem;color:#e0a06a}.danger-why-safe{color:#8ee59fd9}.danger-reply{display:block;margin-top:.15rem;font-size:.72rem;color:#f1f8e98c}.danger-strip-legend{margin:.45rem 0 0;font-size:.72rem;line-height:1.5;color:#f1f8e980}.danger-window{display:flex;align-items:flex-end;gap:3px}.danger-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:.15rem}.danger-cell{height:84px;display:flex;align-items:flex-end;border-radius:2px;background:#ffffff0d}.danger-cell-fill{display:block;width:100%;border-radius:2px;background:#ffffff29}.danger-cell.hot .danger-cell-fill{background:linear-gradient(180deg,#e0a06a,#c1553a)}.danger-cell.reachable{box-shadow:inset 0 -3px #ffd700cc}.danger-col-label{font-size:.6rem;line-height:1;text-align:center;color:#f1f8e973;font-variant-numeric:tabular-nums}.danger-choice-why{position:relative}.danger-meter{position:absolute;inset:-.15rem -.2rem;border-radius:4px;overflow:hidden;pointer-events:none}.danger-meter-fill{display:block;height:100%;border-radius:4px;background:#8ee59f1f}.danger-meter-fill.hot{background:linear-gradient(90deg,#c1553a61,#e0a06a24)}.danger-why-bit,.danger-why-safe,.danger-reply{position:relative}@media(max-width:600px){.danger-strip{padding:.6rem .5rem .5rem}.danger-cell{height:72px}.danger-choices{font-size:.72rem}.danger-choices th{font-size:.6rem;letter-spacing:.04em}.danger-choices td{padding:.28rem .2rem .28rem 0}.danger-choices th{padding:0 .2rem .25rem 0}.danger-col-play{width:2.9rem}.danger-col-leaves{width:2.4rem}.danger-card{font-size:.72rem;padding:.05rem .25rem}.danger-col-label{font-size:.55rem}.danger-window{gap:2px}.danger-strip-legend{font-size:.68rem}.danger-reply{font-size:.66rem}}.decompose-panel{margin-top:.6rem;padding:.9rem 1rem 1rem;border:1px solid rgba(255,193,7,.35);border-radius:12px;background:#00000047;font-size:.88rem;line-height:1.5;color:var(--text-light, #f1f8e9)}.decompose-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.decompose-title{margin:0;font-size:.92rem;color:gold;letter-spacing:.04em;font-variant-numeric:tabular-nums}.decompose-close{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1rem;line-height:1;cursor:pointer;transition:background .2s}.decompose-close:hover{background:#fff3}.decompose-regime{margin:0 0 .7rem;padding:.45rem .7rem;border-left:3px solid #ffd700;background:#ffd70014;border-radius:0 6px 6px 0;font-size:.85rem}.decompose-regime strong{color:gold}.decompose-seen{margin-bottom:.8rem}.decompose-seen-groups{display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:baseline}.decompose-seen-group{white-space:nowrap}.decompose-seen-label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#ffd70099;margin-right:.25rem}.decompose-seen-caption{margin:.25rem 0 0;font-size:.76rem;opacity:.55;font-variant-numeric:tabular-nums}.decompose-chip{display:inline-block;padding:.05rem .3rem;margin:0 .12rem;border-radius:4px;background:#ffffffeb;color:#1a1a1a;font-weight:700;font-size:.82rem;font-style:normal}.decompose-chip.red{color:#c62828}.decompose-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:.4rem}.decompose-table{width:100%;min-width:30rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.col-short{display:none}.decompose-table th{text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffd700a6;padding:.3rem .55rem .3rem .2rem;border-bottom:1px solid rgba(255,193,7,.35);white-space:nowrap;cursor:help}.decompose-table td{padding:.4rem .55rem .4rem .2rem;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.decompose-table tr:last-child td{border-bottom:none}.decompose-table tr.chosen td{background:#ffd70014}.decompose-you-mark{display:inline-block;margin-left:.3rem;padding:0 .35rem;border-radius:999px;border:1px solid rgba(255,215,0,.55);color:gold;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.decompose-best-mark{margin-left:.25rem;color:#6ddf88;font-weight:700}.decompose-reply-cell{min-width:8rem}.decompose-reply-num{display:inline-block;min-width:2.6rem}.decompose-bar-track{display:inline-block;vertical-align:middle;width:4.5rem;height:.45rem;border-radius:999px;background:#ffffff14;overflow:hidden}.decompose-bar{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffc1078c,#ffd700d9)}.decompose-threats{margin:.8rem 0 .4rem}.decompose-subtitle{margin:0 0 .35rem;font-size:.84rem;font-weight:600;color:gold;letter-spacing:.03em}.decompose-threat-list{list-style:none;padding:0;margin:0}.decompose-threat-list li{display:grid;grid-template-columns:4.5rem 1fr 4.5rem auto;gap:.6rem;align-items:center;padding:.28rem .2rem;font-size:.84rem;border-bottom:1px solid rgba(255,255,255,.05);font-variant-numeric:tabular-nums}.decompose-threat-list li:last-child{border-bottom:none}.decompose-threat-kind{color:#ffd700cc;font-weight:600}.decompose-threat-facts{opacity:.75}.decompose-threat-expected{font-weight:700;white-space:nowrap}.decompose-coaching{margin:.8rem 0 0;padding:.9rem 1rem;border-left:3px solid rgba(255,193,7,.5);background:#ffc1070d;border-radius:0 8px 8px 0;font-size:.88rem;line-height:1.55}.decompose-coach-block{margin:0 0 .55rem}.decompose-coach-block:last-child{margin-bottom:0}.decompose-coach-block.coach-headline{font-weight:600}.decompose-coach-block.coach-board{color:gold}.decompose-coach-cue{margin:.7rem 0 0;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08);font-size:.84rem;font-style:italic;opacity:.85}.decompose-evidence{margin-top:.7rem;font-size:.78rem}.decompose-evidence summary{cursor:pointer;opacity:.7}.decompose-evidence ul{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:.2rem}.decompose-evidence li{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.15rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.decompose-evidence li:last-child{border-bottom:none}.decompose-evidence .evidence-what{opacity:.8;min-width:0}.decompose-evidence .evidence-group+.evidence-group{margin-top:.55rem}.decompose-evidence .evidence-heading{display:flex;align-items:center;gap:.35rem;margin:0 0 .15rem}.decompose-evidence .evidence-card{padding:0 .3rem;border-radius:4px;background:#ffffff14;font-weight:700}.decompose-evidence .evidence-group ul{padding-left:.6rem}.decompose-evidence .evidence-value{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:600}.decompose-cost-block{margin:.8rem 0 0;padding:.5rem .7rem;border-left:3px solid rgba(255,193,7,.35);background:#ffffff0a;border-radius:0 6px 6px 0}.decompose-cost{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .45rem;margin:0}.decompose-cost-label{font-size:.78rem;opacity:.7}.decompose-cost-value{font-size:1.05rem;font-weight:700;color:gold;font-variant-numeric:tabular-nums;white-space:nowrap}.decompose-cost-unit{font-size:.78rem;font-weight:400;opacity:.65}.decompose-verdict-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.7rem}.decompose-verdict{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.76rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25);color:#f1f8e9d9}.decompose-verdict.tier-decisive{border-color:#e07a5fb3;color:#e0a06a;background:#e07a5f1f}.decompose-verdict.tier-clear{border-color:#e0a06a8c;color:#e0a06a}.decompose-verdict.tier-marginal{border-color:#ffd70073;color:#ffd700d9}.decompose-verdict.tier-noise{border-color:#ffffff40;color:#f1f8e9b3;text-transform:none;letter-spacing:.02em}.decompose-btn{display:inline-block;margin-top:.35rem;background:none;border:1px solid rgba(255,193,7,.35);color:#e8c86a;border-radius:999px;padding:.18rem .75rem;font:inherit;font-size:.78rem;cursor:pointer}.decompose-btn:hover:not(:disabled){border-color:gold;color:gold}.decompose-btn:disabled{opacity:.5;cursor:default}.decompose-error{display:block;font-style:normal;margin-top:.3rem;font-size:.8rem;color:#e0a06a}.duplicate-coach-list li .decompose-inline{grid-column:1 / -1}.decompose-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media(max-width:600px){.decompose-panel{padding:.75rem .6rem .85rem}.decompose-threat-list li{grid-template-columns:4rem 1fr auto}.decompose-threat-list li .decompose-bar-track,.col-long{display:none}.col-short{display:inline}.decompose-table-wrap{overflow-x:visible}.decompose-table{min-width:0;font-size:.78rem}.decompose-table th{font-size:.62rem;letter-spacing:0;padding:.3rem .2rem .3rem .1rem}.decompose-table td{padding:.35rem .2rem .35rem .1rem}.decompose-reply-cell,.decompose-reply-num{min-width:0}.decompose-bar-track{display:none}.decompose-you-mark{margin-left:.15rem;padding:0 .2rem;font-size:.6rem}.decompose-seen-group{white-space:normal}.decompose-cost-block{padding:.45rem .5rem}.decompose-cost{gap:.15rem .4rem}.decompose-cost-value{font-size:1rem}.decompose-verdict{font-size:.7rem;padding:.15rem .45rem}}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.analysis-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;max-width:900px;width:95%;max-height:calc(85vh / var(--panel-scale, 1));display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.analysis-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:20000;background:inherit;border-radius:16px 16px 0 0}.header-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.analysis-header h2{margin:0;font-size:1.5rem;color:#fff;display:flex;align-items:center;gap:.5rem}.close-btn{background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;line-height:1;transition:color .2s;margin-left:1rem;margin-left:8px;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700}.player-selector-container{display:flex;align-items:center;flex-wrap:wrap;gap:12px;row-gap:8px;padding:.75rem 1.5rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:2100}.player-selector-container label{color:var(--text-muted);font-size:.9rem;font-weight:500}.custom-dropdown{position:relative;flex:0 1 auto;min-width:200px}.dropdown-trigger{display:flex;align-items:center;gap:10px;font:inherit;color:inherit;min-height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:6px 16px 6px 6px;cursor:pointer;transition:all .2s ease}.dropdown-trigger:hover{background:#ffffff1a;border-color:#fff3}.player-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.player-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.player-name{flex:1;color:#fff;font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:.7rem;color:var(--text-muted);margin-left:4px}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1e1e2d;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 20px #00000080;overflow:hidden;z-index:20000;max-height:300px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;appearance:none;padding:8px 12px;cursor:pointer;transition:background .2s}.dropdown-item:focus-visible{outline-offset:-4px;box-shadow:inset 0 0 0 2px var(--focus-ring-contrast)}.dropdown-item:hover{background:#ffffff0d}.dropdown-item.selected{background:#667eea1a;border-left:3px solid #667eea}.grade-badge-inline{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700}.grade-a-plus,.grade-a{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.grade-b{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.grade-c{background:linear-gradient(135deg,#ffc107,#f9a825);color:#000}.grade-d{background:linear-gradient(135deg,#ff9800,#e65100);color:#fff}.grade-f{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.summary-item{display:flex;align-items:center;gap:.5rem}.toolbar-left{display:flex;align-items:center;gap:12px;min-width:0}.starter-item{position:relative;display:flex;align-items:center;padding:.5rem;border:1px solid rgba(255,255,255,.15);background:#ffffff08;border-radius:8px;overflow:visible}.starter-item:after{content:"★ STARTER";position:absolute;top:-9px;left:100%;right:auto;margin-left:-6px;background:var(--accent-blue);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;box-shadow:0 2px 5px #00000080;border:1px solid rgba(255,255,255,.5);white-space:nowrap;z-index:100}.summary-item .label{color:var(--text-muted);font-size:.9rem}.summary-item .value{color:#fff;font-weight:600}.strategy-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;text-transform:uppercase;background:linear-gradient(135deg,#667eea,#764ba2)}.analysis-table-wrapper{overflow-y:auto;flex:1;padding:0 .5rem .5rem}.analysis-table{width:100%;border-collapse:collapse;font-size:.9rem}.analysis-table th{position:sticky;top:0;background:#1a1a2e;padding:.75rem .5rem;text-align:left;color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1500}.analysis-table tr:hover{background:#ffffff08}.analysis-table tr.best-option{background:#4caf5026}.analysis-table tr.best-option:hover{background:#4caf5033}.analysis-table tr.actual-choice{background:#2196f326;box-shadow:inset 3px 0 #2196f3}.analysis-table tr.actual-choice.best-option{background:linear-gradient(90deg,#4caf5033,#2196f326)}.analysis-table th,.analysis-table td{padding:.75rem .5rem;vertical-align:middle}.analysis-table tbody td{padding-top:1rem;padding-bottom:1rem}.analysis-table th{text-align:right}.analysis-table th:first-child,.analysis-table td:first-child{text-align:left;width:50px;padding-left:1rem}.analysis-table th:nth-child(2),.analysis-table td:nth-child(2){text-align:center;width:132px}.analysis-table th:nth-child(3),.analysis-table td:nth-child(3){text-align:center;width:248px}.analysis-table th:nth-child(4),.analysis-table td:nth-child(4),.analysis-table th:nth-child(5),.analysis-table td:nth-child(5),.analysis-table th:nth-child(6),.analysis-table td:nth-child(6),.analysis-table th:nth-child(7),.analysis-table td:nth-child(7),.analysis-table th:nth-child(8),.analysis-table td:nth-child(8){width:60px;text-align:center;padding-right:.25rem}.actual-cell{color:#88c0ff;font-weight:500}.cards-cell{padding:0!important;text-align:center;vertical-align:middle}.card-group{display:flex;gap:5px;justify-content:center;align-items:center;padding:10px 6px 20px;margin:4px auto;border-radius:8px;position:relative;width:fit-content;box-shadow:inset 0 0 10px #0003}.best-badge{color:#ffc107;margin-right:.25rem}.you-badge{display:inline-block;background:#2196f3;color:#fff;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;margin-left:.5rem;vertical-align:middle}.them-badge{display:inline-block;color:#fff;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;margin-left:.5rem;vertical-align:middle}.score-cell.positive{color:#4caf50}.score-cell.negative{color:#ff8a80}.analysis-modal .card.micro{width:52px;height:72px;font-size:.8rem;border-radius:5px;box-shadow:1px 1px 3px #0000004d;flex-shrink:0;z-index:1!important}.analysis-table td.discard-cards .card-group{background:#ff505014;border:1px solid rgba(255,100,100,.3)}.analysis-table td.discard-cards .card-group:after{content:"DISCARD";position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.6rem;font-weight:600;letter-spacing:.5px;color:#ffb4b4e6;pointer-events:none}.analysis-table td.keep-cards .card-group{background:#50ff5014;border:1px solid rgba(100,255,100,.3)}.analysis-table td.keep-cards .card-group:after{content:"KEEP";position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.6rem;font-weight:600;letter-spacing:.5px;color:#b4ffb4e6;pointer-events:none}.rank-cell{font-weight:700;font-size:1.1rem;color:#fff}.score-cell{text-align:right;font-family:Roboto Mono,monospace;font-size:1rem;width:80px}.total-cell{font-size:1.1rem;font-weight:700;color:var(--gold)}.analysis-legend{padding:1rem 1.5rem;background:#0003;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.8rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.best{background:#4caf5080}.legend-color.actual{background:#2196f380;box-shadow:inset 2px 0 #2196f3}.legend-info{flex:1;text-align:right;color:var(--text-muted)}.legend-info strong{color:var(--text-muted)}.analysis-modal .btn-action{margin:1rem 1.5rem 1.5rem}.discard-coaching{max-width:66ch;margin:.75rem auto .25rem;padding:0 1rem}.discard-coaching-lead{margin:0 0 .35rem;font-size:.95rem;font-weight:600;line-height:1.45;color:var(--text-primary, inherit)}.analysis-loading{padding:3rem;text-align:center;color:var(--text-muted);font-size:1.1rem}.analysis-loading-note{display:block;max-width:46ch;margin:.6rem auto 0;font-size:.85rem;line-height:1.4;opacity:.75}.mobile-tooltip-overlay{position:fixed;inset:0;z-index:6000;background:#00000080}.mobile-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e28fa;color:#fff;padding:16px 20px;border-radius:12px;font-size:.95rem;pointer-events:none;box-shadow:0 10px 25px #00000080;border:1px solid rgba(255,255,255,.1);z-index:6001;width:80%;max-width:300px;white-space:normal;text-align:center;line-height:1.5}.mobile-tooltip:after{display:none}@media(min-width:769px){.player-selector-container{display:grid;grid-template-columns:1fr auto 1fr}.toolbar-left{grid-column:1;justify-self:start}.starter-item{grid-column:2;justify-self:center}.strategy-item{grid-column:3;justify-self:end}}@media(max-width:768px){.toolbar-left label{display:none}.player-selector-container{display:grid;grid-template-columns:1fr 1fr;align-items:center}.toolbar-left{grid-column:1;grid-row:1;justify-self:start;max-width:100%;min-width:0}.custom-dropdown{min-width:0}.dropdown-trigger{max-width:100%;min-width:0;overflow:hidden}.dropdown-trigger .player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.starter-item{grid-column:2;grid-row:1;justify-self:center;margin-top:10px}.strategy-item{grid-column:1 / -1;grid-row:2;justify-self:start}}@media(max-width:355px){.dropdown-trigger{width:100%}.starter-item{justify-self:end;margin-right:72px}}@media(max-width:768px){.modal-overlay{padding:0}.analysis-modal{width:100%;max-width:100%;max-height:calc(100vh - 40px);margin:20px 0;border-radius:12px}.analysis-header{padding:.75rem 1rem;flex-direction:row;align-items:center}.analysis-header h2{font-size:1.2rem}.analysis-table{font-size:.8rem}.analysis-table thead{display:none}.analysis-table tr{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.1);padding:6px 0;align-items:center}.analysis-table td:first-child{width:35px;padding-left:.5rem;order:1;font-size:.9rem;margin-right:4px}.analysis-table td.keep-cards{order:2;flex-grow:1;width:auto;justify-content:center}.analysis-table td.discard-cards{order:3;width:auto}.analysis-table td:nth-child(4){order:4;width:auto;padding:0 1rem 0 .5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:transparent}.analysis-table td:nth-child(4):before{content:"HAND";color:var(--text-muted);font-size:.6rem;margin-bottom:2px}.analysis-table td:nth-child(n+5){order:5;width:23%;margin:4px 1% 0;padding:4px 0;font-size:.8rem;text-align:center!important;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000026;border-radius:4px;border-top:1px solid rgba(255,255,255,.05)}.analysis-table td:nth-child(5){margin-left:1%;width:23%}.actual-cell:before{content:"ACTUAL";color:#88c0ff;font-size:.6rem;margin-bottom:2px;font-weight:600}.crib-cell:before{content:"CRIB";color:var(--text-muted);font-size:.6rem;margin-bottom:2px}.peg-cell:before{content:"PEG";color:var(--text-muted);font-size:.6rem;margin-bottom:2px}.total-cell:before{content:"TOTAL";color:var(--gold);font-size:.6rem;margin-bottom:2px;font-weight:700}.win-cell:before{content:"WIN";color:var(--gold);font-size:.6rem;margin-bottom:2px;font-weight:700}.analysis-modal .card.micro{width:var(--mini-card-w)!important;height:var(--mini-card-h)!important;padding:0!important}.analysis-modal .card.micro .card-bottom,.analysis-modal .card.micro .card-suit.center{display:none!important}.analysis-modal .card.micro .card-top{width:100%;height:100%;align-items:center;justify-content:center;line-height:normal}.analysis-modal .card.micro .card-rank{font-size:calc(var(--mini-card-glyph) * var(--card-rank-scale, 1))!important;width:100%;text-align:center;line-height:.78;letter-spacing:-.05em;text-indent:-.05em;font-weight:700}.analysis-modal .card.micro .card-suit{font-size:calc(var(--mini-card-glyph) * var(--card-suit-scale, 1))!important;width:100%;text-align:center;line-height:.78;margin-top:0}.legend-info{display:none}}#info-panel{background:#000000f2;padding:0;border-radius:12px;text-align:center;border:2px solid var(--gold);max-width:min(800px,calc((100vw - var(--ad-rails-total, 0px) - 24px) / var(--panel-scale, 1)));width:95%;max-height:85vh;z-index:2000;color:#eee;position:fixed;top:calc(50% + (var(--ad-banner-h, 0px) / 2));left:calc(50% + ((var(--ad-rail-left, 0px) - var(--ad-rail-right, 0px)) / 2 / var(--panel-scale, 1)));transform:translate(-50%,-50%);box-shadow:0 0 50px #000c;display:flex;flex-direction:column;overflow:hidden}#info-panel{max-height:calc((85vh - var(--ad-banner-h, 0px)) / var(--panel-scale, 1))}#info-title{color:var(--gold);margin:0;padding:1rem;text-transform:uppercase;letter-spacing:1px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}#info-content{overflow-y:auto;flex:1;width:100%;padding:0;overflow-x:hidden;overscroll-behavior:contain}.sticky-summary-header{position:sticky;top:0;z-index:100;background:#1a1a1a;padding:1rem;border-bottom:2px solid var(--gold);box-shadow:0 4px 10px #00000080}.summary-own-hand{overflow:hidden;max-height:600px;opacity:1;transition:max-height calc(var(--anim-scale, 1) * .34s) ease,opacity calc(var(--anim-scale, 1) * .2s) ease,margin calc(var(--anim-scale, 1) * .34s) ease}.summary-own-hand.collapsed{max-height:0;opacity:0;margin-top:-.5rem;margin-bottom:-.5rem}.summary-hand-toggle{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:101;display:flex;align-items:center;gap:5px;padding:4px 14px;border-radius:999px;background:#1a1a1a;border:2px solid var(--gold);color:var(--gold);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #0009;transition:background calc(var(--anim-scale, 1) * .16s) ease,color calc(var(--anim-scale, 1) * .16s) ease}.summary-hand-toggle:hover,.summary-hand-toggle:focus-visible{background:var(--gold);color:#1a1a1a}.hand-toggle-arrow{display:inline-block;font-size:.62rem;line-height:1;transition:transform calc(var(--anim-scale, 1) * .34s) ease}.summary-hand-toggle[aria-expanded=false] .hand-toggle-arrow{transform:rotate(180deg)}.summary-row{background:#ffffff1a;margin:1rem;padding:.8rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-row.dealer-combined{background:#ffffff1a;margin:1rem;padding:.5rem;border-radius:8px;display:flex;flex-direction:column;gap:.3rem}.dealer-header{padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,.2)}.dealer-indicator{margin-left:8px;font-size:.7rem;color:var(--gold);font-weight:400;opacity:.9}.dealer-subsections{display:flex;flex-direction:row;gap:.75rem;width:100%}.dealer-subsection{flex:1;min-width:0;background:#0003;border-radius:6px;padding:.4rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.dealer-subsection.crib-subsection{background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}.dealer-subsection.not-counted{opacity:.7;border:1px dashed rgba(255,152,0,.5)}.subsection-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.8rem;padding-bottom:.15rem;margin-bottom:.1rem}.subsection-label{font-weight:700;color:#fffc}.crib-subsection .subsection-label{color:var(--gold)}.points-value{color:var(--gold);font-weight:700}.partial-counted-points.inline,.not-counted-points.inline{display:flex;flex-direction:row;gap:4px;align-items:center;font-size:.8rem}.dealer-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;align-items:stretch;margin:1rem}.dealer-group .summary-row{margin:15px 0 0;flex:1 1 45%;min-width:250px}.summary-row.summary-crib{border:2px solid var(--gold);background:#ffc1071a;position:relative}.summary-row.summary-crib:after{content:"★ CRIB";position:absolute;top:-12px;right:15px;background:var(--gold);color:#3e2723;font-size:.75rem;padding:3px 8px;border-radius:4px;font-weight:700;box-shadow:0 2px 5px #00000080}#info-content .starter-section{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:15px;margin:.5rem auto 1rem;width:100%}#info-content .summary-row.summary-starter{border:1px solid rgba(255,255,255,.15);background:#ffffff08;position:relative;grid-column:2;margin:0;padding:.5rem;max-width:fit-content;border-radius:8px;overflow:visible;display:flex;flex-direction:row;align-items:center;gap:1rem;justify-self:center}#info-content .btn-analyze{grid-column:3;justify-self:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;white-space:nowrap;box-shadow:0 2px 8px #667eea66}#info-content .btn-analyze:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}#info-content .btn-analyze:active{transform:translateY(0)}.summary-row.summary-starter:after{content:"★ STARTER";position:absolute;top:-10px;right:-65px;background:var(--accent-blue);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:700;box-shadow:0 2px 5px #00000080;border:1px solid rgba(255,255,255,.5);white-space:nowrap;z-index:100}.summary-header{display:flex;justify-content:space-between;width:100%;font-weight:700;color:var(--gold)}.summary-cards{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.summary-breakdown{font-size:.85rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .4rem;margin:0}.dealer-subsection .summary-cards+.summary-breakdown{margin-top:.3rem}.summary-breakdown .breakdown-pair{display:inline-flex;align-items:baseline;gap:.35rem;white-space:nowrap;padding:2px 8px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.09)}.summary-breakdown dt,.summary-breakdown dd{margin:0}.summary-breakdown dt{color:#b9b9b9;font-size:.92em;letter-spacing:.02em}.summary-breakdown dd{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}.summary-row.not-counted{opacity:.75;border:1px dashed rgba(255,152,0,.5);background:#ff98000d}.not-counted-points{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.not-counted-points .potential-value{color:#aaa;font-size:.9em}.not-counted-points .actual-value{color:#ff9800;font-size:.75em;font-style:italic}.partial-counted-points{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.partial-counted-points .potential-value{color:#aaa;font-size:.85em}.partial-counted-points .actual-value{color:#4caf50;font-size:.8em;font-weight:700}.summary-points{text-align:right;flex-shrink:0}.muggins-stats-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed rgba(255,255,255,.2)}.muggins-stat{font-size:.75rem;padding:3px 8px;border-radius:12px;font-weight:700}.muggins-stat.mugged{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.muggins-stat.penalty-received{background:#2196f333;color:#64b5f6;border:1px solid rgba(33,150,243,.4)}.muggins-stat.lost-to-muggins{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.4)}.muggins-stat.missed-unclaimed{background:#f4433633;color:#ef5350;border:1px solid rgba(244,67,54,.4)}.tap-tooltip-wrapper{position:relative;cursor:pointer}.tap-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.2);animation:fadeIn .2s ease}.tap-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000f2}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.summary-name{display:flex;align-items:center;gap:8px;min-width:0}.grade-badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.grade-a{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 1px 3px #4caf5066}.grade-b{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;box-shadow:0 1px 3px #2196f366}.grade-c{background:linear-gradient(135deg,#ffc107,#f9a825);color:#000;box-shadow:0 1px 3px #ffc10766}.grade-d{background:linear-gradient(135deg,#ff9800,#e65100);color:#fff;box-shadow:0 1px 3px #ff980066}.grade-f{background:linear-gradient(135deg,#f44336,#c62828);color:#fff;box-shadow:0 1px 3px #f4433666}.counting-order-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;margin-right:6px;background:#ffffff26;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px}@media(max-width:800px){.summary-row{margin:.5rem;padding:.3rem;box-sizing:border-box;max-width:100%;gap:.25rem}.summary-row.dealer-combined{margin:.5rem;padding:.3rem}.dealer-group{display:flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch;gap:.1rem;margin:10px .1rem .1rem!important;box-sizing:border-box;overflow:visible!important}.dealer-group .summary-row{flex:1;width:0;margin:0;min-width:0;padding:.2rem}.summary-row.summary-crib{margin-top:0!important;z-index:5;position:relative;overflow:visible!important;background:#ffc1070d}.summary-row.summary-crib:after{right:5px;top:-18px;z-index:10;box-shadow:0 2px 5px #000c;white-space:nowrap;font-size:.6rem;padding:2px 5px}.summary-row.summary-starter{margin:0;padding:2px;width:auto;max-width:fit-content}#info-content .btn-analyze{grid-column:1;grid-row:1}.sticky-summary-header{padding:.3rem}.sticky-summary-header .summary-row{margin:.1rem}.summary-cards{gap:2px}.summary-cards .card.mini{width:var(--mini-card-w)!important;height:var(--mini-card-h)!important;padding:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.summary-cards .card.mini .card-bottom,.summary-cards .card.mini .card-suit.center{display:none!important}.summary-cards .card.mini .card-top{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:.9}.summary-cards .card.mini .card-rank{font-size:calc(var(--mini-card-glyph) * var(--card-rank-scale, 1))!important;line-height:.78;letter-spacing:-.05em;text-indent:-.05em;text-align:center;width:100%}.summary-cards .card.mini .card-suit{font-size:calc(var(--mini-card-glyph) * var(--card-suit-scale, 1))!important;line-height:.78;text-align:center;width:100%;margin-top:0}.summary-breakdown{font-size:.75rem;margin-top:.1rem;gap:.25rem .3rem}.summary-breakdown .breakdown-pair{padding:1px 6px;gap:.25rem}.summary-header{font-size:.85rem;margin-bottom:.1rem}.muggins-stats-row{margin-top:.25rem;padding-top:.25rem;gap:.3rem}.muggins-stat{font-size:.75rem;padding:2px 5px}#info-content{max-height:65vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}#info-title{padding:.5rem;font-size:.9rem}}.summary-row.team-0{background:linear-gradient(135deg,#2196f333,#1e88e51a)!important;border-left:3px solid #2196f3}.summary-row.team-1{background:linear-gradient(135deg,#ff980033,#f57c001a)!important;border-left:3px solid #ff9800}.team-badge{display:inline-flex;align-items:center;margin-right:6px;font-size:.9em;filter:drop-shadow(0 0 3px currentColor)}.team-badge.team-0{color:#64b5f6}.team-badge.team-1{color:#ffb74d}.black-hole-indicator{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;font-size:1.1em;animation:black-hole-swirl-inline 2s linear infinite;filter:drop-shadow(0 0 4px #8000ff) drop-shadow(0 0 2px #ff00ff)}@keyframes black-hole-swirl-inline{0%{filter:drop-shadow(0 0 4px #8000ff) drop-shadow(0 0 2px #ff00ff);transform:rotate(0)}50%{filter:drop-shadow(0 0 8px #ff00ff) drop-shadow(0 0 4px #00ffff)}to{filter:drop-shadow(0 0 4px #8000ff) drop-shadow(0 0 2px #ff00ff);transform:rotate(360deg)}}.summary-show-count{margin-left:auto;padding:3px 7px;border:1px solid rgba(212,175,55,.45);border-radius:999px;background:#5b351659;color:#f5df9b;font:inherit;font-size:.62rem;font-weight:700;white-space:nowrap;cursor:pointer}.summary-show-count:hover,.summary-show-count:focus-visible{background:#d4af3733}@media(max-width:520px){.summary-show-count{flex-shrink:0;margin-right:6px;padding:4px 6px;font-size:.58rem}}.win-modal{border:5px solid var(--gold);box-shadow:0 0 50px var(--gold);background:linear-gradient(135deg,#fff,#f0f0f0);text-align:center;position:relative;padding:2rem;max-width:450px;width:90%}.win-modal.outcome-win{background:linear-gradient(135deg,#fffde7,#fff59d);border-color:gold}.win-modal.outcome-win .winner-text{color:#e65100}.win-modal.outcome-loss{background:linear-gradient(135deg,#eceff1,#cfd8dc);border-color:#90a4ae;box-shadow:0 0 30px #90a4ae}.win-modal.outcome-loss .winner-text{color:#546e7a}.win-modal.outcome-loss .trophy-icon{filter:grayscale(100%)}.win-modal.outcome-skunk{background:linear-gradient(135deg,#333,#000);border-color:#f44336;color:#fff;box-shadow:0 0 30px #f44336}.win-modal.outcome-skunk .winner-text{color:#ff5252}.win-modal.outcome-skunk h2,.win-modal.outcome-skunk p{color:#eee}.win-modal.outcome-double-skunk{background:linear-gradient(135deg,#000,#1a0505);border-color:#b71c1c;color:#fff;box-shadow:0 0 50px #b71c1c;border-width:8px}.win-modal.outcome-double-skunk .winner-text{color:#d50000;text-shadow:0 0 10px #ff0000}.win-modal.outcome-double-skunk h2,.win-modal.outcome-double-skunk p{color:#fff}.trophy-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}.winner-text{font-size:2rem;color:#e65100;margin:.5rem 0;text-transform:uppercase;font-weight:900}.unrated-game-badge{display:inline-block;background:#00000014;color:#555;border:1px solid rgba(0,0,0,.15);border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:600;letter-spacing:.3px;margin-bottom:10px}.win-modal.outcome-skunk .unrated-game-badge,.win-modal.outcome-double-skunk .unrated-game-badge{background:#ffffff1a;color:#eee;border-color:#ffffff40}.placement-reveal-badge{display:inline-block;background:#ffd70026;color:#a67c00;border:1px solid rgba(255,193,7,.4);border-radius:20px;padding:4px 14px;font-size:.85rem;font-weight:700;letter-spacing:.3px;margin-bottom:10px}.win-modal.outcome-skunk .placement-reveal-badge,.win-modal.outcome-double-skunk .placement-reveal-badge{background:#ffd70033;color:gold;border-color:#ffd70066}.btn-summary{background:transparent;border:2px solid #555;color:#555;padding:.6rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:10px;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.win-modal.outcome-win .btn-summary{border-color:#fbc02d;color:#a33900;background:#ffeb3b33}.win-modal.outcome-win .btn-summary:hover{background:#fbc02d;color:#3e2723;transform:translateY(-2px);box-shadow:0 4px 10px #fbc02d66}.win-modal.outcome-loss .btn-summary{border-color:#78909c;color:#455a64}.win-modal.outcome-loss .btn-summary:hover{background:#78909c;color:#10191d;transform:translateY(-2px)}.win-modal.outcome-skunk .btn-summary,.win-modal.outcome-double-skunk .btn-summary{border-color:#ef5350;color:#ffcdd2}.win-modal.outcome-skunk .btn-summary:hover,.win-modal.outcome-double-skunk .btn-summary:hover{background:#ef5350;color:#fff;box-shadow:0 0 15px #ef535099}.btn-analysis{background:transparent;border:2px solid #4caf50;color:#2e7d32;padding:.6rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.btn-analysis:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #4caf5066}.win-modal.outcome-skunk .btn-analysis,.win-modal.outcome-double-skunk .btn-analysis{border-color:#66bb6a;color:#a5d6a7}.win-modal.outcome-skunk .btn-analysis:hover,.win-modal.outcome-double-skunk .btn-analysis:hover{background:#66bb6a;color:#fff;box-shadow:0 0 15px #66bb6a99}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.teams-scoreboard{display:flex;flex-direction:column;gap:12px;width:100%}.team-score-group{border-radius:8px;overflow:hidden;background:#0000000d}.team-score-group.winning-team{box-shadow:0 0 10px #ffd7004d}.team-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700}.team-name{font-size:1rem;color:#333}.team-total-score{font-size:1.3rem;font-weight:900}.team-player-row{display:flex;justify-content:space-between;padding:6px 16px 6px 24px;font-size:.9rem;background:#ffffff4d;border-top:1px solid rgba(0,0,0,.05);color:#555}.player-contribution{color:#6b6b6b;font-size:.85rem}.win-modal.outcome-skunk .team-score-group,.win-modal.outcome-double-skunk .team-score-group{background:#ffffff0d}.win-modal.outcome-skunk .team-name,.win-modal.outcome-double-skunk .team-name{color:#fff}.win-modal.outcome-skunk .team-player-row,.win-modal.outcome-double-skunk .team-player-row{color:#ccc;background:#ffffff0d;border-top-color:#ffffff1a}.win-modal.outcome-skunk .player-contribution,.win-modal.outcome-double-skunk .player-contribution{color:#aaa}.btn-home{background:none;border:none;color:#37474f;opacity:.8;padding:4px 8px;font-size:.8rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.btn-home:hover,.btn-home:focus-visible{opacity:1}.win-modal.outcome-skunk .btn-home,.win-modal.outcome-double-skunk .btn-home{color:#ffcdd2}.series-banner{margin:10px 0;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;font-size:.88rem;color:#d7dedb}.series-banner-won{border-color:#ffc74d99;background:#ffc74d24;color:#ffc74d;font-weight:700;font-size:1rem}.series-standings{display:flex;justify-content:center;gap:18px;margin:6px 0 12px}.series-standing{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px}.series-standing-name{font-size:.72rem;color:#9fb0a9;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-standing-points{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.skunk-result{margin:.15rem 0 .65rem;padding:.35rem .85rem;border:1px solid rgba(255,183,77,.65);border-radius:999px;background:#e6510024;color:#9a3412;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.skunk-result.double{border-color:#b71c1cb3;background:#b71c1c29;color:#7f1d1d}.outcome-skunk .skunk-result,.outcome-double-skunk .skunk-result{color:#ffd6b3}.rating-exchange{width:100%;margin:10px 0;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;text-align:left}.rating-exchange-line{margin:0;font-size:.85rem;line-height:1.5;color:#d7dedb}.rating-exchange-line+.rating-exchange-line{margin-top:4px}.rating-exchange-headline{font-size:.95rem;font-weight:600;color:#f0f4f2}.rating-exchange-gain{color:#7bd88f}.rating-exchange-drop{color:#f2857f}.rating-exchange-luck .ui-art-icon{vertical-align:-2px}.win-modal.outcome-win .rating-exchange,.win-modal.outcome-loss .rating-exchange{border-color:#0000001f;background:#0000000d}.win-modal.outcome-win .rating-exchange-line,.win-modal.outcome-loss .rating-exchange-line{color:#555}.win-modal.outcome-win .rating-exchange-headline,.win-modal.outcome-loss .rating-exchange-headline{color:#2c2c2c}.win-modal.outcome-win .rating-exchange-gain,.win-modal.outcome-loss .rating-exchange-gain{color:#1e7a3c}.win-modal.outcome-win .rating-exchange-drop,.win-modal.outcome-loss .rating-exchange-drop{color:#b02a24}#game-over-screen{overflow-y:auto;justify-content:safe center}.disconnect-modal-box{border-color:#f44336!important;min-width:350px;max-width:400px;text-align:center}.disconnect-title{color:#ff8a80;margin-bottom:1rem}.disconnected-players{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0;padding:.75rem 1rem;background:#f443361a;border-radius:8px;font-weight:600;font-size:1.1rem;color:#d32f2f}.disconnect-icon{font-size:1.25rem}.disconnect-timer{margin:1.5rem 0}.timer-display{font-size:3rem;font-weight:700;font-family:monospace;color:#fff;text-shadow:0 0 10px rgba(255,152,0,.5)}.timer-display.timer-expired{color:#ff8a80;text-shadow:0 0 10px rgba(244,67,54,.5);animation:pulse-red 1s infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.timer-label{font-size:.9rem;color:var(--text-muted);margin-top:.5rem}.disconnect-actions{margin-top:1.5rem}.proceed-btn{background:linear-gradient(to bottom,#ff9800,#f57c00)!important;border-color:#e65100!important;padding:.75rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 4px 15px #ff980066}50%{box-shadow:0 4px 25px #ff980099}}.waiting-for-host{color:var(--text-muted);font-size:.95rem;font-style:italic;padding:1rem}.waiting-message{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:.95rem}.spinner{animation:spin 2s linear infinite}.disconnect-decision-modal{min-width:380px;max-width:440px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.disconnect-decision-modal h2{color:#ff9800;margin-bottom:.5rem}.disconnect-decision-modal .disconnected-names{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.disconnect-decision-modal .disconnect-ranked-note{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin-top:-1rem;margin-bottom:1.25rem}.decision-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.decision-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem 1.25rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.decision-btn:hover{background:#ffffff1a;transform:translate(4px)}.decision-icon{font-size:1.5rem}.decision-label{font-size:1rem;font-weight:600;color:#fff}.decision-desc{font-size:.8rem;color:var(--text-muted)}.decision-ai{border-color:#2196f34d}.decision-ai:hover{border-color:#2196f3;background:#2196f326}.decision-remove{border-color:#f443364d}.decision-remove:hover{border-color:#f44336;background:#f4433626}.decision-wait{border-color:#4caf504d}.decision-wait:hover{border-color:#4caf50;background:#4caf5026}.decision-victory{border-color:#ffd70080;background:#ffd7001a}.decision-victory:hover{border-color:gold;background:#ffd70033;box-shadow:0 0 15px #ffd7004d}.cancel-btn{margin-top:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;color:#fff}@media(max-width:480px){.disconnect-modal-box,.disconnect-decision-modal{min-width:300px;max-width:95vw}.timer-display{font-size:2.5rem}}.resign-dialog{border:1px solid var(--red-bright, #f44336);max-width:420px}.resign-title{margin-top:0;color:#b71c1c}.resign-body{color:#333;margin-bottom:.75rem}.resign-consequence{color:#555;font-size:.9rem;margin:0 0 1.5rem}.resign-actions{display:flex;gap:12px;align-items:center;justify-content:center}.resign-actions .resign-cancel{margin-top:0}.resign-confirm{background:linear-gradient(to bottom,#e53935,#b71c1c);border-color:#7f0000;color:#fff;box-shadow:0 4px #7f0000,0 5px 10px #0006}.resign-confirm:active{box-shadow:0 1px #7f0000}.resign-confirm:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-contrast),0 4px #7f0000,0 5px 10px #0006}#toast-container{position:absolute;top:60px;left:50%;transform:translate(-50%);width:90%;max-width:350px;z-index:3000;pointer-events:none;text-align:center}.toast{background:#1e1e1ef2;color:#fff;padding:12px 20px;margin-bottom:10px;border-left:4px solid var(--gold);border-radius:4px;font-size:.95rem;animation:slideIn .3s forwards;box-shadow:0 5px 15px #00000080}.toast.toast-engine{border-left-color:var(--accent-red, #f44336);text-align:left}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b2838,#0f1621);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"🃏";position:absolute;font-size:8rem;opacity:.04;pointer-events:none}.login-page:before{top:-20px;left:-20px;transform:rotate(-15deg)}.login-page:after{bottom:-20px;right:-20px;transform:rotate(15deg)}.login-card{background:linear-gradient(145deg,#3e2723fa,#281815fa);border:3px solid var(--wood-light);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffc1071a,inset 0 1px #ffffff0d;position:relative;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card .back-button-component{position:fixed}.login-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.login-logo-img{height:25vh;width:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:2px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.login-buttons{display:flex;flex-direction:column;gap:12px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.login-btn:hover:before{left:100%}.login-btn-google{background:#fff;color:#333;box-shadow:0 4px 12px #0003}.login-btn-google:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.login-btn-yahoo{background:linear-gradient(145deg,#7c1ae5,#5c00b8);color:#fff;box-shadow:0 4px 12px #6c00aa4d}.login-btn-yahoo:hover{background:linear-gradient(145deg,#8c2af5,#6c10c8);transform:translateY(-2px);box-shadow:0 6px 16px #6c00aa66}.login-btn-icon{width:24px;height:24px;object-fit:contain}@media(max-width:480px){.login-card{padding:1.5rem;border-radius:12px}.login-btn{padding:12px 20px;font-size:.95rem}}@media(max-width:768px){.login-page{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;align-items:flex-start}.login-card{margin:auto 0}.login-card .back-button-component{position:absolute;top:1rem;left:1rem}.login-page:before,.login-page:after{display:none}.login-logo-img{height:min(14vh,96px);margin-bottom:.5rem}.login-header{margin-bottom:1rem}.login-divider{margin:1rem 0}}.login-provider-consent{margin:.65rem 0 0;color:var(--text-muted);font-size:.75rem;line-height:1.45;text-align:center}.back-button-component{position:absolute;top:2rem;left:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:2rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;z-index:100;font-size:.9rem;font-weight:500}.back-button-component:hover{background:#fff3;transform:translate(-5px);border-color:#fff6}.back-icon{font-size:1.2rem;line-height:1}@media(max-width:480px){.back-button-component{top:1rem;left:1rem;padding:.4rem .8rem}}.email-auth{display:flex;flex-direction:column;gap:10px;width:100%}.email-auth-input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000047;color:#eafaf0;font-size:max(15px,1rem)}.email-auth-input:focus{border-color:#4caf50}.email-auth-input::placeholder{color:#7d8a84}.email-auth-submit{padding:12px 18px;border-radius:8px;border:none;background:#4caf50;color:#08150f;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s}.email-auth-submit:hover:not(:disabled){background:#5cc75f}.email-auth-submit:disabled{opacity:.6;cursor:not-allowed}.email-auth-error{margin:0;font-size:.8125rem;line-height:1.45;color:#ff8a80}.email-auth-notice{margin:0;font-size:.8125rem;line-height:1.45;color:#9be8b4}.email-auth-hint{margin:-.25rem 0 0;font-size:.75rem;line-height:1.45;color:#ffffff8c}.email-auth-consent{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;color:#c6d0cb;font-size:.78rem;line-height:1.45;cursor:pointer}.email-auth-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#4caf50}.email-auth-switches{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:2px}.email-auth-link{padding:0;border:none;background:none;color:#a9b6b0;font-size:.78rem;text-decoration:underline;cursor:pointer}.email-auth-link:hover:not(:disabled){color:#eafaf0}.email-auth-link:disabled{opacity:.55;cursor:not-allowed}.legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;line-height:1.5}.legal-links a,.legal-consent-text a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.legal-links a:hover,.legal-links a:focus-visible,.legal-consent-text a:hover,.legal-consent-text a:focus-visible{color:#fff}.legal-links-separator{opacity:.65}.room-browser{display:flex;flex-direction:column;gap:12px}.room-browser-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:10px}.header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.join-by-code{display:flex;align-items:center;gap:6px}.join-code-input{width:5.5em;padding:6px 8px;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.15);color:var(--text-light, #f1f8e9);font-family:monospace;font-size:.95rem;letter-spacing:.15em;text-align:center;text-transform:uppercase}.join-code-input:focus{outline:none;border-color:var(--gold, #ffc107)}.join-code-btn{background:linear-gradient(to bottom,#66bb6a,#43a047);border:1px solid #388e3c;color:#fff;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.join-code-btn:hover:not(:disabled){background:linear-gradient(to bottom,#81c784,#66bb6a);transform:translateY(-1px);box-shadow:0 2px 8px #4caf5066}.join-code-btn:disabled{opacity:.5;cursor:not-allowed}.room-count{font-size:.85rem;color:#f1f8e999}.live-indicator{display:flex;align-items:center;gap:6px;padding:3px 8px;background:#4caf5026;border-radius:12px;font-size:.7rem;transition:all .3s ease}.live-indicator.refreshing{background:#ffc10733}.live-indicator.refreshing .live-dot{background:#ffc107;box-shadow:0 0 8px #ffc10799}.live-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px #4caf5099}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.live-text{color:#4caf50;font-weight:700;letter-spacing:1px}.live-indicator.refreshing .live-text{color:#ffc107}.live-countdown{color:var(--text-muted);font-family:monospace;min-width:20px}.refresh-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#ffffff1a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.spinning{animation:spin 1s linear infinite}.room-list{display:flex;flex-direction:column;gap:8px;max-height:min(52vh,520px);overflow-y:auto}.room-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.filter-search{min-width:190px;flex:1 1 210px;padding:6px 10px;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff}.room-player-list,.room-detail-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.room-player-chip,.room-detail-row span{padding:2px 6px;border-radius:999px;background:#ffffff12;color:#f1f8e9c7;font-size:.68rem}.room-detail-row span{color:#d9c98c;background:#5b351657}.room-item:hover:not(.disabled){background:#0006;border-color:#ffc1074d}.room-item.disabled{opacity:.6}.room-item.reclaimable{border-color:#d4af37a8;background:linear-gradient(90deg,rgba(212,175,55,.13),transparent 65%),#0000005c;box-shadow:inset 3px 0 #d4af37d1}.room-reclaim-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border:1px solid rgba(212,175,55,.42);border-radius:999px;color:#f5df9b;background:#5b35167a;font-size:.66rem;font-weight:800;white-space:nowrap}.reclaim-btn{background:linear-gradient(to bottom,#c99b3d,#8d6423);border-color:#e4bf65}.room-info{display:flex;flex-direction:column;gap:4px}.room-code{font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--gold, #ffc107)}.room-players{font-size:.85rem;color:#f1f8e9b3}.room-owner{font-size:.75rem;color:var(--text-muted)}.room-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.room-status{padding:4px 10px;border-radius:12px;font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.room-status.lobby{background:#4caf5033;color:#4caf50}.room-status.in_game,.room-status.in-game{background:#ffc10733;color:var(--gold, #ffc107)}.room-status.almost_complete,.room-status.almost-complete{background:#ff980033;color:#ff9800}.room-status.game_over,.room-status.game-over{background:#9e9e9e33;color:#9e9e9e}.join-btn{background:linear-gradient(to bottom,#66bb6a,#43a047);border:1px solid #388e3c;color:#fff;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.join-btn:hover{background:linear-gradient(to bottom,#81c784,#66bb6a);transform:translateY(-1px);box-shadow:0 2px 8px #4caf5066}.spectate-btn{border:1px solid rgba(212,175,55,.55);border-radius:6px;padding:6px 14px;background:#5b351673;color:#f5df9b;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.spectate-btn:hover,.spectate-btn:focus-visible{background:#d4af3733}.room-browser-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#f1f8e999}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--gold, #ffc107);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.room-browser-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#ff8a80;gap:12px}.room-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.6}.empty-hint{font-size:.85rem;color:var(--text-muted);margin-top:4px}.room-filter-heading{display:flex;align-items:center;gap:8px}.room-filter-toggle,.clear-filter-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(212,175,55,.28);border-radius:7px;padding:5px 9px;background:#5b351647;color:#ead9aa;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer}.filter-chevron{color:var(--gold);font-size:.8rem}.clear-filter-btn{color:#ffffffad;background:transparent}.room-filter-bar{display:flex;gap:8px;padding:8px 0;flex-wrap:wrap}.room-filter-bar[hidden]{display:none}.filter-select{padding:6px 12px;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.15);color:var(--text-light, #f1f8e9);font-size:.85rem;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:#ffc10766}.filter-select:focus{border-color:var(--gold, #ffc107)}.filter-select option{background:#2d2d2d;color:#fff}.filter-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.15);color:var(--text-light, #f1f8e9);font-size:.85rem;cursor:pointer}.filter-toggle:hover{border-color:#ffc10766}.filter-toggle input{cursor:pointer}.room-info-top{display:flex;align-items:center;gap:8px}.room-info-bottom{display:flex;gap:8px;align-items:center}.room-mode-badge{font-size:.9rem;display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px}.room-mode-badge.mode-classic{background:#8b45134d}.room-mode-badge.mode-lowball{background:#dc35454d}.room-mode-badge.mode-blackhole{background:#8000ff4d}.room-ranked-badge{font-size:.9rem;display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background:#ffc10759}.room-teams-badge{font-size:.9rem;display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background:#2196f34d}.no-filter-results{text-align:center;padding:1.5rem;color:var(--text-muted)}.no-filter-results button{margin-top:10px;padding:6px 16px;background:#ffc10733;border:1px solid rgba(255,193,7,.3);color:var(--gold, #ffc107);border-radius:6px;cursor:pointer;transition:all .2s}.no-filter-results button:hover{background:#ffc1074d}.refresh-failed-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#ffc107;background:#ffc1071f;border:1px solid rgba(255,193,7,.35);border-radius:10px;padding:2px 8px;white-space:nowrap}@media(max-width:420px){.join-by-code{width:auto;flex:0 0 auto;justify-content:flex-end;gap:3px}.room-browser-header{align-items:center;flex-wrap:nowrap;gap:5px}.header-left{min-width:0;flex:1 1 auto;flex-wrap:nowrap;gap:6px}.live-text,.live-countdown{display:none}.live-indicator{padding:4px}.room-count{font-size:.7rem;white-space:nowrap}.refresh-btn{padding-inline:4px}.join-code-input{width:4.15rem;padding-inline:5px;font-size:.82rem}.join-code-btn{padding-inline:9px;font-size:.78rem}.room-filter-heading{justify-content:space-between}.room-filter-toggle{flex:1;justify-content:center;min-height:38px}.room-list{max-height:calc(100dvh - 230px);min-height:180px}.room-filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-search{grid-column:1 / -1;min-width:0}.filter-select,.filter-toggle{width:100%;min-width:0;padding:7px 6px;font-size:.74rem}.room-item{align-items:stretch;gap:8px;padding:10px}.room-info{min-width:0;flex:1}.room-right{min-width:74px}.room-info-top{flex-wrap:wrap;gap:5px}}.quick-match{display:contents}.quick-match-btn{background:linear-gradient(145deg,#4caf50,#2e7d32);border-color:#1b5e20;color:#fff}.quick-match-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}.quick-match-notice{margin:0;font-size:.85rem;color:var(--gold, #ffc107);text-align:center}.quick-match--searching{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;border-radius:16px;border:2px solid rgba(76,175,80,.5);background:#4caf5014;min-width:260px}.quick-match-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#4caf50;animation:quick-match-spin .9s linear infinite}@keyframes quick-match-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.quick-match-spinner{animation:none;border-top-color:#ffffff26}}.quick-match-headline{margin:0;font-weight:600;color:#fff}.quick-match-detail{margin:0;font-size:.9rem;font-variant-numeric:tabular-nums;color:#ffffffb3}.quick-match-bot-offer{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.12);width:100%}.quick-match-bot-offer p{margin:0;font-size:.85rem;color:#ffffffb3}.quick-match-secondary,.quick-match-cancel{background:none;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.4rem 1rem;color:#fff;cursor:pointer;font-size:.85rem}.quick-match-secondary:hover,.quick-match-cancel:hover{background:#ffffff1a}.quick-match-cancel{margin-top:.25rem;border-color:#fff3;color:#ffffffb3}.player-settings{width:100%}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.setting-row:last-of-type{border-bottom:none}.setting-info{flex:1}.setting-name{display:block;color:var(--text-light);font-weight:500;margin-bottom:2px}.setting-desc{font-size:.8rem;color:var(--text-muted)}.setting-control{flex-shrink:0;margin-left:1rem}.nickname-input{background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;color:var(--text-light);font-size:.9rem;width:150px;transition:all .2s}.nickname-input:focus{border-color:var(--gold);background:#0006}.nickname-input::placeholder{color:var(--text-muted)}.color-picker{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #0000004d,0 2px 8px #0000004d}.color-swatch .check{color:#fff;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#0006;border-radius:28px;transition:.3s;border:1px solid rgba(255,255,255,.1)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(to right,#4caf50,#388e3c);border-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.speed-selector{display:flex;gap:4px;background:#0000004d;border-radius:8px;padding:3px}.speed-btn{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.speed-btn:hover{color:#fffc;background:#ffffff0d}.speed-btn.selected{background:var(--gold);color:var(--wood-dark);font-weight:600}.settings-footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.save-message{font-size:.85rem;animation:fadeIn .3s ease}.save-message.success{color:#4caf50}.save-message.error{color:#ff8a80}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.save-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff6;padding:10px 24px;border-radius:8px;cursor:not-allowed;font-size:.9rem;transition:all .2s}.save-btn.has-changes{background:linear-gradient(to bottom,#4caf50,#388e3c);border-color:#4caf50;color:#fff;cursor:pointer;font-weight:600;box-shadow:0 2px #2e7d32}.save-btn.has-changes:hover{transform:translateY(-1px);box-shadow:0 3px #2e7d32}.save-btn.has-changes:active{transform:translateY(1px);box-shadow:0 1px #2e7d32}.save-btn:disabled{opacity:.6}@media(max-width:500px){.setting-row{flex-direction:column;align-items:flex-start;gap:10px}.setting-control{margin-left:0;width:100%}.nickname-input{width:100%}.color-picker{justify-content:flex-start}.speed-selector{width:100%;justify-content:center}}.danger-zone{margin-top:28px;padding:16px;border:1px solid rgba(244,67,54,.4);border-radius:10px;background:#f443360f}.danger-zone-title{margin:0 0 8px;font-size:.9375rem;color:#ef9a9a}.danger-zone-text{margin:0 0 12px;font-size:.8125rem;line-height:1.5;color:#d7cfcf}.danger-zone-error{margin:8px 0;font-size:.8125rem;color:#ff8a80}.danger-input{width:100%;box-sizing:border-box;min-height:44px;padding:0 12px;margin-bottom:10px;font-size:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#fff}.danger-actions{display:flex;flex-wrap:wrap;gap:10px}.danger-btn{min-height:44px;padding:0 16px;border-radius:8px;border:1px solid #c62828;background:#b71c1c;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.danger-btn:not(:disabled):hover{background:#c62828}.danger-cancel{min-height:44px;padding:0 16px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#e0e0e0;font-size:.875rem;cursor:pointer}.blocked-section{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff08}.blocked-title{margin:0 0 10px;font-size:.9375rem;color:#e8f0ec}.blocked-empty{margin:0;font-size:.8125rem;line-height:1.5;color:#a9b6b0}.blocked-error{margin:10px 0 0;font-size:.8125rem;color:#ff8a80}.blocked-list{list-style:none;margin:0;padding:0}.blocked-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.blocked-item:last-child{border-bottom:none}.settings-legal-section{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff08}.settings-legal-title{margin:0 0 6px;color:#e8f0ec;font-size:.9375rem}.settings-legal-text{margin:0 0 10px;color:#a9b6b0;font-size:.8125rem;line-height:1.5}.settings-legal-links{justify-content:flex-start;color:#cbd6d0;font-size:.8125rem}.blocked-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.blocked-unblock-btn{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#e0e0e0;font-size:.8125rem;cursor:pointer}.blocked-unblock-btn:hover:not(:disabled){background:#ffffff14}.blocked-unblock-btn:disabled{opacity:.5;cursor:not-allowed}.avatar-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.avatar-row{display:flex;align-items:center;gap:16px}.avatar-preview{flex:0 0 auto;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.6rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.18)}.avatar-preview-img{width:100%;height:100%;object-fit:cover}.avatar-copy{flex:1 1 auto;min-width:0}.avatar-title{margin:0 0 8px;font-size:.9375rem;color:#e8f0ec}.avatar-choices{display:flex;flex-wrap:wrap;gap:8px}.avatar-choice{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#cfdad4;font-size:.8125rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.avatar-choice:hover:not(:disabled){background:#ffffff1a}.avatar-choice.selected{border-color:#4caf50;background:#4caf502e;color:#eafaf0}.avatar-choice:disabled{opacity:.45;cursor:not-allowed}.avatar-note{margin:8px 0 0;font-size:.78rem;color:#a9b6b0}.avatar-file-input{display:none}.avatar-presets-label{margin:16px 0 8px;font-size:.78rem;color:#a9b6b0}.avatar-presets{display:flex;flex-wrap:wrap;gap:10px}.avatar-preset{width:48px;height:48px;padding:0;border-radius:50%;border:2px solid transparent;background:none;cursor:pointer;overflow:hidden;line-height:0;transition:border-color .15s,transform .15s}.avatar-preset img{width:100%;height:100%;display:block}.avatar-preset:hover:not(:disabled){transform:scale(1.07)}.avatar-preset.selected{border-color:#4caf50}.avatar-preset:disabled{opacity:.5;cursor:not-allowed}.avatar-error{margin:10px 0 0;font-size:.78rem;color:#ff8a80}.export-section{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff08}.export-title{margin:0 0 6px;font-size:.9375rem;color:#e8f0ec}.export-text{margin:0 0 12px;font-size:.8125rem;line-height:1.45;color:#a9b6b0}.export-btn{padding:9px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#cfdad4;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.export-btn:hover:not(:disabled){background:#ffffff1f}.export-btn:disabled{opacity:.55;cursor:not-allowed}.export-error{margin:0 0 10px;font-size:.78rem;color:#ff8a80}.signout-section{margin-top:24px;padding:16px;border:1px solid rgba(255,199,77,.35);border-radius:10px;background:#ffc74d0f}.signout-title{margin:0 0 6px;font-size:.9375rem;color:#ffc74d}.signout-text{margin:0 0 12px;font-size:.8125rem;line-height:1.45;color:#a9b6b0}.signout-btn{padding:9px 16px;border-radius:8px;border:1px solid rgba(255,199,77,.5);background:#ffc74d24;color:#ffe2a3;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.signout-btn:hover:not(:disabled){background:#ffc74d3d}.signout-btn:disabled{opacity:.55;cursor:not-allowed}.signout-error{margin:0 0 10px;font-size:.78rem;color:#ff8a80}.password-section{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff08}.password-title{margin:0 0 6px;font-size:.9375rem;color:#e8f0eb}.password-text{margin:0 0 12px;font-size:.8125rem;line-height:1.45;color:#a9b6b0}.password-input{display:block;width:100%;box-sizing:border-box;margin-bottom:8px;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:#e8f0eb;font-size:.85rem}.password-input[aria-invalid=true]{border-color:#ff8a80b3}.password-btn{padding:9px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#e8f0eb;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.password-btn:hover:not(:disabled){background:#ffffff24}.password-btn:disabled{opacity:.55;cursor:not-allowed}.password-error{margin:0 0 10px;font-size:.78rem;color:#ff8a80}.password-notice{margin:0 0 10px;font-size:.78rem;color:#9be8b4}.push-section{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff08}.push-row{display:flex;align-items:center;gap:14px}.push-copy{flex:1 1 auto;min-width:0}.push-title{margin:0 0 4px;font-size:.9375rem;color:#e8f0ec}.push-text{margin:0;font-size:.8125rem;line-height:1.45;color:#a9b6b0}.push-note{margin:10px 0 0;font-size:.78rem;line-height:1.45;color:#ffc74d}.pacing-section{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff08}.pacing-title{margin:0 0 4px;font-size:.9375rem;color:#e8f0ec}.pacing-text{margin:0 0 14px;font-size:.8125rem;line-height:1.45;color:#a9b6b0}.pacing-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}.pacing-row.disabled{opacity:.45}.pacing-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.pacing-name{font-size:.875rem;font-weight:600;color:#e8f0ec}.pacing-desc{font-size:.75rem;line-height:1.45;color:#a9b6b0}.pacing-speeds{display:flex;flex:0 0 auto;gap:4px;padding:3px;border-radius:9px;background:#00000047;border:1px solid rgba(255,255,255,.08)}.pacing-speed{padding:6px 11px;border:none;border-radius:6px;background:transparent;color:#a9b6b0;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.pacing-speed:hover:not(:disabled){color:#e8f0ec;background:#ffffff0f}.pacing-speed.selected{background:var(--gold, #ffc107);color:#2b1d10}.pacing-speed:disabled{cursor:not-allowed}.pacing-note{margin:12px 0 0;font-size:.75rem;line-height:1.45;color:#d8b25a}@media(max-width:640px){.pacing-row{flex-direction:column;align-items:stretch;gap:10px}.push-row{flex-direction:column;align-items:flex-start;gap:10px}.pacing-speeds{justify-content:space-between}.pacing-speed{flex:1;text-align:center;padding:7px 6px}}.setting-control-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.secondary-btn{min-height:44px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:#ffffffd9;font-weight:600;font-size:.85rem;cursor:pointer}.secondary-btn:hover,.secondary-btn:focus-visible{border-color:var(--gold, #ffc107);color:var(--gold, #ffc107)}.pacing-range{display:flex;align-items:center;gap:.65rem;min-width:min(260px,100%);color:var(--gold, #ffc107);font-size:.8rem;font-weight:700}.pacing-range input{flex:1;min-width:100px;accent-color:var(--gold, #ffc107)}.build-footer{width:100%;box-sizing:border-box;text-align:center;margin-top:1.25rem;padding:.75rem 8px .25rem;border-top:1px solid rgba(255,255,255,.1);font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.3px;color:#ffffff9e;-webkit-user-select:text;user-select:text}.build-footer:hover{color:#ffffffbf}.build-footer-stamp{min-height:1em}.build-footer-sep{margin:0 6px;opacity:.6}@media(max-width:480px){.build-footer{font-size:.65rem}}.friends-panel{--friends-surface: rgba(15, 56, 42, .55);--friends-surface-strong: rgba(24, 68, 52, .88);--friends-line: rgba(255, 193, 7, .24);--friends-text: #f1f8e9;--friends-muted: rgba(241, 248, 233, .7);--friends-danger: #ffb4aa;display:flex;flex-direction:column;min-height:0;height:100%;color:var(--friends-text);background:radial-gradient(circle at 90% 0%,rgba(255,193,7,.1),transparent 34%),linear-gradient(155deg,#3e27238c,#0f382a9e)}.friends-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 3.5rem .9rem}.friends-header h3{margin:0;color:var(--gold, #ffc107);font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.1}.friends-eyebrow{margin:0 0 .25rem;color:var(--friends-muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.friends-request-count{min-height:38px;padding:.45rem .8rem;border:1px solid var(--gold, #ffc107);border-radius:999px;color:var(--gold, #ffc107);background:#ffc1071f;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.friends-request-count:hover{background:#ffc10733}.friends-message{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 3.5rem .75rem;padding:.7rem .85rem;border:1px solid;border-radius:10px;font-size:.88rem}.friends-message--error{border-color:#ffb4aaa6;color:#ffe3df;background:#65191485}.friends-message--notice{border-color:#97ddab8c;color:#ddffe6;background:#0d522b80}.friends-message-actions,.friends-row-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.friends-link-button,.friends-message-dismiss{min-width:36px;min-height:36px;padding:.25rem .5rem;border:0;color:inherit;background:transparent;font:inherit;font-weight:700;cursor:pointer}.friends-link-button{text-decoration:underline;text-underline-offset:3px}.friends-message-dismiss{font-size:1.35rem;line-height:1}.friends-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:0 3.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.friends-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.65rem .45rem;border:0;border-bottom:3px solid transparent;color:var(--friends-muted);background:transparent;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.friends-tab:hover{color:var(--friends-text);background:#ffffff0b}.friends-tab--active{border-bottom-color:var(--gold, #ffc107);color:var(--gold, #ffc107)}.friends-tab-count,.friends-section-heading span{display:inline-grid;place-items:center;min-width:1.5rem;min-height:1.5rem;padding:0 .35rem;border-radius:999px;color:var(--wood-dark, #3e2723);background:var(--gold, #ffc107);font-size:.72rem;font-weight:800}.friends-content{flex:1;min-height:0;padding:1rem 3.5rem 1.5rem;overflow:hidden}.friends-list,.friends-requests,.friends-search{height:100%;overflow-y:auto;scrollbar-color:rgba(255,193,7,.42) transparent;scrollbar-width:thin}.friends-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem;min-height:72px;margin-bottom:.65rem;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(135deg,var(--friends-surface-strong),rgba(40,24,21,.74));box-shadow:0 6px 16px #00000029}.friends-row:hover{border-color:var(--friends-line)}.friends-person{display:flex;align-items:center;min-width:0;flex:1}.friends-person-button,.friends-person-static{display:flex;align-items:center;gap:.75rem;min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:left;font:inherit}.friends-person-button{border-radius:8px;cursor:pointer}.friends-person-button:hover .friends-person-name{color:var(--gold, #ffc107)}.friends-avatar{box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;border:2px solid rgba(255,193,7,.5);border-radius:50%;background:var(--wood-dark, #3e2723)}.friends-person-copy{display:flex;flex-direction:column;min-width:0}.friends-person-name{overflow:hidden;color:var(--friends-text);font-weight:750;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.friends-person-meta,.friends-search-hint,.friends-inline-empty{color:var(--friends-muted);font-size:.78rem}.friends-status{width:10px;height:10px;flex:0 0 10px;margin-right:.65rem;border:2px solid rgba(255,255,255,.24);border-radius:50%;background:#829189}.friends-status--online{background:#58d879}.friends-status--in_lobby{background:#ffd54f}.friends-status--in_game{background:#67b7ff}.friends-status--offline{background:transparent}.friends-action,.friends-primary-button,.friends-secondary-button{min-height:40px;padding:.55rem .8rem;border:1px solid transparent;border-radius:9px;font:inherit;font-size:.8rem;font-weight:750;line-height:1.1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.friends-action:hover:not(:disabled),.friends-primary-button:hover:not(:disabled),.friends-secondary-button:hover:not(:disabled){transform:translateY(-1px)}.friends-action:disabled,.friends-primary-button:disabled,.friends-secondary-button:disabled{cursor:wait;opacity:.58}.friends-action--accept,.friends-primary-button{border-color:#d89f00;color:var(--wood-dark, #3e2723);background:linear-gradient(145deg,var(--gold, #ffc107),#f29b00)}.friends-action--accept:hover:not(:disabled),.friends-primary-button:hover:not(:disabled){background:linear-gradient(145deg,#ffd54f,var(--gold, #ffc107))}.friends-action--danger{border-color:#ffb4aa6b;color:var(--friends-danger);background:#8f221c47}.friends-action--danger:hover:not(:disabled){border-color:#ffb4aab3;background:#8f221c75}.friends-secondary-button{border-color:var(--friends-line);color:var(--gold, #ffc107);background:#ffc10717}.friends-request-section+.friends-request-section{margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.1)}.friends-section-heading{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem}.friends-section-heading h4{margin:0;color:var(--gold, #ffc107);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.friends-section-heading span{min-width:1.25rem;min-height:1.25rem;font-size:.66rem}.friends-inline-empty{margin:.7rem 0;padding:.75rem;border:1px dashed rgba(255,255,255,.14);border-radius:10px;text-align:center}.friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:2rem 1rem;color:var(--friends-muted);text-align:center}.friends-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:.8rem;border:1px solid var(--friends-line);border-radius:50%;color:var(--gold, #ffc107);background:#ffc10714;font-size:1.65rem}.friends-empty h4{margin:0;color:var(--friends-text);font-size:1.05rem}.friends-empty p{max-width:360px;margin:.45rem 0 1rem;font-size:.88rem;line-height:1.5}.friends-search-form{padding:1rem;border:1px solid var(--friends-line);border-radius:12px;background:var(--friends-surface)}.friends-search-form label{display:block;margin-bottom:.5rem;color:var(--friends-text);font-size:.86rem;font-weight:750}.friends-search-controls{display:flex;gap:.65rem}.friends-search-controls input{flex:1;min-width:0;min-height:44px;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.25);border-radius:9px;color:var(--friends-text);background:#00000040;font:inherit}.friends-search-controls input::placeholder{color:#f1f8e985}.friends-search-controls input:focus{border-color:var(--gold, #ffc107)}.friends-search-hint{margin:.4rem 0 0}.friends-search-results{margin-top:.8rem}.friends-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:200px;color:var(--friends-muted)}.friends-spinner{width:24px;height:24px;border:3px solid rgba(255,193,7,.2);border-top-color:var(--gold, #ffc107);border-radius:50%;animation:friends-spin .8s linear infinite}.friends-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes friends-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.friends-header{align-items:flex-start;padding:1rem 1.25rem .75rem}.friends-message{margin-right:1.25rem;margin-left:1.25rem}.friends-tabs{padding:0 1.25rem}.friends-tab{min-height:48px;font-size:.76rem}.friends-content{padding:.8rem 1.25rem 1.25rem}.friends-row{align-items:stretch;flex-direction:column}.friends-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.friends-row>.friends-action,.friends-row-actions .friends-action{min-height:44px}.friends-search-controls{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.friends-action,.friends-primary-button,.friends-secondary-button,.friends-person-name{transition:none}.friends-spinner{animation-duration:1.5s}}.stats-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.stats-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #ffd700;border-radius:16px;max-width:600px;width:100%;max-height:calc(85vh / var(--panel-scale, 1));overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080}.stats-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#0000004d;border-bottom:1px solid rgba(255,215,0,.2)}.stats-modal-header h2{margin:0;color:gold;font-size:1.5rem}.close-btn{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:5px;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.stats-modal-content{padding:25px;overflow-y:auto;color:#fff}.stats-section{margin-bottom:30px}.stats-section h3{color:gold;font-size:1.1rem;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.elo-section{text-align:center;padding:20px;background:#ffd7000d;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.elo-display{margin-bottom:20px}.elo-big-number{font-size:4rem;font-weight:700;color:gold;line-height:1;margin-bottom:10px}.elo-tier-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:600;font-size:1rem;color:#fff}.elo-tier-badge.placement-badge{background:#607d8b}.elo-progress{max-width:300px;margin:0 auto}.progress-label{font-size:.9rem;color:#ffffffb3;margin-bottom:8px}.progress-bar{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.progress-fill{height:100%;border-radius:5px;transition:width .5s ease}.progress-text{font-size:.85rem;color:var(--text-muted);margin-top:5px}.record-summary{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;font-size:.95rem;font-weight:600;flex-wrap:wrap}.record-summary .record-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.record-ranked{display:inline-flex;align-items:center;color:gold}.record-ranked .record-dot{background:gold}.record-sep{color:var(--text-muted)}.record-casual{display:inline-flex;align-items:center;color:#8fd6a0;font-weight:500;cursor:help}.record-casual .record-dot{background:#8fd6a0}.record-ai{display:inline-flex;align-items:center;color:var(--text-muted);font-weight:500;cursor:help}.record-ai .record-dot{background:#fff6}.stats-grid-4,.stats-grid-3{display:grid;gap:15px}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stat-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:15px 10px;text-align:center}.stat-box.wins{border-color:#4caf504d;background:#4caf501a}.stat-box.losses{border-color:#f443364d;background:#f443361a}.stat-box.highlight{border-color:#ffd7004d;background:#ffd7001a}.stat-number{font-size:1.8rem;font-weight:700;color:gold;line-height:1;margin-bottom:5px}.daily-board-list{list-style:none;padding:0;margin:0 0 .6rem}.daily-board-list li{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;align-items:center;padding:.45rem .6rem;border-radius:6px;font-variant-numeric:tabular-nums}.daily-board-list li:nth-child(odd){background:#ffffff09}.daily-board-list li.is-you{background:#ffd70024;box-shadow:inset 3px 0 gold;font-weight:600}.daily-board-rank{color:#ffffff73}.daily-board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-board-card{color:gold;font-weight:700}.stat-of{font-size:1.05rem;font-weight:600;color:#ffd70080}.stat-box.wins .stat-number{color:#4caf50}.stat-box.losses .stat-number{color:#ff8a80}.stat-name{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.mode-stats-list{display:flex;flex-direction:column;gap:8px}.mode-stats-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;flex-wrap:wrap}.mode-stats-title{display:flex;align-items:center;gap:8px;min-width:130px;font-weight:600}.mode-stats-icon{font-size:1.3rem}.mode-stats-name{color:#fff}.mode-stats-body{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.85rem}.mode-stats-line{display:flex;align-items:center;gap:8px}.mode-stats-ranked{color:gold;font-weight:600}.mode-stats-ai{color:var(--text-muted);cursor:help}.mode-stats-winrate{color:#fff9;font-weight:500}.mode-stats-best{color:var(--text-muted);font-size:.8rem}.mode-stats-empty{color:var(--text-muted);font-size:.85rem;font-style:italic}.mode-stats-teams{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px;padding:10px 15px;background:#2196f314;border:1px solid rgba(33,150,243,.2);border-radius:10px;font-size:.85rem}.mode-stats-teams-label{font-weight:600;color:#90caf9}.mode-stats-teams-record{color:#fffc}.tier-ladder{display:flex;flex-direction:column;gap:8px}.tier-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 15px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;opacity:.5;transition:all .3s}.tier-row.active{opacity:1;background:#ffd7001a;border-color:gold;box-shadow:0 0 15px #ffd70033}.tier-row.next{opacity:.8}.tier-icon{font-size:1.5rem;text-align:center}.tier-name{font-weight:600;color:#fff}.tier-row.active .tier-name{color:gold}.tier-range{font-size:.85rem;color:var(--text-muted);font-family:monospace}.stats-note{background:#2196f31a;border-left:4px solid #2196f3;padding:15px;border-radius:4px;font-size:.9rem;line-height:1.5;color:#fffc}.stats-note strong{color:#2196f3}.stat-box small{display:block;margin-top:4px;color:var(--text-muted);font-size:.67rem}.scoring-mix{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.scoring-mix span{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:linear-gradient(90deg,rgba(212,175,55,.22) var(--share),rgba(255,255,255,.04) var(--share));font-size:.78rem}.stats-note-neutral{margin-top:12px;border-left-color:#d4af378c;background:#d4af3712;color:#ffffffb8}.rating-history{color:var(--gold, #ffc107);padding:10px 12px;border-radius:10px;background:#00000038}.rating-history svg{display:block;width:100%;height:120px}.rating-history>div{display:flex;justify-content:space-between;color:#ffffff9e;font-size:.76rem}.rating-history strong{color:var(--gold, #ffc107)}.stats-empty-copy{color:var(--text-muted);font-size:.85rem}@media(max-width:600px){.stats-modal{max-height:90vh}.stats-modal-content{padding:15px}.elo-big-number{font-size:3rem}.stats-grid-4{grid-template-columns:repeat(2,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stat-number{font-size:1.4rem}.tier-row{grid-template-columns:30px 1fr auto;padding:10px 12px}.tier-icon{font-size:1.2rem}.mode-stats-row{flex-direction:column;align-items:flex-start}.mode-stats-body{align-items:flex-start;width:100%}.scoring-mix{grid-template-columns:1fr}.compact-stats-grid{grid-template-columns:repeat(2,1fr)}.rating-history svg{height:90px}}.leak-list{list-style:none;padding:0;margin:.5rem 0 0}.leak-list li{position:relative;display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;padding:.45rem .6rem;margin-bottom:.25rem;border-radius:6px;overflow:hidden;font-size:.88rem}.leak-bar{position:absolute;left:0;top:0;bottom:0;background:#e0a06a29;z-index:0}.leak-label,.leak-cost{position:relative;z-index:1}.leak-label em{font-style:normal;margin-left:.5rem;opacity:.5;font-size:.8rem}.leak-cost{color:#e0a06a;font-weight:700;font-variant-numeric:tabular-nums}.leak-drill-btn{margin-top:.6rem;padding:.5rem 1.1rem;border-radius:999px;border:1px solid rgba(255,215,0,.45);background:#ffd7001f;color:gold;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.leak-drill-btn:hover{background:#ffd70038;border-color:gold}.learn{display:flex;flex-direction:column;height:100%;min-height:0;color:#e8e8ea}.learn-tabs{display:flex;gap:8px;padding:0 4px 12px;flex-shrink:0}.learn-tab{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,215,0,.25);background:#00000040;color:#d7d7dc;font-size:.95rem;font-weight:600;min-height:44px}.learn-tab.active{background:#ffd70024;border-color:var(--gold, #ffc107);color:var(--gold, #ffc107)}@media(max-width:480px){.learn-tabs{flex-wrap:wrap}.learn-tab{flex:1 1 calc(33.3% - 8px);font-size:.85rem;padding:8px 6px}}.learn-guide,.learn-practice,.learn-tutorials,.learn-faqs,.learn-features{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.learn-progress{margin:0 0 12px;font-size:.85rem;color:#a9a9b3}.learn-error{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#f443361f;border:1px solid rgba(244,67,54,.4);color:#ffb4ae;font-size:.9rem}.learn-chapters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.learn-chapter{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#00000038;overflow:hidden}.learn-chapter.open{border-color:#ffd70059}.learn-chapter-heading{margin:0;font-size:1rem}.learn-chapter-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-radius:0;text-align:left;color:inherit;font-size:1rem;font-weight:600;min-height:52px}.learn-chapter-number{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffd70029;color:var(--gold, #ffc107);font-size:.8rem;font-weight:700}.learn-chapter-title{flex:1}.learn-chapter-read{color:#7ddc8a;font-size:.95rem}.learn-chapter-chevron{color:#8d8d97;font-size:.8rem}.learn-chapter-body{padding:4px 20px 20px;max-width:62ch;font-size:1rem;line-height:1.65;color:#dcdce2}.learn-chapter-body p{margin:0 0 1em}.learn-chapter-body strong{color:#fff}.learn-chapter-body em{color:#f3d98a;font-style:italic}.lesson-list{margin:0 0 1em;padding-left:1.3em}.lesson-list li{margin-bottom:.5em}.lesson-note{margin:1.2em 0;padding:12px 14px;border-left:3px solid var(--gold, #ffc107);border-radius:0 8px 8px 0;background:#ffd70012;font-size:.94rem;color:#ddd5be}.learn-chapter-icon{flex-shrink:0;font-size:1.1rem}.faq-category,.features-category{margin-bottom:20px}.faq-category-heading{margin:0 0 10px;padding:0 4px;color:var(--gold, #ffc107);font-size:1.05rem}.faq-item .learn-chapter-toggle{font-size:.95rem;padding:12px 16px;min-height:44px}.features-blurb{margin:0 0 10px;padding:0 4px;max-width:62ch;font-size:.95rem;line-height:1.55;color:#b8b8c2}.features-items{list-style:none;margin:0;padding:0 4px;max-width:62ch;display:flex;flex-direction:column;gap:6px;font-size:.95rem;line-height:1.55;color:#dcdce2}.features-items strong{color:#fff}.lesson-example{margin:1.3em 0;padding:14px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.lesson-example-cards{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lesson-example-starter{display:flex;flex-direction:column;align-items:center;gap:2px;margin-left:14px;padding-left:14px;border-left:1px dashed rgba(255,255,255,.25)}.lesson-example-starter-label,.practice-starter-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#a9a9b3}.lesson-example-score{display:flex;flex-direction:column;align-items:center;margin-left:auto;padding-left:12px;color:var(--gold, #ffc107)}.lesson-example-score strong{font-size:1.6rem;line-height:1;color:var(--gold, #ffc107)}.lesson-example-score span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#a9a9b3}.lesson-example figcaption{margin-top:10px;font-size:.9rem;color:#b8b8c2;line-height:1.55}.practice{max-width:62ch}.practice-header h3{margin:0 0 4px;color:var(--gold, #ffc107);font-size:1.15rem}.practice-session{margin:0 0 16px;font-size:.85rem;color:#a9a9b3}.practice-cards{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:18px}.practice-cards .card,.practice-starter .card{width:64px;height:96px;flex-shrink:0}.practice-starter{display:flex;flex-direction:column;align-items:center;gap:2px;margin-left:14px;padding-left:14px;border-left:1px dashed rgba(255,255,255,.25)}.practice-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.practice-label{display:block;width:100%;margin-bottom:4px;font-size:.85rem;color:#a9a9b3}.practice-input{width:96px;padding:10px 12px;font-size:1.3rem;text-align:center;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#00000059;color:#fff;min-height:44px}.practice-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--gold, #ffc107);background:#ffd70026;color:var(--gold, #ffc107);font-weight:600;min-height:44px}.practice-btn:disabled{opacity:.45;cursor:not-allowed}.practice-verdict{min-height:1.5em;margin-top:14px}.practice-correct{margin:0;color:#7ddc8a;font-weight:600}.practice-wrong{margin:0;color:#ffb4ae;font-weight:600}.practice-working{margin-top:16px;padding:14px 16px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.practice-working h4{margin:0 0 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#a9a9b3}.practice-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.practice-steps li{display:flex;align-items:center;gap:10px;font-size:.95rem}.practice-step-chip{flex-shrink:0;min-width:74px;padding:2px 8px;border-radius:999px;background:#ffd70024;color:var(--gold, #ffc107);font-size:.72rem;font-weight:700;text-align:center}.practice-total{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-weight:700;color:#fff}@media(max-width:600px){.lesson-example-score{margin-left:0;padding-left:0;flex-direction:row;gap:6px;align-items:baseline}.learn-chapter-body{padding:4px 14px 16px}}.achievements{color:#e8e8ea}.achievements-status{margin:0;padding:16px 0;color:#a9a9b3;font-size:.92rem}.achievements-status.error{color:#ffb4ae}.achievements-new{margin:0 0 16px;padding:14px 16px;border-radius:12px;border:1px solid var(--gold, #ffc107);background:#ffd7001f}.achievements-new h3{margin:0 0 6px;font-size:.95rem;color:var(--gold, #ffc107)}.achievements-new ul{margin:0;padding-left:1.1em;font-size:.9rem;color:#e8e8ea}.achievements-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.achievements-count{margin:0;font-size:.92rem;color:#a9a9b3}.achievements-count strong{font-size:1.25rem;color:var(--gold, #ffc107)}.achievements-picker-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.achievements-picker-hint{font-size:.82rem;color:#a9a9b3}.achievements-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--gold, #ffc107);background:#ffd70024;color:var(--gold, #ffc107);font-size:.87rem;font-weight:600;min-height:40px}.achievements-btn.ghost{border-color:#ffffff38;background:transparent;color:#c8c8d2}.achievements-btn:disabled{opacity:.45;cursor:not-allowed}.achievements-explainer{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#ffffff0d;font-size:.86rem;line-height:1.5;color:#b8b8c2}.achievements-group{margin-bottom:20px}.achievements-group-title{margin:0 0 8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8d8d97}.achievements-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.achievement{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000038}.achievement.earned{background:#ffffff0f;border-left-width:4px}.achievement.earned.tier-bronze{border-left-color:#cd7f32}.achievement.earned.tier-silver{border-left-color:#c0c0c8}.achievement.earned.tier-gold{border-left-color:var(--gold, #ffc107)}.achievement.locked .achievement-icon{opacity:.4}.achievement-icon{font-size:1.7rem;line-height:1.1;flex-shrink:0;width:2rem;text-align:center}.achievement-detail{flex:1;min-width:0}.achievement-name{margin:0 0 2px;font-size:.98rem;font-weight:600;color:#fff}.achievement.locked .achievement-name{color:#c0c0c8}.achievement-desc{margin:0 0 6px;font-size:.84rem;line-height:1.45;color:#a9a9b3}.achievement-progress-label{margin:0;font-size:.78rem;color:#8d8d97}.achievement-progress-label.is-earned{color:#7ddc8a}.achievement-bar{margin-top:6px;height:5px;border-radius:999px;background:#ffffff1a;overflow:hidden}.achievement-bar-fill{height:100%;border-radius:999px;background:var(--gold, #ffc107)}.achievement-showcase-btn{flex-shrink:0;width:44px;height:44px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#8d8d97;font-size:1.2rem}.achievement-showcase-btn.on{border-color:var(--gold, #ffc107);background:#ffd70029;color:var(--gold, #ffc107)}.achievement-showcase-btn:disabled{opacity:.35;cursor:not-allowed}@media(min-width:720px){.achievements-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.achievements-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}.achievements-tab{appearance:none;-webkit-appearance:none;background:none;border:none;border-bottom:3px solid transparent;color:inherit;font:inherit;font-weight:700;opacity:.65;padding:8px 14px;cursor:pointer;margin-bottom:-1px}.achievements-tab.selected{opacity:1;border-bottom-color:var(--gold, #ffc107)}.achievements-tab:focus-visible{outline:3px solid var(--gold, #ffc107);outline-offset:-3px}.achievements-new-rewards{margin:10px 0 4px;font-weight:700}.achievements-new-cat{opacity:.7;font-weight:400}.swatch{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.swatch-card .card-back{width:36px;height:52px;--card-back-radius: 5px;--card-back-border-width: 1.5px;--card-back-shadow: 0 2px 6px rgba(0, 0, 0, .45)}.swatch-type{background:#f7f4ec;color:#1b1b1b;flex-direction:column;gap:1px}.swatch-rank-sample{font-family:var(--card-rank-font, inherit);font-weight:var(--card-rank-weight, 700);letter-spacing:var(--card-rank-spacing, normal);font-size:calc(.62rem * var(--card-rank-scale, 1));white-space:nowrap}.swatch-suits{display:grid;grid-template-columns:1fr 1fr;gap:0 3px;font-family:var(--card-suit-font, inherit);font-weight:var(--card-suit-weight, 400);font-size:calc(.95rem * var(--card-suit-scale, 1));line-height:1}.swatch-board{width:68px;border:1px solid;border-radius:6px}.swatch-board svg{width:100%;height:100%}.swatch-peg{background:#ffffff12}.swatch-peg svg{width:70%;height:90%}.swatch-frame{overflow:visible}.locker{display:flex;flex-direction:column;gap:18px}.locker-preview{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12)}.locker-preview-hand{display:flex;align-items:center;gap:4px}.locker-preview-hand>*{margin-right:-14px;transform:rotate(-4deg)}.locker-preview-hand>*:nth-child(2){transform:rotate(0) translateY(-3px)}.locker-preview-hand>*:nth-child(3){transform:rotate(4deg)}.locker-preview-back{display:block;width:50px;height:75px}.locker-preview-back .card-back{width:100%;height:100%;--card-back-radius: 6px}.locker-preview-rest{display:flex;align-items:center;gap:12px}.locker-group{display:flex;flex-direction:column;gap:10px}.locker-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.locker-item{width:100%;display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;text-align:left;font:inherit;color:inherit}button.locker-item{cursor:pointer;appearance:none;-webkit-appearance:none}@media(hover:hover){button.locker-item:hover{background:#ffffff1a;border-color:#ffffff4d}}button.locker-item:focus-visible{outline:3px solid var(--gold, #ffc107);outline-offset:2px}.locker-item.equipped{border-color:var(--gold, #ffc107);background:#ffc1071f;box-shadow:inset 0 0 0 1px var(--gold, #ffc107)}button.locker-item.equipped{cursor:default}.locker-equip-hint{margin-top:4px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--gold, #ffc107);opacity:0;transition:opacity .15s}@media(hover:hover){button.locker-item:hover .locker-equip-hint{opacity:1}}button.locker-item:focus-visible .locker-equip-hint{opacity:1}@media(hover:none){.locker-equip-hint{opacity:.75}}.locker-item.locked{opacity:.72}.locker-item.locked .swatch{filter:grayscale(.55)}.locker-item.tier-silver{border-left:3px solid #c8ccd2}.locker-item.tier-gold{border-left:3px solid #d4af37}.locker-item-body{display:flex;flex-direction:column;gap:3px;min-width:0}.locker-item-name{font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.locker-equipped-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:var(--gold, #ffc107);color:#241a00}.locker-hint{margin:2px 0 0;font-size:.82rem;opacity:.75}.locker-item-desc{font-size:.82rem;opacity:.8;line-height:1.35}.locker-item-locked{display:flex;flex-direction:column;gap:4px;margin-top:4px;font-size:.78rem}.locker-req-text{opacity:.85}.locker-progress{display:flex;align-items:center;gap:6px}.locker-progress-track{flex:1;height:5px;border-radius:999px;background:#ffffff29;overflow:hidden}.locker-progress-fill{display:block;height:100%;border-radius:999px;background:var(--gold, #ffc107)}.locker-progress-label{font-variant-numeric:tabular-nums;opacity:.75;white-space:nowrap}.locker-new-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:#2e7d32;color:#fff}.welcome-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#000000bf}.welcome-modal{width:100%;max-width:460px;padding:26px 24px 22px;border-radius:16px;border:2px solid var(--gold, #ffc107);background:linear-gradient(145deg,#1a1a2e,#16213e);box-shadow:0 25px 80px #00000080;color:#e8e8ea;max-height:90vh;overflow-y:auto}.welcome-title{margin:0 0 4px;font-size:1.5rem;color:var(--gold, #ffc107)}.welcome-body{margin:0 0 20px;color:#b8b8c2}.welcome-choices{display:flex;flex-direction:column;gap:10px}.welcome-choice{display:flex;align-items:flex-start;gap:14px;width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:inherit;text-align:left;min-height:44px}.welcome-choice.primary{border-color:var(--gold, #ffc107);background:#ffd7001a}.welcome-choice:hover,.welcome-choice:focus-visible{border-color:var(--gold, #ffc107);background:#ffd70024}.welcome-choice-icon{font-size:1.5rem;line-height:1.2}.welcome-choice-text{display:flex;flex-direction:column;gap:3px}.welcome-choice-text strong{font-size:1rem;color:#fff}.welcome-choice-text small{font-size:.83rem;line-height:1.45;color:#a9a9b3}.tour-overlay{position:fixed;inset:0;z-index:2000;pointer-events:auto}.tour-scrim{position:absolute;inset:0;background:#000000b8;pointer-events:auto}.tour-spotlight{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #000000b8;border:2px solid var(--gold, #ffc107);pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-card{position:absolute;left:50%;width:min(360px,calc(100vw - 32px));padding:18px 20px;border-radius:14px;border:1px solid var(--gold, #ffc107);background:linear-gradient(145deg,#1a1a2e,#16213e);box-shadow:0 18px 50px #0000008c;color:#e8e8ea;pointer-events:auto}.tour-card.centred{top:50%;transform:translate(-50%,-50%)}.tour-count{margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#8d8d97}.tour-title{margin:0 0 8px;font-size:1.15rem;color:var(--gold, #ffc107)}.tour-body{margin:0 0 16px;font-size:.94rem;line-height:1.55;color:#c8c8d2}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-nav{display:flex;gap:8px}.tour-skip,.tour-back,.tour-next{padding:9px 16px;border-radius:8px;font-size:.9rem;font-weight:600;min-height:40px}.tour-skip{border:none;background:none;color:#8d8d97;padding-left:0}.tour-skip:hover,.tour-skip:focus-visible{color:#c8c8d2}.tour-back{border:1px solid rgba(255,255,255,.2);background:transparent;color:#c8c8d2}.tour-next{border:1px solid var(--gold, #ffc107);background:var(--gold, #ffc107);color:#1a1a2e}@media(prefers-reduced-motion:reduce){.tour-spotlight{transition:none}}.install-prompt{margin-top:1.5rem;padding:1rem 1.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;max-width:26rem;text-align:center;animation:install-prompt-reveal .35s ease-out}@keyframes install-prompt-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.install-prompt-copy{margin:0 0 .75rem;color:#ffffffd9;font-size:.95rem}.install-prompt-ios{margin:0 0 .75rem;color:#ffffffb3;font-size:.85rem}.install-prompt-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.install-prompt-btn{min-height:44px;padding:0 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer}.install-prompt-btn.primary{background:#ffffffeb;color:#0f382a;border:1px solid rgba(255,255,255,.92)}.install-prompt-btn.primary:hover{background:#fff}.install-prompt-btn.quiet{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.25)}.install-prompt-btn.quiet:hover{color:#ffffffd9;border-color:#ffffff73}.install-prompt-stores{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem}.install-prompt-store-link{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#ffffffd9;font-size:.85rem;text-decoration:none}.install-prompt-store-link:hover{border-color:#ffffff73;color:#fff}@media(max-width:768px){.install-prompt{margin-top:1rem;padding:.75rem 1rem}.install-prompt-copy{font-size:.85rem}}.share-glyph{width:1.15em;height:1.15em;vertical-align:-.25em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.share-glyph-chip{display:inline-flex;align-items:center;justify-content:center;padding:.15em .4em;margin:0 .15em;border:1px solid currentColor;border-radius:.35em;opacity:.9}.home-page{zoom:var(--panel-scale, 1);min-height:calc(100vh / var(--panel-scale, 1));min-height:calc(100dvh / var(--panel-scale, 1));display:flex;flex-direction:column;background-color:var(--felt-color);background-image:var(--felt-texture);overflow-x:hidden;overflow-y:auto}.home-header{background:linear-gradient(180deg,#0009,#0000004d);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,193,7,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.home-brand{display:flex;align-items:center;gap:10px}.home-brand-logo{height:50px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s}.home-brand-logo:hover{transform:scale(1.05)}.home-user-section{display:flex;align-items:center;gap:12px}.home-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;box-shadow:0 2px 8px #0000004d}.home-user-name{color:var(--text-light);font-weight:500;display:none}@media(min-width:600px){.home-user-name{display:block}}.home-logout-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.home-logout-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff6}.home-admin-btns{display:flex;gap:6px;margin-right:6px}.home-admin-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.home-admin-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff6}@media(max-width:700px){.home-admin-btn-label{display:none}}.home-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.carousel-layout{display:flex;flex-direction:column;padding:1rem;gap:1rem;flex:1;min-height:0;overflow:hidden}.carousel-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#0000004d;border-radius:16px;flex-shrink:0}.carousel-tab{display:flex;align-items:center;gap:6px;padding:.6rem 1rem;background:transparent;border:none;border-radius:12px;color:#f1f8e999;cursor:pointer;transition:all .2s;font-size:.85rem}@media(hover:hover){.carousel-tab:hover{background:#ffffff1a;color:var(--text-light)}}.carousel-tab.active{background:linear-gradient(145deg,#ffc10733,#ff980026);color:var(--gold);border:1px solid rgba(255,193,7,.3)}.tab-icon{font-size:1.1rem}.tab-label{font-weight:500}.home-page .carousel-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border:1px solid rgba(255,193,7,.7);border-radius:999px;background:var(--gold);color:var(--wood-dark);font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 2px 8px #00000047}@media(max-width:600px){.tab-label{display:none}.carousel-tabs{gap:.15rem;padding:.25rem}.carousel-tab{padding:.6rem .4rem;border:1px solid transparent}.tab-icon{font-size:1.3rem}}.carousel-container{flex:1;display:flex;align-items:center;position:relative;min-height:0}.carousel-track{flex:1;overflow:hidden;border-radius:20px;height:100%}.carousel-slides{display:flex;transition:transform .4s ease-out;height:100%}.carousel-panel{min-width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(145deg,#3e2723e6,#281815f2);border:2px solid var(--wood-light);border-radius:20px;overflow:hidden}.panel-header{padding:1rem 3.5rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.panel-title{color:var(--gold);font-size:1.3rem;margin:0;text-transform:uppercase;letter-spacing:1px}.panel-title span{color:var(--gold)}.panel-subtitle{color:#f1f8e999;margin:.5rem 0 0;font-size:1rem}.panel-content{flex:1;padding:1.5rem 3.5rem;overflow:hidden}.panel-content.scrollable{overflow-y:auto}.panel-content.no-padding{padding:0}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#00000080;border:2px solid rgba(255,193,7,.3);color:var(--gold);font-size:1.2rem;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{background:#ffc10733;border-color:var(--gold);transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}@media(max-width:800px){.carousel-arrow{width:40px;height:40px;font-size:1rem}.carousel-arrow-left{left:5px}.carousel-arrow-right{right:5px}}@media(max-width:600px){.carousel-arrow{display:none}.panel-header,.panel-content{padding:1rem 1.5rem}.home-content{padding:.5rem}.play-panel .panel-content{padding:1rem .75rem}}@media(min-width:601px){.carousel-layout{padding-bottom:calc(3.5rem + 10px)}}.play-panel .panel-content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;justify-content:safe center;overflow-y:auto}.play-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.play-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1.5rem 2rem;border-radius:16px;border:2px solid;cursor:pointer;transition:all .2s;min-width:120px}.play-btn.primary{background:linear-gradient(145deg,#ffc107,#ff9800);border-color:#e65100;color:var(--wood-dark)}.play-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff980066}.play-btn.secondary{background:#ffffff0d;border-color:#ffc10766;color:var(--gold)}.play-btn.secondary:hover{background:#ffc10726;border-color:var(--gold);transform:translateY(-3px)}.play-btn.solo{background:linear-gradient(135deg,#ffb3002e,#ff8f002e);border-color:#ffb30080;color:#ffc74d}.play-btn.solo:hover{background:linear-gradient(135deg,#ffb30047,#ff8f0047);border-color:#ffc74d;transform:translateY(-3px)}.play-btn.nearby{background:linear-gradient(135deg,#03a9f433,#00796b3d);border-color:#4dd0e18c;color:#80deea}.play-btn.nearby:hover{background:linear-gradient(135deg,#03a9f44d,#00796b57);border-color:#80deea;transform:translateY(-3px)}.daily-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;margin-left:.45rem;padding:0 .35rem;border-radius:999px;background:var(--gold);color:#2b1d05;font-size:.78rem;font-weight:700;line-height:1;vertical-align:middle}.daily-badge.new{min-width:.6rem;width:.6rem;height:.6rem;padding:0}.play-btn.daily{background:linear-gradient(135deg,#d4af3733,#b8733333);border-color:#d4af378c;color:#e8c86a}.play-btn.daily:hover{background:linear-gradient(135deg,#d4af374d,#b873334d);border-color:#e8c86a;transform:translateY(-3px)}.play-btn.labs{background:linear-gradient(135deg,#7c4dff33,#536dfe33);border-color:#7c4dff80;color:#b388ff}.play-btn.labs:hover{background:linear-gradient(135deg,#7c4dff4d,#536dfe4d);border-color:#b388ff;transform:translateY(-3px)}.play-btn.shuffle-lab{background:linear-gradient(135deg,#388e3c38,#1b5e2047);border-color:#66bb6a80;color:#a5d6a7;text-decoration:none}.play-btn.shuffle-lab:hover{background:linear-gradient(135deg,#388e3c57,#1b5e2066);border-color:#a5d6a7;transform:translateY(-3px)}.play-btn .btn-icon{font-size:2rem}.play-btn .btn-text{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.play-btn .btn-subtitle{font-size:.7rem;font-weight:500;opacity:.8;text-align:center}@media(max-width:600px){.play-panel .panel-title{font-size:1.1rem}.play-panel .panel-subtitle{font-size:.85rem;margin-top:.25rem}.play-actions{margin-top:1rem;gap:.5rem}.play-btn{padding:.8rem 1.2rem;min-width:90px;gap:4px}.play-btn .btn-icon{font-size:1.5rem}.play-btn .btn-text{font-size:.7rem}.play-btn .btn-subtitle{font-size:.6rem}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stats-grid.compact{grid-template-columns:repeat(3,1fr);gap:.5rem}.stats-grid.compact .stat-item{padding:.75rem .5rem}.stats-grid.compact .stat-value{font-size:1.4rem}.stats-grid.compact .stat-label{font-size:.65rem}.stat-item{text-align:center;padding:1rem;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.stat-value{font-size:2rem;font-weight:700;color:var(--gold);display:block;line-height:1}.stat-label{font-size:.75rem;color:#f1f8e999;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;display:block}.elo-hero{text-align:center;padding:1.5rem 1rem;margin-bottom:1rem;background:linear-gradient(135deg,#ffd7001a,#ff98000d);border-radius:12px;border:1px solid rgba(255,215,0,.2)}.elo-rating{font-size:3.5rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:5px}.elo-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.elo-tier{margin-top:10px;font-size:.9rem;font-weight:600;color:var(--gold)}.elo-tier.placement-note{font-weight:500;font-size:.8rem;color:var(--text-muted)}.stats-panel-actions{display:flex;gap:10px;margin-top:1rem}.view-stats-btn{flex:1;width:100%;padding:12px;background:linear-gradient(135deg,#2196f326,#2196f314);border:1px solid rgba(33,150,243,.3);border-radius:10px;color:#42a5f5;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.view-stats-btn:hover{background:linear-gradient(135deg,#2196f340,#2196f326);border-color:#2196f380;transform:translateY(-2px)}.view-stats-btn:active{transform:translateY(0)}.view-leaderboard-btn{background:linear-gradient(135deg,#ffd70026,#ffd70014);border:1px solid rgba(255,215,0,.3);color:var(--gold, #ffd700)}.view-leaderboard-btn:hover{background:linear-gradient(135deg,#ffd70040,#ffd70026);border-color:#ffd70080}@media(max-width:600px){.stats-panel-actions{flex-direction:column}}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}}.create-room-modal{max-width:400px;max-height:calc(85vh / var(--panel-scale, 1));overflow-y:auto}.new-game-opponent-picker{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:0 0 1.1rem}.new-game-opponent-picker button{border:1px solid rgba(93,64,55,.3);border-radius:10px;padding:.75rem .55rem;background:#5d40370d;color:var(--wood-dark);font:inherit;font-weight:700;cursor:pointer}.new-game-opponent-picker button.selected{border-color:var(--wood-dark);background:#ffc10738;box-shadow:0 0 0 2px #ffc10738}.new-game-primary{display:block;width:100%;margin-top:1.25rem}.new-game-footer-note{border-top:1px solid #eee;padding-top:.75rem;margin-top:1.25rem}.new-game-discard-warning,.new-game-engine-blocked{margin-bottom:1rem}.create-room-bots-hint{margin-top:0;margin-bottom:1.25rem}.learn-nudge{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px;margin:1rem auto 0;padding:10px 16px;border-radius:10px;border:1px dashed rgba(255,193,7,.55);background:#ffc10714;color:var(--gold);font-size:.9rem;font-weight:600;min-height:44px}.learn-nudge:hover,.learn-nudge:focus-visible{border-style:solid;background:#ffc10729}.learn-carousel-panel .panel-content{padding:1rem 1.25rem 1.5rem}.stats-achievements{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12);text-align:left}.stats-achievements-title{margin:0 0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stats-panel .panel-content{overflow-y:auto;-webkit-overflow-scrolling:touch}.play-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.play-btn:disabled:hover{transform:none}.fullscreen-btn{width:44px;height:44px;display:inline-grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#00000038;color:#fff;cursor:pointer}.fullscreen-btn:hover,.fullscreen-btn:focus-visible{color:var(--gold, #ffc107);border-color:#ffc1078c;background:#ffc1071a}.fullscreen-glyph{font-size:1.25rem;line-height:1;transform:rotate(-45deg)}.landing-page{--gold: #ffd700;--gold-soft: #ffc74d;--gold-deep: #c9a227;--ink: #ffffff;--ink-muted: #b9c8bf;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .14);--felt: #0f382a;--felt-deep: #081f16;min-height:100vh;width:100%;background:radial-gradient(1100px 520px at 50% -120px,rgba(255,215,0,.1),transparent 70%),radial-gradient(900px 700px at 85% 40%,rgba(20,90,60,.35),transparent 65%),linear-gradient(165deg,var(--felt) 0%,var(--felt-deep) 100%);color:var(--ink);font-family:Inter,Segoe UI,sans-serif;display:flex;flex-direction:column;overflow-x:hidden}.landing-page .landing-header{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem 2rem;background:#04120c40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--glass-border);min-height:80px;transition:background .3s ease}.landing-page .landing-header.scrolled{background:#04120cd9}.landing-page .logo-container{position:absolute;left:50%;transform:translate(-50%);top:10px;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:101}.landing-page .logo-img{height:140px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:transform .3s ease,height .3s ease}.landing-page .landing-header.scrolled .logo-img{height:64px}.landing-page .logo-img:hover{transform:scale(1.06) rotate(3deg)}.landing-page .nav-links{display:flex;gap:1.5rem}.landing-page .nav-btn{background:transparent;border:none;color:var(--ink);font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s ease}.landing-page .nav-btn:hover{color:var(--gold)}.landing-page .login-btn{background:var(--gold);color:#000;padding:.5rem 1.5rem;border-radius:2rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.landing-page .login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d;color:#000}.landing-page .hero-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3rem;max-width:1200px;width:100%;margin:0 auto;padding:7rem 2rem 4rem}.landing-page .hero-content{animation:landingFadeUp .9s ease-out backwards}.landing-page .hero-title{font-size:3.6rem;font-weight:800;background:linear-gradient(to right,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1.25rem;line-height:1.15}.landing-page .hero-subtitle{font-size:1.25rem;color:var(--ink-muted);margin:0 0 2.25rem;line-height:1.6;max-width:34em}.landing-page .hero-inline-link{color:var(--gold-soft);text-decoration:none;border-bottom:1px solid rgba(255,199,77,.4);white-space:nowrap;transition:color .2s,border-color .2s}.landing-page .hero-inline-link:hover,.landing-page .hero-inline-link:focus-visible{color:var(--gold);border-bottom-color:var(--gold)}.landing-page .cta-row{display:flex;flex-wrap:wrap;gap:14px}.landing-page .cta-footnote{margin:1rem 0 0;max-width:34em;font-size:.88rem;line-height:1.55;color:var(--ink-muted)}.landing-page .cta-button{background:linear-gradient(45deg,var(--gold),var(--gold-deep));color:#000;border:none;padding:1rem 2.1rem;font-size:1.2rem;font-weight:700;border-radius:3rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 20px #00000040;text-transform:uppercase;letter-spacing:1px}.landing-page .cta-button:hover{transform:scale(1.05);box-shadow:0 15px 30px #ffd70059}.landing-page .cta-button.secondary{background:transparent;border:2px solid rgba(255,199,77,.7);color:var(--gold-soft)}.landing-page .cta-button.secondary:hover{background:#ffc74d24;border-color:var(--gold-soft)}.landing-page .hero-stats{display:flex;flex-wrap:wrap;gap:2.25rem;list-style:none;margin:2.75rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--glass-border)}.landing-page .hero-stat{display:flex;flex-direction:column;gap:2px}.landing-page .hero-stat-value{font-size:2rem;font-weight:800;color:var(--gold);line-height:1}.landing-page .hero-stat-label{font-size:.8rem;color:var(--ink-muted);letter-spacing:.5px;text-transform:uppercase}.landing-page .hero-visual{display:flex;flex-direction:column;align-items:center;gap:2.5rem;animation:landingFadeUp .9s ease-out .15s backwards}.landing-page .hero-fan{position:relative;font-size:16px;width:22em;height:15em}.landing-page .hero-card{position:absolute;left:50%;bottom:0;width:6.2em;height:8.7em;margin-left:-3.1em;background:linear-gradient(160deg,#fdfdf6,#efeee2);border:1px solid rgba(0,0,0,.35);border-radius:.55em;box-shadow:0 .6em 1.4em #00000073;color:#1a1a1a;transform-origin:50% 130%;animation:landingDeal .55s cubic-bezier(.2,.8,.3,1) backwards}.landing-page .hero-card.red{color:#c62828}.landing-page .hero-card-corner{position:absolute;top:.4em;left:.55em;font-size:1.15em;font-weight:800;line-height:1.05;text-align:center}.landing-page .hero-card-pip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.4em}.landing-page .hero-fan-0{transform:rotate(-24deg);animation-delay:.15s}.landing-page .hero-fan-1{transform:rotate(-8deg);animation-delay:.3s}.landing-page .hero-fan-2{transform:rotate(8deg);animation-delay:.45s}.landing-page .hero-fan-3{transform:rotate(24deg);animation-delay:.6s}.landing-page .hero-starter{transform:translate(-58%,-62%) rotate(99deg);filter:brightness(.92);animation-delay:.8s}.landing-page .hero-score-chip{position:absolute;top:8%;right:4%;width:3.4em;height:3.4em;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 28%,#ffe98a,var(--gold-deep));color:#241a02;font-size:1.1em;font-weight:900;box-shadow:0 .4em 1em #0006,0 0 1.4em #ffd70059;animation:landingScorePop .45s cubic-bezier(.2,1.6,.4,1) 1.15s backwards}.landing-page .features-section{padding:4rem 2rem 2rem;max-width:1200px;width:100%;margin:0 auto}.landing-page .features-heading{text-align:center;max-width:620px;margin:0 auto 3rem}.landing-page .features-heading h2{font-size:2.4rem;font-weight:800;margin:0 0 .75rem;background:linear-gradient(to right,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-page .features-heading p{color:var(--ink-muted);line-height:1.6;margin:0}.landing-page .features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}.landing-page .feature-card{grid-column:span 2;background:var(--glass-bg);border:1px solid var(--glass-border);padding:1.75rem;border-radius:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:.75rem}.landing-page .feature-card.wide{grid-column:span 3}.landing-page .feature-card:hover{transform:translateY(-8px);border-color:#ffd70073;box-shadow:0 18px 36px #00000059,0 0 24px #ffd70014}@supports (animation-timeline: view()){.landing-page .feature-card{animation:landingCardReveal both;animation-timeline:view();animation-range:entry 0% entry 50%}}@media(prefers-reduced-motion:reduce){.landing-page .feature-card{animation:none}}.landing-page .feature-card-head{display:flex;align-items:center;gap:.85rem}.landing-page .feature-icon{font-size:1.6rem;width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffd7001a;border:1px solid rgba(255,215,0,.22);border-radius:.75rem}.landing-page .feature-title{font-size:1.25rem;margin:0;color:var(--gold)}.landing-page .feature-desc{color:var(--ink-muted);line-height:1.6;margin:0;flex:1}.landing-page .feature-chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.landing-page .feature-chip{font-size:.75rem;font-weight:600;color:#f1f8e9bf;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:2rem;padding:.25rem .7rem;white-space:nowrap}.landing-page .closing-cta{text-align:center;padding:4rem 2rem 5rem}.landing-page .closing-cta h2{font-size:2.2rem;font-weight:800;margin:0 0 .5rem}.landing-page .closing-cta p{color:var(--ink-muted);margin:0 0 2rem}.landing-page .landing-footer{text-align:center;padding:2rem;color:#a3a3a3;border-top:1px solid var(--glass-border);margin-top:auto;font-size:.9rem}.landing-page .landing-footer p{margin:.25rem 0}.landing-page .landing-footer a{color:inherit;text-decoration:underline}.landing-page .landing-footer a:hover,.landing-page .landing-footer a:focus-visible{color:var(--ink)}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landingDeal{0%{opacity:0;transform:translateY(9em) rotate(-40deg)}}@keyframes landingScorePop{0%{opacity:0;transform:scale(.2)}}@keyframes landingCardReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.landing-page .hero-section{grid-template-columns:1fr;text-align:center;gap:2.5rem;padding-top:6rem}.landing-page .hero-subtitle,.landing-page .cta-footnote{margin-left:auto;margin-right:auto}.landing-page .cta-row,.landing-page .hero-stats{justify-content:center}.landing-page .hero-stats{gap:1.5rem}}@media(max-width:1000px){.landing-page .features-grid{grid-template-columns:1fr 1fr}.landing-page .feature-card,.landing-page .feature-card.wide{grid-column:span 1}}@media(max-width:768px){.landing-page .hero-title{font-size:2.5rem}.landing-page .hero-subtitle{font-size:1.1rem}.landing-page .nav-btn:not(.login-btn){display:none}.landing-page .landing-header{justify-content:space-between;gap:.5rem;padding:.75rem 1rem;min-height:0}.landing-page .logo-container{position:static;transform:none;top:auto;flex-shrink:0}.landing-page .logo-img,.landing-page .landing-header.scrolled .logo-img{height:40px}.landing-page .nav-links{position:relative;z-index:102;gap:.5rem}.landing-page .login-btn{padding:.5rem 1rem}.landing-page .hero-section{padding-top:3rem}.landing-page .hero-fan{font-size:13px}}@media(max-width:640px){.landing-page .features-grid{grid-template-columns:1fr}.landing-page .hero-stat-value{font-size:1.6rem}}.cta-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.cta-footnote.cta-engine-blocked{max-width:48ch;margin-left:auto;margin-right:auto;line-height:1.5}.get-app{position:relative;display:inline-flex}.get-app-trigger{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--glass-border, rgba(255, 255, 255, .25));color:var(--ink, #fff);font-size:1rem;font-weight:600;font-family:inherit;padding:.5rem 1.1rem;border-radius:2rem;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease}.get-app-trigger:hover,.get-app-trigger.open{border-color:var(--gold, #ffd700);background:#ffd7001a;color:var(--gold, #ffd700)}.get-app-trigger-icon{font-size:1.05rem}.get-app-caret{font-size:.7rem;transition:transform .2s ease}.get-app-trigger.open .get-app-caret{transform:rotate(180deg)}.get-app-menu{position:absolute;top:calc(100% + .6rem);right:0;z-index:200;width:min(21rem,calc(100vw - 2rem));padding:.5rem;background:#10261d;border:1px solid var(--glass-border, rgba(255, 255, 255, .16));border-radius:.9rem;box-shadow:0 18px 40px #00000080;animation:getAppMenuIn .16s ease-out}@keyframes getAppMenuIn{0%{opacity:0;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.get-app-menu{animation:none}}.get-app-menu-head{margin:.35rem .75rem .6rem;font-size:.8rem;line-height:1.45;color:var(--ink-muted, #b9c8bf)}.get-app-rule{border:none;border-top:1px solid rgba(255,255,255,.1);margin:.4rem .5rem}.get-app-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.6rem .75rem;background:transparent;border:none;border-radius:.6rem;color:var(--ink, #fff);font-family:inherit;font-size:1rem;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s ease}.get-app-item.static{cursor:default}a.get-app-item:hover,button.get-app-item:hover,a.get-app-item:focus-visible,button.get-app-item:focus-visible{background:#ffffff14}.get-app-item.primary .get-app-item-title{color:var(--gold, #ffd700)}.get-app-item.disabled{opacity:.55}.get-app-item-icon{font-size:1.15rem;line-height:1.4;flex-shrink:0}.get-app-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.get-app-item-title{font-size:.95rem;font-weight:600;line-height:1.3}.get-app-item-sub{font-size:.78rem;line-height:1.4;color:var(--ink-muted, #b9c8bf)}@media(max-width:768px){.get-app-trigger{font-size:.9rem;padding:.45rem .8rem;gap:.35rem}.get-app-menu{position:fixed;top:4.5rem;left:1rem;right:1rem;width:auto;max-height:calc(100vh - 7rem);overflow-y:auto}}.dnp-backdrop{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dnp-modal{width:100%;max-width:420px;padding:26px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#14261f;box-shadow:0 18px 50px #00000080}.dnp-title{margin:0 0 12px;font-size:1.25rem;color:#eafaf0}.dnp-text{margin:0 0 12px;font-size:.875rem;line-height:1.5;color:#cfdad4}.dnp-current{color:#eafaf0}.dnp-warning{margin:0 0 16px;padding:10px 12px;border-left:3px solid #ffc74d;border-radius:4px;background:#ffc74d17;font-size:.8125rem;line-height:1.5;color:#ffe2a3}.dnp-input{width:100%;padding:11px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000047;color:#eafaf0;font-size:.9375rem}.dnp-input:focus{border-color:#4caf50}.dnp-error{margin:10px 0 0;font-size:.8125rem;color:#ff8a80}.dnp-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 6px}.dnp-preset{width:100%;aspect-ratio:1;padding:0;border-radius:50%;border:2px solid transparent;background:none;cursor:pointer;overflow:hidden;line-height:0;transition:border-color .15s,transform .15s}.dnp-preset img{width:100%;height:100%;display:block}.dnp-preset:hover:not(:disabled){transform:scale(1.08);border-color:#4caf50}.dnp-preset:disabled{opacity:.5;cursor:not-allowed}.dnp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dnp-save{flex:1 1 auto;padding:11px 18px;border-radius:8px;border:none;background:#4caf50;color:#08150f;font-size:.9rem;font-weight:700;cursor:pointer}.dnp-save:disabled{opacity:.6;cursor:not-allowed}.dnp-keep{padding:11px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#a9b6b0;font-size:.85rem;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dnp-keep:hover:not(:disabled){background:#ffffff12}.dnp-keep:disabled{opacity:.6;cursor:not-allowed}.modnotice-backdrop{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modnotice-modal{width:100%;max-width:420px;padding:26px;border-radius:14px;border:1px solid rgba(255,199,77,.35);background:#14261f;box-shadow:0 18px 50px #00000080}.modnotice-title{margin:0 0 12px;font-size:1.2rem;color:#ffc74d}.modnotice-body{margin:0 0 14px;font-size:.875rem;line-height:1.55;color:#cfdad4}.modnotice-context{margin:0 0 14px;font-size:.8125rem;color:#a9b6b0}.modnotice-support{margin:0 0 18px;padding:10px 12px;border-radius:6px;background:#ffffff0a;font-size:.8125rem;line-height:1.5;color:#a9b6b0}.modnotice-support a{color:#9be8b4}.modnotice-ok{width:100%;padding:12px 18px;border-radius:8px;border:none;background:#4caf50;color:#08150f;font-size:.9rem;font-weight:700;cursor:pointer}.modnotice-ok:disabled{opacity:.6;cursor:not-allowed}.modnotice-more{margin:12px 0 0;text-align:center;font-size:.78rem;color:#7d8a84}.email-link-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 0%,#1b3a2f,#0f2018 60%,#0a1610)}.email-link-card{width:100%;max-width:380px;padding:30px 26px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#14261feb;box-shadow:0 18px 50px #00000073;text-align:center}.email-link-logo{width:76px;height:auto;margin-bottom:14px}.email-link-title{margin:0 0 16px;font-size:1.25rem;color:#eafaf0}.email-link-text{margin:0 0 16px;font-size:.875rem;color:#a9b6b0}.email-link-success{margin:0 0 18px;padding:12px;border-radius:8px;border-left:3px solid #4caf50;background:#4caf501f;font-size:.875rem;line-height:1.5;color:#9be8b4;text-align:left}.email-link-continue{width:100%;margin-top:16px;padding:11px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#cfdad4;font-size:.875rem;cursor:pointer}.email-link-continue:hover{background:#ffffff1f}.learning-panel{position:fixed;bottom:20px;right:calc(var(--ad-rail-right, 0px) + 20px);z-index:1000}.learning-panel.collapsed{width:auto}.learning-panel.expanded{width:320px;background:#141428f2;border:1px solid rgba(102,126,234,.5);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}.learning-toggle{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:none;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.learning-toggle:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.learning-panel.expanded .learning-toggle{width:100%;border-radius:12px 12px 0 0;justify-content:center}.reveals-badge{background:var(--gold);color:#000;border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:700}.reveals-badge.depleted{background:#96969680;color:var(--text-muted)}.learning-toggle.disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#64646499,#50505099)}.learning-toggle.disabled:hover{transform:none;box-shadow:none}.learning-toggle.active{background:linear-gradient(135deg,#4caf50cc,#388e3ccc)}.cards-display.optimal-cards{color:#4caf50}.learning-content{padding:1rem}.learning-loading,.learning-hint{text-align:center;color:var(--text-muted);font-size:.9rem;padding:1rem}.learning-loading-note{display:block;margin-top:.4rem;font-size:.78rem;line-height:1.35;opacity:.75}.learning-objective{margin-top:10px;text-align:center;color:var(--text-muted);font-size:.75rem;line-height:1.35;opacity:.8}.learning-cue{margin-top:8px;text-align:center;color:var(--text-muted);font-size:.8rem;line-height:1.4;font-style:italic}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.comparison-column{background:#ffffff0d;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.comparison-column.selection{border:1px solid rgba(102,126,234,.3)}.comparison-column.optimal{border:1px solid rgba(76,175,80,.3)}.column-header{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.cards-display{font-size:1.1rem;font-weight:700;color:#fff;min-height:1.5rem}.grade-badge{padding:4px 12px;border-radius:12px;font-weight:700;font-size:1rem}.grade-badge.grade-a-plus{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.grade-badge.grade-a{background:#4caf50;color:#fff}.grade-badge.grade-b{background:#2196f3;color:#fff}.grade-badge.grade-c{background:#ffc107;color:#000}.grade-badge.grade-d{background:#ff9800;color:#fff}.grade-badge.grade-f{background:#f44336;color:#fff}.ev-display{font-size:.9rem;color:#aaa}.difference-indicator{text-align:center;padding:8px;border-radius:6px;font-size:.85rem;line-height:1.35;margin-bottom:12px}.difference-indicator.positive{background:#4caf5033;color:#4caf50}.difference-indicator.negative{background:#f4433633;color:#ff8a80}.reveal-button{width:100%;padding:10px;background:linear-gradient(135deg,#ffc1074d,#ff98004d);border:1px solid rgba(255,193,7,.5);border-radius:8px;color:var(--gold);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.reveal-button:hover:not(:disabled){background:linear-gradient(135deg,#ffc10780,#ff980080)}.reveal-button:disabled{opacity:.5;cursor:not-allowed}.revealed-message{text-align:center;padding:8px;background:#4caf5033;border-radius:6px;color:#4caf50;font-size:.85rem}@media(max-width:800px){.learning-panel{bottom:auto;top:calc(var(--safe-top, 0px) + var(--ad-banner-h, 0px) + 58px);right:10px}.learning-panel.expanded{max-height:60vh;overflow-y:auto}}.learning-regime{margin:.5rem 0 0;padding:.4rem .6rem;border-left:3px solid #ffd700;background:#ffd70014;border-radius:0 6px 6px 0;font-size:.82rem;line-height:1.4}.learning-regime strong{color:gold}.rejoin-banner{position:fixed;top:calc(var(--safe-top, 0px) + var(--ad-banner-h, 0px));left:var(--ad-rail-left, 0px);right:var(--ad-rail-right, 0px);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 12px #ff980066;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.rejoin-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.rejoin-icon{font-size:1.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rejoin-text{font-weight:600;font-size:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.rejoin-room{font-size:.85rem;color:#ffffffe6;background:#00000026;padding:.25rem .5rem;border-radius:4px;font-family:monospace}.rejoin-actions{display:flex;align-items:center;gap:.5rem}.btn-rejoin{padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;background:#fff;color:#a33900;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.btn-rejoin:hover{background:#fff8e1;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.btn-rejoin:active{transform:translateY(0)}.btn-dismiss{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0003;color:#fff;border:none;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-dismiss:hover{background:#00000059}@media(max-width:480px){.rejoin-banner{flex-direction:column;gap:.75rem;padding:.75rem 1rem;text-align:center}.rejoin-content{justify-content:center}.rejoin-actions{width:100%;justify-content:center}.btn-rejoin{flex:1;max-width:200px}}.btn-rejoin:disabled{opacity:.5;cursor:not-allowed}.kicked-banner{position:fixed;top:calc(var(--safe-top, 0px) + var(--ad-banner-h, 0px));left:var(--ad-rail-left, 0px);right:var(--ad-rail-right, 0px);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 2px 12px #f4433666;animation:slideDownKicked .3s ease-out}@keyframes slideDownKicked{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.kicked-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.kicked-icon{font-size:1.5rem}.kicked-text{font-weight:600;font-size:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.kicked-actions{display:flex;align-items:center;gap:.5rem}.btn-dismiss-kicked{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0003;color:#fff;border:none;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-dismiss-kicked:hover{background:#00000059}@media(max-width:480px){.kicked-banner{flex-direction:column;gap:.75rem;padding:.75rem 1rem;text-align:center}.kicked-content{justify-content:center}.kicked-actions{width:100%;justify-content:center}}.ad-slot--live:after{content:none}.ad-slot__unit{display:inline-block}.ad-slot__unit[data-ad-status=unfilled]{display:none!important}.invite-notification-container{position:fixed;top:calc(var(--safe-top, 0px) + var(--ad-banner-h, 0px) + 20px);right:calc(var(--ad-rail-right, 0px) + 20px);z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.invite-notification{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;animation:slideIn .3s ease-out;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.invite-content{display:flex;gap:14px;margin-bottom:14px}.invite-avatar{width:50px;height:50px;border-radius:50%;border:3px solid rgba(255,255,255,.2);flex-shrink:0}.invite-text{display:flex;flex-direction:column;gap:4px}.invite-title{font-size:.85rem;color:gold;font-weight:600;letter-spacing:.5px}.invite-sender{font-size:.95rem;line-height:1.4}.invite-sender strong{color:#64b5f6}.invite-timer{font-size:.8rem;color:#ff9f43;font-weight:500;margin-top:2px}.invite-actions{display:flex;gap:10px}.invite-actions button{flex:1;padding:10px 16px;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.invite-actions .accept-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.invite-actions .accept-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2ecc7166}.invite-actions .decline-btn{background:#e74c3c33;color:#ff6b6b;border:1px solid rgba(231,76,60,.3)}.invite-actions .decline-btn:hover{background:#e74c3c4d}.invite-notification.urgent{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a}50%{box-shadow:0 8px 32px #ff9f4366,0 0 0 2px #ff9f434d,inset 0 1px #ffffff1a}}@media(max-width:480px){.invite-notification-container{left:10px;right:10px;max-width:none}.invite-notification{padding:14px}.invite-avatar{width:44px;height:44px}}.manual-score-dialog{background:#000000d9;border-radius:12px;border:2px solid var(--gold);padding:1.5rem;width:100%;max-width:400px;margin:1rem auto}.manual-score-dialog.submitted{border-color:#4caf50;background:#4caf501a}.manual-score-dialog .dialog-content{text-align:center}.manual-score-dialog h3{color:var(--gold);margin:0 0 1rem;font-size:1.3rem}.scoring-hand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.hand-cards{display:flex;gap:4px}.starter-divider{color:var(--gold);font-size:1.5rem;font-weight:700;margin:0 .5rem}.starter-card{position:relative}.starter-card:after{content:"Starter";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-muted)}.manual-score-dialog .card{width:55px;height:80px;padding:3px;border-radius:6px}.manual-score-dialog .crib-cards .card{width:40px;height:60px;padding:2px;border-radius:4px}.score-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.score-input-group{display:flex;align-items:center;justify-content:center;gap:1rem}.score-input-group label{color:#ccc;font-size:1rem}.score-input-group input{width:80px;padding:.5rem;font-size:1.5rem;text-align:center;border:2px solid var(--gold);border-radius:8px;background:#00000080;color:#fff}.score-input-group input:focus{box-shadow:0 0 10px var(--gold)}.score-input-group input:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-contrast),0 0 10px var(--gold)}.crib-display{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#ffd7001a;border-radius:8px;flex-wrap:wrap}.crib-label{color:var(--gold);font-weight:700}.crib-cards{display:flex;align-items:center;gap:2px}.plus-starter{color:var(--text-muted);font-size:.8rem;margin-left:.5rem}.submit-score-btn{width:100%;font-size:1.1rem;padding:.75rem}.submit-score-btn:disabled{opacity:.5;cursor:not-allowed}.muggins-dialog{background:#000000e6;border-radius:12px;border:2px solid #ff9800;padding:1.5rem;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;margin:1rem auto}.muggins-dialog.passed{border-color:#4caf50;background:#4caf501a;max-width:400px}.muggins-dialog .dialog-content{text-align:center}.muggins-dialog h3{color:#ff9800;margin:0 0 .5rem;font-size:1.3rem}.hint-text{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.waiting-indicator{color:#4caf50;font-size:1rem;margin-top:.5rem}.starter-display{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;padding:.5rem;background:#ffd7001a;border-radius:8px}.starter-display .starter-label{color:var(--gold);font-weight:700}.starter-display .card{width:45px;height:65px;padding:2px;border-radius:4px}.hands-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.hand-row{display:block;width:100%;text-align:left;font:inherit;color:inherit;appearance:none;min-height:44px;padding:.75rem;background:#ffffff0d;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.hand-row:focus-visible{outline-offset:-4px;box-shadow:inset 0 0 0 2px var(--focus-ring-contrast)}.hand-row:disabled{cursor:not-allowed}.hand-row:hover{border-color:#ff980080;background:#ff98000d}.hand-row.selected{border-color:#ff9800;background:#ff980026}.hand-row.claimed{opacity:.6;cursor:default}.hand-row.claimed:hover{border-color:transparent;background:#ffffff0d}.hand-row.crib-row{background:#ffd7000d}.hand-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.hand-header .player-name{color:#fff;font-weight:700;font-size:1rem}.hand-header .claimed-score{color:var(--text-muted);font-size:.9rem}.hand-header .claimed-score strong{color:var(--gold)}.muggins-claimed{color:#4caf50;font-size:.85rem;margin-left:auto}.hand-cards{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.hand-cards .card{width:45px;height:65px;padding:2px;border-radius:4px}.plus-starter{color:var(--text-muted);font-size:.75rem;margin-left:.5rem}.claim-section{background:#ff98001a;border-radius:8px;padding:1rem;margin-bottom:1rem}.claim-section p{color:#ff9800;margin:0 0 .25rem;font-weight:700}.claim-hint{color:var(--text-muted)!important;font-weight:400!important;font-size:.85rem;margin-bottom:.5rem!important}.claim-input{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.claim-input input{width:80px;padding:.5rem;font-size:1.2rem;text-align:center;border:2px solid #ff9800;border-radius:8px;background:#00000080;color:#fff}.claim-input input:focus{box-shadow:0 0 10px #ff9800}.claim-input input:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-contrast),0 0 10px #ff9800}.claim-btn{background:#ff9800!important;padding:.5rem 1rem!important}.btn-cancel{background:transparent;border:1px solid #666;color:var(--text-muted);padding:.5rem 1rem;border-radius:8px;cursor:pointer}.btn-cancel:hover{border-color:#888;color:#fff}.pass-btn{width:100%;background:#333!important;border:2px solid #666!important;color:#ccc!important}.pass-btn:hover{border-color:#888!important;color:#fff!important}.pre-deal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;min-height:300px}.pre-deal-header{text-align:center}.pre-deal-header h2{color:var(--gold);font-size:1.8rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px}.dealer-info{color:#fffc;font-size:1rem;margin:0}.dealer-name{color:var(--gold);font-weight:700}.deck-display{display:flex;flex-direction:column;align-items:center;gap:1rem}.deck-stack{position:relative;width:80px;height:120px}.deck-card{position:absolute;width:80px;height:120px;--card-back-shadow: 0 4px 8px rgba(0, 0, 0, .3)}.shuffle-counter{background:#0009;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#ffffffe6}.deck-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-shuffle{background:linear-gradient(135deg,#536dfe,#7c4dff);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #536dfe66}.btn-shuffle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #536dfe80}.btn-shuffle:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.btn-shuffle:active:not(:disabled){transform:translateY(1px)}.btn-deal{font-size:1.1rem;padding:.8rem 2rem}.waiting-for-dealer{color:#ffffffb3;font-style:italic;margin:0;padding:.8rem 1.5rem;background:#0000004d;border-radius:25px}@keyframes shuffle-wiggle{0%{transform:rotate(-5deg) translate(-3px)}25%{transform:rotate(5deg) translate(3px)}50%{transform:rotate(-3deg) translate(-2px)}75%{transform:rotate(3deg) translate(2px)}to{transform:rotate(0) translate(0)}}.deck-stack.shuffling .deck-card{animation:shuffle-wiggle .4s ease-in-out}@keyframes shuffle-flash{0%{box-shadow:0 4px 8px #0000004d}50%{box-shadow:0 0 20px #ffd70099}to{box-shadow:0 4px 8px #0000004d}}.deck-stack.shuffling .deck-card:first-child{animation:shuffle-wiggle .4s ease-in-out,shuffle-flash .4s ease-in-out}@keyframes deal-card-fly{0%{opacity:1;transform:translateY(0) translate(0) scale(1)}to{opacity:0;transform:translateY(100px) translate(var(--fly-x, 50px)) scale(.7)}}.deck-stack.dealing .deck-card{animation:deal-card-fly .5s ease-out forwards}.deck-stack.dealing .deck-card:nth-child(1){--fly-x: -80px;animation-delay:0s}.deck-stack.dealing .deck-card:nth-child(2){--fly-x: 80px;animation-delay:.1s}.deck-stack.dealing .deck-card:nth-child(3){--fly-x: -60px;animation-delay:.2s}.deck-stack.dealing .deck-card:nth-child(4){--fly-x: 60px;animation-delay:.3s}.deck-stack.dealing .deck-card:nth-child(5){--fly-x: 0px;animation-delay:.4s}.dealing-message{color:var(--gold);font-size:1.2rem;font-weight:600;animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.cut-for-deal-container{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:400px}.cut-for-deal-header{text-align:center;margin-bottom:1.5rem}.cut-for-deal-header h2{font-size:2rem;margin:0 0 .5rem;color:var(--color-primary, #4a90d9);text-shadow:0 2px 4px rgba(0,0,0,.2)}.cut-instructions{font-size:1.1rem;color:var(--color-text-secondary, #aaa);margin:0}.cut-status-row{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;position:relative;z-index:100}.cut-status-player{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#1a1a2e;border-radius:12px;border:2px solid transparent;transition:all .3s ease;min-width:100px}.cut-status-player.has-cut{border-color:var(--color-success, #4caf50);background:linear-gradient(145deg,#1e3a1e,#1a2a1a)}.cut-status-player.winner{border-color:var(--color-gold, #ffd700);background:linear-gradient(145deg,#3a3a1e,#2a2a1a);box-shadow:0 0 10px #ffd7004d;position:relative}.cut-status-player.winner:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 30px #ffd70099;opacity:0;pointer-events:none;animation:winnerGlow 1.5s ease-in-out infinite alternate}@keyframes winnerGlow{0%{opacity:0}to{opacity:1}}.cut-status-player.tie{border-color:#ff4d4d;background:linear-gradient(145deg,#ff4d4d33,#ff4d4d0d);box-shadow:0 0 15px #ff4d4d4d}.tie-message{color:#ff4d4d;font-weight:700;display:inline-block;animation:tiePulse 1.5s ease-in-out infinite alternate}@keyframes tiePulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.cut-status-player .player-name{font-weight:600;color:var(--color-text, #fff)}.cut-indicator{font-size:1.5rem;height:75px;display:flex;align-items:center;justify-content:center}.cut-reveal-card{transform:scale(.8);transition:transform .5s cubic-bezier(.4,0,.2,1)}.cut-reveal-card.winner-card{transform:scale(1)}.winner-badge{font-size:.9rem;color:var(--color-gold, #ffd700);font-weight:600;animation:badgePop .5s ease-out}.cut-status-player:not(:has(.winner-badge)):not(:has(.tie-badge)):after{content:"";height:1.26rem}@keyframes badgePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cut-status-player.tied{border-color:#ff5722;background:linear-gradient(145deg,#3a2a1e,#2a1a1a);box-shadow:0 0 10px #ff57224d;position:relative}.cut-status-player.tied:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 25px #ff572299;opacity:0;pointer-events:none;animation:tieGlow 1s ease-in-out infinite alternate}@keyframes tieGlow{0%{opacity:0}to{opacity:1}}.cut-reveal-card.tied-card{transform:scale(1);border:2px solid #ff5722;border-radius:8px}.tie-badge{font-size:.85rem;color:#ff7043;font-weight:600;animation:badgePop .5s ease-out}.cut-instructions.tie-message{color:#ff7043;font-weight:600}.tie-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background:#000000e6;border-radius:16px;padding:2rem 3rem;border:3px solid #ff5722;box-shadow:0 0 40px #ff572266;animation:tieDialogAppear .5s ease-out;text-align:center}@keyframes tieDialogAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tie-dialog-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tie-icon{font-size:3rem;animation:tieSwords 1s ease-in-out infinite}@keyframes tieSwords{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.tie-dialog h3{font-size:1.5rem;color:#ff5722;margin:0}.tie-dialog p{color:#ddd;margin:.25rem 0}.tie-reshuffling{color:#ffab91!important;font-style:italic;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.deck-fan-container{width:100%;max-width:900px;height:280px;position:relative;display:flex;justify-content:center;align-items:flex-end;perspective:1000px;overflow:visible;margin-top:1rem}.deck-fan{position:relative;width:60px;height:90px;transform-style:preserve-3d}.fan-card{position:absolute;width:60px;height:90px;transform-origin:bottom center;transform:translate(var(--h-spread, 0px)) rotate(var(--angle)) translateY(-180px);transition:transform .2s ease,filter .2s ease;cursor:pointer;z-index:var(--z-index)}.fan-card:hover:not(.disabled){transform:translate(var(--h-spread, 0px)) rotate(var(--angle)) translateY(-210px) scale(1.1);filter:brightness(1.2)}.fan-card.selected{transform:translate(var(--h-spread, 0px)) rotate(var(--angle)) translateY(-220px) scale(1.15);filter:brightness(1.3) drop-shadow(0 0 10px rgba(74,144,217,.8))}.fan-card.disabled{pointer-events:none;opacity:.7}.fan-card .card-back{width:100%;height:100%}@media(max-width:768px){.cut-for-deal-container{padding:.5rem 1rem 1rem}.cut-for-deal-header{margin-bottom:.75rem}.cut-for-deal-header h2{font-size:1.3rem}.cut-instructions{font-size:.9rem}.cut-status-row{gap:.75rem;margin-bottom:1rem}.cut-status-player{padding:.5rem .75rem;min-width:70px}.cut-status-player .player-name{font-size:.85rem}.cut-indicator{font-size:1.2rem}.deck-fan-container{height:200px;margin-top:2rem;max-width:100%}.deck-fan{position:relative;left:10px}.fan-card{width:40px;height:60px;--h-spread: 0px !important;transform:rotate(var(--angle)) translateY(-120px)}.fan-card:hover:not(.disabled),.fan-card.selected{transform:rotate(var(--angle)) translateY(-140px) scale(1.1)}}@keyframes fanIn{0%{opacity:0;transform:translate(var(--h-spread, 0px)) rotate(var(--angle)) translateY(0) scale(.5)}to{opacity:1;transform:translate(var(--h-spread, 0px)) rotate(var(--angle)) translateY(-180px) scale(1)}}@media(max-width:768px){@keyframes fanIn{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}to{opacity:1;transform:rotate(var(--angle)) translateY(-120px) scale(1)}}}.deck-fan .fan-card{animation:fanIn .8s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index) * 10ms)}.starter-cut-container{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:300px}.starter-cut-header{text-align:center;margin-bottom:1.5rem;min-height:60px}.starter-cut-header h2{font-size:1.8rem;margin:0 0 .5rem;color:var(--color-primary, #4a90d9);text-shadow:0 2px 4px rgba(0,0,0,.2)}.starter-cut-header .cut-instructions{font-size:1rem;color:var(--color-text-secondary, #aaa);margin:0;min-height:1.2em}.starter-deck-container{width:100%;max-width:500px;height:180px;position:relative;display:flex;justify-content:center;align-items:flex-end;perspective:1000px;overflow:visible;margin-top:1rem}.starter-deck-fan{position:relative;width:50px;height:75px;transform-style:preserve-3d}.starter-fan-card{position:absolute;width:50px;height:75px;transform-origin:bottom center;transform:rotate(var(--angle)) translateY(-120px);transition:transform .2s ease;cursor:pointer;z-index:var(--z-index)}.starter-fan-card:hover:not(.disabled){transform:rotate(var(--angle)) translateY(-145px) scale(1.1)}.starter-fan-card:hover:not(.disabled) .card-back{filter:brightness(1.2)}.starter-fan-card.selected{transform:rotate(var(--angle)) translateY(-155px) scale(1.15)}.starter-fan-card.selected .card-back{filter:brightness(1.3);--card-back-shadow: 0 0 10px rgba(74, 144, 217, .8), 0 3px 10px rgba(0, 0, 0, .5)}.starter-fan-card.disabled{pointer-events:none;opacity:.6}.starter-fan-card .card-back{width:100%;height:100%;--card-back-radius: 6px;--card-back-shadow: 0 3px 10px rgba(0, 0, 0, .5)}.card-flipper{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.card-flipper .card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-flipper .card-front{transform:rotateY(180deg)}.card-flipper .card-front .card{width:100%!important;height:100%!important}.animating-card.flipping .card-flipper{transform:rotateY(180deg)}.animating-card.flying{animation:flyToStarter .8s ease-in-out forwards}.animating-card.flying .card-flipper{transform:rotateY(180deg)}@keyframes flyToStarter{0%{transform:rotate(var(--angle)) translateY(-155px) scale(1.15);opacity:1}30%{transform:rotate(calc(var(--angle) * .3)) translateY(-200px) scale(1.2);opacity:1}70%{transform:rotate(0) translateY(-300px) scale(1.15);opacity:1}to{transform:rotate(0) translateY(-400px) scale(1);opacity:0}}.starter-fan-card.fading-out{animation:fadeOutCards 1s ease-out forwards}@keyframes fadeOutCards{0%{opacity:1;transform:rotate(var(--angle)) translateY(-120px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(-80px) scale(.85)}}.starter-revealed .starter-reveal-area{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeIn .5s ease}.starter-card-wrapper{animation:cardFlipIn .6s ease}@keyframes cardFlipIn{0%{transform:rotateY(180deg) scale(.8);opacity:0}50%{transform:rotateY(90deg) scale(1)}to{transform:rotateY(0) scale(1);opacity:1}}.his-heels-badge{background:linear-gradient(135deg,var(--color-gold, #ffd700),#ffab00);color:#1a1a2e;padding:.75rem 1.5rem;border-radius:20px;font-weight:700;font-size:1.1rem;position:relative;box-shadow:0 4px 15px #ffd70066}.his-heels-badge:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 4px 25px #ffd700b3;opacity:0;pointer-events:none;animation:badgePulse 1s ease-in-out infinite alternate}@keyframes badgePulse{0%{opacity:0}to{opacity:1}}.cut-waiting{margin-top:1.5rem;color:var(--color-text-secondary, #aaa);font-size:1rem;display:flex;align-items:center;gap:.5rem}.cut-waiting .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starterFanIn{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}to{opacity:1;transform:rotate(var(--angle)) translateY(-120px) scale(1)}}.starter-deck-fan .starter-fan-card{animation:starterFanIn .6s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index) * 8ms)}@media(max-width:768px){.starter-cut-container{padding:1rem}.starter-cut-header h2{font-size:1.4rem}.starter-cut-header{margin-bottom:.75rem}.starter-deck-container{height:160px;margin-top:3rem}.starter-fan-card{width:40px;height:60px;transform:rotate(var(--angle)) translateY(-90px)}.starter-fan-card:hover:not(.disabled),.starter-fan-card.selected{transform:rotate(var(--angle)) translateY(-110px) scale(1.1)}@keyframes starterFanIn{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}to{opacity:1;transform:rotate(var(--angle)) translateY(-90px) scale(1)}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clock-explainer-backdrop{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.clock-explainer{max-width:420px;width:100%;padding:22px 24px;border-radius:14px;background:#1b2b23;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #0000008c;color:#f1f1f1;text-align:center}.clock-explainer:focus{outline:2px solid #8bc34a;outline-offset:3px}.clock-explainer-title{margin:0 0 6px;font-size:1.15rem}.clock-explainer-lede{margin:0 0 18px;font-size:1.05rem;font-weight:600;color:#c5e1a5}.clock-explainer-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;text-align:left}.clock-explainer-figures>div{padding:8px 10px;border-radius:8px;background:#ffffff0f}.clock-explainer-figures dt{font-size:.72rem;color:#b0bec5}.clock-explainer-figures dd{margin:2px 0 0;font-size:1.15rem;font-weight:700}.clock-explainer-note{margin:0 0 18px;font-size:.82rem;line-height:1.45;color:#cfd8dc;text-align:left}.clock-explainer-dismiss{width:100%;padding:10px 16px;border:none;border-radius:8px;background:#2e7d32;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer}.clock-explainer-dismiss:hover{background:#388e3c}.count-out{position:absolute;left:50%;top:50%;transform:translate(-50%,6%);z-index:40;width:min(560px,calc(92vw / var(--panel-scale, 1)));padding:14px 18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(160deg,#1c1410f2,#100b09f7);border:1px solid rgba(255,193,7,.28);border-radius:16px;box-shadow:0 18px 40px #0009;overflow:hidden;animation:count-out-in calc(var(--anim-scale, 1) * .32s) ease-out both}.count-out-black-hole{position:absolute;z-index:3;top:56px;right:14px;width:64px;height:64px;pointer-events:none;filter:drop-shadow(0 0 13px rgba(128,0,255,.72));isolation:isolate}.count-out-black-hole:before{content:"";position:absolute;z-index:0;inset:-12px;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 8%,rgba(76,0,130,.2) 13%,rgba(185,75,255,.95) 23%,rgba(90,10,170,.28) 35%,transparent 45% 56%,rgba(238,130,238,.78) 68%,rgba(83,18,145,.25) 82%,transparent 94%);-webkit-mask:radial-gradient(circle,transparent 0 48%,#000 58% 74%,transparent 83%);mask:radial-gradient(circle,transparent 0 48%,#000 58% 74%,transparent 83%);filter:blur(5px);animation:count-hole-aura-spin calc(var(--anim-scale, 1) * 2.8s) linear infinite}.count-out-black-hole:after{content:"";position:absolute;z-index:0;inset:4px;border-radius:50%;box-shadow:0 0 10px 3px #761ed2bf,0 0 23px 8px #5900aa6b,0 0 36px 11px #c44eff2e;animation:count-hole-aura-pulse calc(var(--anim-scale, 1) * 1.65s) ease-in-out infinite}.count-out-black-hole svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}.count-hole-glow{fill:#000000f5;stroke:#7f26cdb8;stroke-width:2.5;animation:count-hole-breathe calc(var(--anim-scale, 1) * 1.8s) ease-in-out infinite}.count-hole-ring{fill:none;stroke-linecap:round;stroke-width:3;transform-origin:50px 50px}.count-hole-ring.ring-one{stroke:#ac4cffb8;stroke-dasharray:20 10 5 13;animation:count-hole-spin calc(var(--anim-scale, 1) * 4s) linear infinite}.count-hole-ring.ring-two{stroke:#6719b2d1;stroke-dasharray:12 8 24 10;animation:count-hole-spin calc(var(--anim-scale, 1) * 3s) linear infinite reverse}.count-hole-ring.ring-three{stroke:#e576ffe6;stroke-dasharray:8 7;animation:count-hole-spin calc(var(--anim-scale, 1) * 2s) linear infinite}.count-hole-core{fill:#000;stroke:#9036e1eb;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(144,54,225,.85))}@keyframes count-hole-spin{to{transform:rotate(360deg)}}@keyframes count-hole-aura-spin{to{transform:rotate(360deg)}}@keyframes count-hole-aura-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes count-hole-breathe{0%,to{opacity:.55;transform:scale(.93);transform-origin:center}50%{opacity:1;transform:scale(1.05);transform-origin:center}}.count-out.is-swallowed .count-card-slot{z-index:2;animation:count-hole-swallow-card calc(var(--anim-scale, 1) * .78s) cubic-bezier(.62,0,.9,.45) forwards;animation-delay:calc(var(--anim-scale, 1) * (.25s + var(--card-index, 0) * 42ms));transform-origin:50% 50%}.count-out.is-swallowed .count-out-tally{z-index:2;animation:count-hole-swallow-score calc(var(--anim-scale, 1) * .72s) cubic-bezier(.62,0,.9,.45) forwards;animation-delay:calc(var(--anim-scale, 1) * .36s);transform-origin:50% 50%}@keyframes count-hole-swallow-card{0%,28%{opacity:1;transform:translateZ(0) scale(1);filter:none}52%{opacity:.95;transform:translate3d(var(--suck-x-mid, 105px),var(--suck-y-mid, -10px),0) rotate(8deg) scale(.72);filter:blur(.4px) saturate(1.25)}78%{opacity:.72;transform:translate3d(var(--suck-x-late, 190px),var(--suck-y-late, -21px),0) rotate(20deg) scale(.3);filter:blur(1.2px) saturate(1.45)}to{opacity:0;transform:translate3d(var(--suck-x-end, 238px),var(--suck-y-end, -25px),0) rotate(28deg) scale(.025);filter:blur(3px) saturate(1.6)}}@keyframes count-hole-swallow-score{0%,18%{opacity:.5;transform:translateZ(0) scale(1);filter:none}58%{opacity:.42;transform:translate3d(var(--suck-x-mid, 125px),var(--suck-y-mid, -48px),0) rotate(7deg) scale(.55);filter:blur(.5px)}to{opacity:0;transform:translate3d(var(--suck-x-end, 230px),var(--suck-y-end, -78px),0) rotate(22deg) scale(.04);filter:blur(4px)}}:root[data-pace=instant] .count-out-black-hole *,:root[data-pace=instant] .count-out-black-hole:before,:root[data-pace=instant] .count-out-black-hole:after,:root[data-pace=instant] .count-out.is-swallowed .count-card-slot,:root[data-pace=instant] .count-out.is-swallowed .count-out-tally{animation:none}@media(prefers-reduced-motion:reduce){.count-out-black-hole *,.count-out-black-hole:before,.count-out-black-hole:after,.count-out.is-swallowed .count-card-slot,.count-out.is-swallowed .count-out-tally{animation:none!important}}@keyframes count-out-in{0%{opacity:0;transform:translate(-50%,12%) scale(.96)}to{opacity:1;transform:translate(-50%,6%) scale(1)}}.count-out-head{display:flex;align-items:baseline;gap:8px}.count-out-owner{font-size:1.05rem;font-weight:700;letter-spacing:.3px}.count-out-what{font-size:.7rem;text-transform:uppercase;letter-spacing:1.4px;color:#ffffff80}.count-out-cards{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-top:10px;margin-top:4px}.count-card-slot{position:relative;width:58px;height:87px;flex:0 0 auto}.count-card-slot.is-cut{margin-left:18px}.count-card-slot.is-cut:before{content:"";position:absolute;left:-10px;top:8%;bottom:8%;width:1px;background:#ffffff24}.count-out-cut-label{position:absolute;bottom:-15px;left:0;right:0;text-align:center;font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff6b}.count-card{width:100%;height:100%;cursor:default;opacity:.55;filter:saturate(.7);transform-origin:50% 100%;transition:transform calc(var(--anim-scale, 1) * .26s) cubic-bezier(.2,.9,.3,1.4),opacity calc(var(--anim-scale, 1) * .2s) ease,filter calc(var(--anim-scale, 1) * .2s) ease,box-shadow calc(var(--anim-scale, 1) * .26s) ease}.count-card.lit{opacity:1;filter:none;transform:translateY(-14px) scale(1.06);box-shadow:0 14px 22px #0000008c,0 0 0 2px var(--gold, #ffc107),0 0 18px #ffc10773}.count-card.revealing{opacity:1;filter:none;animation:count-card-flip calc(var(--anim-scale, 1) * .42s) ease-out both;animation-delay:calc(var(--anim-scale, 1) * var(--card-index, 0) * 90ms)}@keyframes count-card-flip{0%{transform:rotateY(90deg) translateY(-6px)}}.count-out-say{margin-top:16px;min-height:1.5em;display:flex;align-items:center;gap:8px;font-size:1rem;color:#f3e7d0;text-align:center}.count-out-chip{padding:2px 8px;border-radius:999px;background:#ffc10729;border:1px solid rgba(255,193,7,.4);color:var(--gold, #ffc107);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.count-out-tally{font-size:2.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:10px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.count-out.is-total .count-out-tally{animation:count-out-pop calc(var(--anim-scale, 1) * .42s) ease-out both}@keyframes count-out-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.count-out-tally.is-uncounted,.count-out-tally.is-negated{opacity:.5;text-decoration:line-through;text-decoration-thickness:3px}.count-out-pegged{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff9}.count-out-foot{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:2px}.count-out-progress{height:3px;width:100%;border-radius:2px;background:#ffffff1a;overflow:hidden}.count-out-progress-fill{height:100%;background:var(--gold, #ffc107);border-radius:2px;transition:width calc(var(--anim-scale, 1) * .26s) linear}.count-out-buttons{display:flex;justify-content:space-between;gap:10px}.count-out-skip,.count-out-next{flex:1;padding:7px 10px;border-radius:8px;font-size:.76rem;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:background calc(var(--anim-scale, 1) * .16s) ease,border-color calc(var(--anim-scale, 1) * .16s) ease}.count-out-skip{background:transparent;border:1px solid rgba(255,255,255,.22);color:#ffffffb3}.count-out-skip:hover{background:#ffffff14;border-color:#fff6}.count-out-next{background:#ffc10729;border:1px solid rgba(255,193,7,.45);color:var(--gold, #ffc107)}.count-out-next:hover{background:#ffc10747}@media(max-width:768px){.count-out{top:44%;width:94vw;padding:10px 12px 8px;gap:6px;transform:translate(-50%,2%);animation-name:count-out-in-mobile}.count-card-slot{width:46px;height:69px}.count-card-slot.is-cut{margin-left:12px}.count-out-tally{font-size:1.9rem}.count-out-say{font-size:.86rem;margin-top:14px}.count-out-black-hole{top:40px;right:7px;width:52px;height:52px}}@keyframes count-out-in-mobile{0%{opacity:0;transform:translate(-50%,4%) scale(.96)}to{opacity:1;transform:translate(-50%,2%) scale(1)}}@media(max-height:1100px){.count-out{padding:10px 16px 8px;gap:6px}.count-card-slot{width:46px;height:69px}.count-out-cards{padding-top:6px;margin-top:2px}.count-out-say{margin-top:8px;font-size:.92rem}.count-out-tally{font-size:1.9rem}}#app.counting-out #hand-area{min-height:0;padding-bottom:.5rem}#app.counting-out #starter-display,#app.counting-out #crib-display{opacity:0;pointer-events:none;transition:opacity calc(var(--anim-scale, 1) * .2s) ease}.count-speed-control{display:grid;grid-template-columns:auto minmax(90px,1fr) 46px;align-items:center;gap:8px;width:min(100%,360px);color:#ffffffb8;font-size:.72rem}.count-speed-control input{width:100%;accent-color:var(--gold)}.count-speed-control output{color:#f5df9b;text-align:right}@media(max-width:520px){.count-out-foot{gap:6px}.count-speed-control{grid-template-columns:auto 1fr 42px}.count-out-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.count-out-buttons button{min-height:42px;padding-inline:6px;font-size:.72rem}}.count-out-reckoning{display:flex;gap:18px;margin-top:2px;padding:6px 14px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09)}.reckon-item{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:54px}.reckon-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.9px;color:#ffffff80}.reckon-item strong{font-size:1.15rem;font-variant-numeric:tabular-nums;color:#f3e7d0}.reckon-item.is-missed strong{color:#ff8a65}.reckon-item.is-over strong{color:#ffca6b}.count-out-tally.is-muggins{color:#ff8a65!important}@media(max-width:768px){.count-out-reckoning{gap:10px;padding:5px 10px}.reckon-item{min-width:44px}.reckon-item strong{font-size:1rem}}.overlay-screen.loading-screen{zoom:var(--panel-scale, 1);gap:clamp(.5rem,calc(2.5vh / var(--panel-scale, 1)),1.5rem);background-color:var(--felt-color);background-image:radial-gradient(120% 85% at 50% 38%,#ffffff12,#ffffff05 38%,#00000038 74%,#00000073),var(--felt-texture);-webkit-backdrop-filter:none;backdrop-filter:none;--riffle-cycle: 3.4s}.riffle{--u: 1;--card-w: calc(46px * var(--u));--card-h: calc(68px * var(--u));--cut-x: calc(58px * var(--u));--arc-w: calc(72px * var(--u));--arc-h: calc(52px * var(--u));position:relative;display:flex;justify-content:center;width:calc(226px * var(--u));height:calc(190px * var(--u));--deck-lift: calc(40px * var(--u));align-items:flex-end;padding-bottom:var(--deck-lift);perspective:calc(900px * var(--u));perspective-origin:50% 60%}.riffle-deck{position:relative;width:var(--card-w);height:var(--card-h);transform:rotateX(20deg);transform-style:preserve-3d}.riffle-card{--sx: calc(var(--n) * .12px * var(--u));--sy: calc(var(--n) * -.22px * var(--u));--sz: calc(var(--n) * .42px * var(--u));position:absolute;inset:0;border-radius:calc(6px * var(--u));background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.07) 0 1px,transparent 1px 4px),linear-gradient(135deg,#b71c1c,#d32f2f);border:2px solid #fff;box-shadow:0 2px 6px #00000073;transform:translate3d(var(--sx),var(--sy),var(--sz)) rotate(calc(var(--jit) * .6deg));animation:riffle-cycle var(--riffle-cycle, 3.4s) infinite;will-change:transform;backface-visibility:hidden}@keyframes riffle-cycle{0%,7%{transform:translate3d(var(--sx),var(--sy),var(--sz)) rotate(calc(var(--jit) * .6deg));animation-timing-function:cubic-bezier(.45,0,.55,1)}20%{transform:translate3d(calc(var(--sx) + var(--side) * var(--cut-x)),calc(var(--sy) - 4px * var(--u)),var(--sz)) rotate(calc(var(--side) * -4deg + var(--jit) * 1deg));animation-timing-function:ease-in-out}32%{transform:translate3d(calc(var(--sx) + var(--side) * var(--cut-x) * .7),calc(var(--sy) - 11px * var(--u)),var(--sz)) rotate(calc(var(--side) * 10deg + var(--jit) * 1deg));animation-timing-function:cubic-bezier(.2,.85,.3,1)}46%{transform:translate3d(calc(var(--spread) * var(--arc-w) * .78),calc(var(--sy) - var(--arch) * var(--arc-h) * .5 - 6px * var(--u)),var(--sz)) rotate(calc(var(--spread) * 13deg));animation-timing-function:ease-out}62%{transform:translate3d(calc(var(--spread) * var(--arc-w)),calc(var(--sy) - var(--arch) * var(--arc-h) - 6px * var(--u)),var(--sz)) rotate(calc(var(--spread) * 27deg));animation-timing-function:ease-in}78%{transform:translate3d(calc(var(--spread) * var(--arc-w) * .34),calc(var(--sy) - var(--arch) * var(--arc-h) * .14),var(--sz)) rotate(calc(var(--spread) * 8deg));animation-timing-function:cubic-bezier(.3,1.5,.55,1)}88%{transform:translate3d(calc(var(--sx) + var(--jit) * 2.5px * var(--u)),calc(var(--sy) + 1px * var(--u)),var(--sz)) rotate(calc(var(--jit) * 2.6deg));animation-timing-function:ease-out}to{transform:translate3d(var(--sx),var(--sy),var(--sz)) rotate(calc(var(--jit) * .6deg))}}.riffle-shadow{position:absolute;left:50%;bottom:calc(var(--deck-lift) - 13px * var(--u));width:calc(120px * var(--u));height:calc(26px * var(--u));margin-left:calc(-60px * var(--u));border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 45%,transparent 72%);animation:riffle-shadow-cycle var(--riffle-cycle, 3.4s) infinite}@keyframes riffle-shadow-cycle{0%,7%{transform:scale(.62,.85);opacity:.85}20%{transform:scale(1.5,.8);opacity:.6}32%{transform:scale(1.35,.78);opacity:.5}62%{transform:scale(1.7,.95);opacity:.34}82%{transform:scale(.72,.88);opacity:.9}to{transform:scale(.62,.85);opacity:.85}}.loading-screen-message{margin:0;padding:0 1.5rem;text-align:center;font-size:clamp(.82rem,3vw,1rem);font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--text-light)}.loading-screen-message .sr-only{text-transform:none}.riffle-caption{display:inline-block;margin-right:-.22em}.riffle-caption-char{display:inline-block;animation:riffle-caption-wave var(--riffle-cycle, 3.4s) ease-in-out infinite}@keyframes riffle-caption-wave{0%,58%,to{transform:translateY(0);color:var(--text-light);text-shadow:0 1px 2px rgba(0,0,0,.55)}70%{transform:translateY(-5px);color:var(--gold);text-shadow:0 0 12px rgba(255,193,7,.75),0 2px 3px rgba(0,0,0,.5)}82%{transform:translateY(0);color:var(--text-light);text-shadow:0 1px 2px rgba(0,0,0,.55)}}@media(max-width:480px){.riffle{--u: .8}.loading-screen-message{font-size:1rem}}@media(max-height:420px){.riffle{--u: .7}}.win-celebration{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.win-trophy{display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateY(-22%);animation:win-trophy-pop .52s cubic-bezier(.2,.9,.3,1.5) both,win-trophy-out .32s ease-in 1.28s both}.win-trophy-cup{font-size:clamp(3.2rem,12vw,5rem);line-height:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(255,193,7,.45))}.win-trophy-name{font-size:clamp(.95rem,3.4vw,1.25rem);font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.8)}@keyframes win-trophy-pop{0%{opacity:0;transform:translateY(-6%) scale(.4)}to{opacity:1;transform:translateY(-22%) scale(1)}}@keyframes win-trophy-out{0%{opacity:1}to{opacity:0}}.win-confetti{position:absolute;inset:0}.win-confetti-bit{position:absolute;top:38%;border-radius:1px;opacity:0;animation:win-confetti-fly 1.4s cubic-bezier(.15,.6,.5,1) var(--bit-delay, 0ms) both}@keyframes win-confetti-fly{0%{opacity:0;transform:translateZ(0) rotate(0)}12%{opacity:1}35%{transform:translate3d(calc(var(--drift, 0px) * .45),calc(var(--rise, 60px) * -1),0) rotate(calc(var(--spin, 360deg) * .4))}80%{opacity:1}to{opacity:0;transform:translate3d(var(--drift, 0px),62vh,0) rotate(var(--spin, 360deg))}}.peg-score-pops{position:absolute;top:2.4rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:4px;z-index:130;pointer-events:none}.peg-score-pop{display:flex;align-items:baseline;gap:8px;padding:4px 12px 5px;border-radius:999px;background:#140c06d1;border:1px solid rgba(255,193,7,.55);box-shadow:0 4px 14px #00000073;white-space:nowrap;opacity:0;animation:pegScorePop calc(var(--anim-scale) * 2.6s) cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--anim-scale) * var(--pop-stagger, 0) * .12s)}.peg-score-pop.still{animation:none;opacity:1}.peg-score-value{font-size:1.35rem;font-weight:800;line-height:1;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.7)}.peg-score-detail{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.peg-score-reason{font-size:.82rem;font-weight:600;color:var(--text-light);text-transform:lowercase}.peg-score-player{font-size:.68rem;color:var(--text-muted)}@keyframes pegScorePop{0%{opacity:0;transform:translateY(16px) scale(.55)}13%{opacity:1;transform:translateY(0) scale(1.16)}20%{opacity:1;transform:translateY(0) scale(1)}84%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.94)}}@media(max-width:768px){.peg-score-pops{top:3.4rem;gap:3px}.peg-score-pop{padding:3px 9px 4px;gap:6px}.peg-score-value{font-size:1.1rem}.peg-score-reason{font-size:.72rem}.peg-score-player{font-size:.62rem}}*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:root{--focus-ring: #ffd54f;--focus-ring-contrast: #1b1b1b}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-ring-contrast)}.focus-ring-inset:focus-visible{outline-offset:-4px;box-shadow:inset 0 0 0 2px var(--focus-ring-contrast)}a{font-weight:500;color:#8f95ff;text-decoration:inherit}a:hover{color:#b3b7ff}body{margin:0;display:flex;place-items:center;min-width:280px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a{color:#4a4fd0}a:hover{color:#2f34a8}button{background-color:#f9f9f9}}@media(pointer:coarse){.btn-dismiss,.home-logout-btn,.btn-rejoin{min-height:44px;min-width:44px}.color-swatch{min-width:44px;min-height:44px}.nickname-input,input[type=text],input[type=search]{min-height:44px;font-size:max(16px,1rem)}.tab-btn,.add-friends-btn,.save-btn,.refresh-btn,.close-btn{min-height:44px}.invite-btn,.remove-btn,.accept-btn,.decline-btn{position:relative}.invite-btn:after,.remove-btn:after,.accept-btn:after,.decline-btn:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:44px;transform:translate(-50%,-50%)}.filter-select,.setting-select,.speed-btn,.join-btn,.icon-btn,.text-link-btn,.btn-action{min-height:44px}.card:hover,.room-item:hover{transform:none}}.pwa-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9000;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 24px));box-sizing:border-box;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#14251f;color:#f2f6f4;font-size:.875rem;line-height:1.35;box-shadow:0 6px 24px #00000073}.pwa-banner-offline{background:#4a2a12;border-color:#ffb74d59}.pwa-banner-icon{flex:0 0 auto;font-size:1rem}.pwa-banner-text{flex:1 1 auto;min-width:0}.pwa-banner-dismiss{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;margin:-7px -9px -7px 0;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:1.45rem;line-height:1;cursor:pointer}.pwa-banner-dismiss:hover{background:#ffffff1a}.pwa-banner-dismiss:focus-visible{outline:3px solid rgba(255,201,122,.75);outline-offset:1px}.pwa-update-backdrop{position:fixed;inset:0;z-index:9100;display:grid;place-items:center;box-sizing:border-box;padding:max(20px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:radial-gradient(circle at 50% 35%,rgba(62,145,96,.22),transparent 42%),#050c0adb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.pwa-update-screen{width:min(440px,100%);box-sizing:border-box;padding:34px 30px 28px;border:1px solid rgba(154,220,180,.28);border-radius:22px;background:linear-gradient(155deg,#19352a,#10231c 58%,#0c1b16);color:#f5faf7;text-align:center;box-shadow:0 24px 80px #00000094;outline:none}.pwa-update-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border:1px solid rgba(167,234,194,.28);border-radius:20px;background:#49a46d29;color:#a8e7c0;font-size:2rem}.pwa-update-eyebrow{margin:0 0 8px;color:#94d9ae;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pwa-update-screen h2{margin:0;font-size:clamp(1.55rem,6vw,2rem);line-height:1.12}.pwa-update-screen>p:not(.pwa-update-eyebrow){margin:14px auto 0;max-width:35ch;color:#c9d8d0;font-size:.96rem;line-height:1.55}.pwa-update-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.pwa-update-btn{min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0a;color:inherit;font:inherit;font-weight:700;cursor:pointer}.pwa-update-btn:hover{background:#ffffff17}.pwa-update-btn:focus-visible{outline:3px solid rgba(159,229,185,.7);outline-offset:2px}.pwa-update-btn.primary{border-color:#3f9d65;background:#3f9d65;color:#07140d}.pwa-update-btn.primary:hover{background:#54b477}.pwa-update-spinner{width:32px;height:32px;margin:0 auto 18px;border:3px solid rgba(168,231,192,.22);border-top-color:#a8e7c0;border-radius:50%;animation:pwa-update-spin .8s linear infinite}@keyframes pwa-update-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pwa-update-spinner{animation-duration:1.8s}}@media(max-width:420px){.pwa-update-screen{padding:28px 20px 22px;border-radius:18px}.pwa-update-actions{grid-template-columns:1fr}}.error-boundary-card{min-width:300px;max-width:400px;text-align:center}.error-boundary-card h2{color:#ff8a80;margin-bottom:.75rem}.error-boundary-text{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem}.error-boundary-reload{padding:.75rem 2rem;font-size:1rem;font-weight:600}@media(max-width:480px){.error-boundary-card{min-width:260px;max-width:95vw}}