.hand-tray{--hand-card-width:77px;--hand-card-height:118px;--hand-card-lift:-9px;align-self:center;min-width:0;position:relative}.hand-tray .hand-cards{min-width:0;max-width:100%;min-height:calc(var(--hand-card-height) + 17px);scrollbar-width:thin;scrollbar-color:#83a1805e transparent;scroll-behavior:auto;overscroll-behavior-x:contain;touch-action:pan-x;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;gap:6px;margin-left:0;padding:11px 4px 6px;display:flex;position:relative;overflow:auto hidden}.hand-tray .hand-card,.hand-tray .hand-card:last-child{width:var(--hand-card-width);min-width:var(--hand-card-width);max-width:var(--hand-card-width);height:var(--hand-card-height);flex:0 0 var(--hand-card-width);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;padding:0;transition:transform .14s,box-shadow .14s,opacity .12s}.hand-tray .hand-card:first-of-type{margin-inline-start:auto}.hand-tray .hand-card:last-of-type{margin-inline-end:auto}.hand-tray .hand-card *{pointer-events:none}.hand-tray .hand-card .card-face{width:100%;min-width:0;max-width:none;height:100%}.hand-tray .hand-card:hover{z-index:auto;transform:none}.hand-tray .hand-card.selected,.hand-tray .hand-card.selected:hover{transform:translateY(var(--hand-card-lift));z-index:1}.hand-tray .hand-card:focus-visible{outline-offset:3px;z-index:2;outline:2px solid #fff0b0}.hand-tray .hand-card.is-dragging,.hand-tray .hand-card.is-dragging:hover{opacity:.26;box-shadow:none;cursor:grabbing;transform:none}.hand-is-dragging .hand-cards{cursor:grabbing}.hand-selection-tick{display:none}.hand-gesture-hint{text-align:center;color:#b8cdbcbf;letter-spacing:.15px;pointer-events:none;min-height:12px;padding:0 4px;font-size:9px;line-height:1.3}.hand-touch-hint{display:none}.hand-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hand-drag-ghost.hand-card{z-index:10000;pointer-events:none;touch-action:none;transform-origin:50%;will-change:transform;border-radius:8px;margin:0;padding:0;transition:none;position:fixed;top:0;left:0;box-shadow:0 16px 26px #00140fb3,0 0 0 2px #f6d486}.hand-drag-ghost .card-face{width:100%;min-width:0;max-width:none;height:100%}.hand-drag-ghost *{pointer-events:none}.hand-drop-line{z-index:9999;pointer-events:none;background:#ffdf8c;border-radius:3px;width:3px;position:fixed;box-shadow:0 0 10px #edc162aa}.hand-drop-line:before,.hand-drop-line:after{content:"";background:#ffdf8c;border-radius:50%;width:7px;height:7px;position:absolute;left:-2px}.hand-drop-line:before{top:-2px}.hand-drop-line:after{bottom:-2px}[data-card-drag-over=true]{outline-offset:3px;outline:3px solid #ffe59e!important;box-shadow:0 0 22px #f6cc7380!important}@media (hover:hover) and (pointer:fine){.hand-tray .hand-card:hover{z-index:1;transform:translateY(-5px)}.hand-tray .hand-card.selected:hover{transform:translateY(var(--hand-card-lift))}.hand-tray .hand-card.is-dragging:hover{transform:none}}@media (pointer:coarse){.hand-touch-hint{display:inline}.hand-mouse-hint{display:none}}@media (min-width:1600px){.hand-tray{--hand-card-width:84px;--hand-card-height:128px}}@media (max-width:1320px){.hand-tray{--hand-card-width:64px;--hand-card-height:107px}}@media (max-width:1100px){.hand-tray{--hand-card-width:57px;--hand-card-height:96px}}@media (max-width:850px){.hand-tray{--hand-card-width:61px;--hand-card-height:94px}.table-main{padding-bottom:calc(260px + env(safe-area-inset-bottom))}.in-game:has(.table-main) .toast{bottom:calc(250px + env(safe-area-inset-bottom))}}@media (max-width:600px){.hand-tray{--hand-card-width:57px;--hand-card-height:91px;--hand-card-lift:-7px;margin-left:84px}.hand-tray .hand-cards{gap:6px;min-height:107px;padding:10px 4px 6px}.hand-gesture-hint{letter-spacing:0;min-height:11px;font-size:8px}.hand-touch-hint{display:inline}.hand-mouse-hint{display:none}}@media (max-width:390px){.hand-tray{--hand-card-width:53px;margin-left:78px}}@media (prefers-reduced-motion:reduce){.hand-tray .hand-card{transition:none}.hand-drag-ghost.hand-card{will-change:auto}}
.table-motion-flight{z-index:35;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform, opacity;filter:drop-shadow(0 7px 8px #00150f40);position:fixed;top:0;left:0}.table-motion-flight,.table-motion-flight *{pointer-events:none!important}.table-motion-winning-flight{z-index:38;filter:drop-shadow(0 14px 18px #00150fa8)drop-shadow(0 0 14px #ffd47bdb)}.table-motion-winning-flight>.card-face{outline-offset:1px;outline:2px solid #ffdf89;box-shadow:0 0 0 4px #a97527b3,0 0 26px #ffd272c9,inset 0 0 18px #ffe49f40!important}.table-motion-winning-aura{z-index:-1;background:radial-gradient(#ffda8233 12%,#f4be4e28 35%,#efba433d 47%,#ffc85a00 70%);border-radius:50%;animation:1.6s ease-in-out infinite alternate table-motion-gold-breathe;position:absolute;inset:-28%}.table-motion-winning-aura:before{content:"";background:repeating-conic-gradient(from 12deg,#ffe7a626 0deg 5deg,#ffc95200 6deg 28deg);border-radius:50%;animation:7s linear infinite table-motion-gold-rays;position:absolute;inset:-16%;-webkit-mask-image:radial-gradient(#0000 10%,#000b 39%,#0000 70%);mask-image:radial-gradient(#0000 10%,#000b 39%,#0000 70%)}.table-motion-winning-aura i{opacity:0;width:3px;height:5px;animation:1.8s ease-out infinite table-motion-gold-spark;animation-delay:var(--spark-delay);background:#fff0b5;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 5px 2px #f3c457b3}.table-motion-finale,.table-motion-winning-target,.table-motion-finale-title,.table-motion-finale-emblem{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.table-motion-finale{z-index:32;background:radial-gradient(ellipse 230px 240px at var(--finale-x,50%) var(--finale-y,40%), #eab74c18, #04231916 60%, #001b124f);animation:.6s ease-out both table-motion-finale-in;inset:0}.table-motion-finale-title{z-index:39;text-align:center;color:#fff0c8;text-shadow:0 2px 10px #001c12,0 0 22px #e7b9566b;width:min(430px,100vw - 32px);animation:.6s ease-out both table-motion-finale-in;left:50%;transform:translate(-50%)}.table-motion-finale-title>span{color:#ffdc87;letter-spacing:.28em;font-size:11px;font-weight:800;line-height:1.25;display:block}.table-motion-finale-title>strong{font-family:var(--font-serif,Georgia, serif);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:clamp(19px,3vw,27px);font-weight:600;line-height:1.15;display:block;overflow:hidden}.table-motion-winning-target{z-index:34;background:radial-gradient(#f7c85c2e,#e1a84408);border:2px solid #ffe6a1;border-radius:14px;animation:1.6s ease-in-out infinite alternate table-motion-target-beacon;box-shadow:0 0 0 4px #ce994148,0 0 23px #f9c65e99,inset 0 0 18px #f6ca686e}.table-motion-winning-target:before,.table-motion-winning-target:after{content:"";border:1px solid #fddd9580;border-radius:16px;position:absolute;inset:-5px}.table-motion-winning-target:after{border-color:#f5d77b40;border-radius:19px;inset:-11px}.table-motion-winning-target.table-motion-winning-landed{animation:table-motion-winning-landing var(--winning-arrival-duration,1.2s) ease-out both}.table-motion-winning-landed:before,.table-motion-winning-landed:after{animation:table-motion-landing-ring var(--winning-arrival-duration,1.2s) ease-out both}.table-motion-winning-landed:after{animation-delay:.12s}.table-motion-finale-landed{background:radial-gradient(ellipse 270px 260px at var(--finale-x,50%) var(--finale-y,40%), #edc5741a, #09241910 62%, #001b1238)}.table-motion-finale-emblem{z-index:38;color:#ffe3a0;text-shadow:0 0 16px #ffe3a0,0 0 46px #e9b953b3;font-size:74px;line-height:1;animation:1.1s ease-in-out infinite alternate table-motion-gold-breathe;transform:translate(-50%,-50%)}.table-motion-flight>.card-face,.table-motion-flight>.card-back{box-sizing:border-box;width:100%;min-width:0;max-width:none;height:100%;margin:0;display:block;position:relative}.table-motion-arrive{animation:.38s ease-out table-motion-arrival}.table-motion-winning-arrive{animation:1.2s ease-out table-motion-winning-arrival}.table-motion-receiving{opacity:0!important;transition:none!important}.table-motion-turn{outline-offset:4px;border-radius:9px;outline:2px solid #0000;animation:.62s ease-out table-motion-turn-cue}@keyframes table-motion-arrival{0%{filter:brightness(1.14);box-shadow:0 0 0 2px #e8c57688,0 0 14px #e8c57640}to{filter:brightness();box-shadow:0 0 #e8c57600,0 0 #e8c57600}}@keyframes table-motion-turn-cue{0%{outline-color:#e8c57600;box-shadow:0 0 #c5d8a100}25%{outline-color:#e8c576a6;box-shadow:0 0 20px #b9d99526}to{outline-color:#e8c57600;box-shadow:0 0 #c5d8a100}}@keyframes table-motion-winning-arrival{0%{filter:brightness(1.35);box-shadow:0 0 0 3px #ffecb8,0 0 38px #e8c576cc}40%{filter:brightness(1.18);box-shadow:0 0 0 3px #fbd990,0 0 30px #e8c576bf}to{filter:brightness(1.08);box-shadow:0 0 0 2px #f9da99bf,0 0 22px #e8c57680}}@keyframes table-motion-gold-breathe{0%{opacity:.62;filter:brightness()}to{opacity:1;filter:brightness(1.28)}}@keyframes table-motion-gold-rays{to{transform:rotate(90deg)}}@keyframes table-motion-gold-spark{0%{opacity:0;transform:translate(0)scale(.4)}25%{opacity:.95}to{opacity:0;transform:translate(var(--spark-x), var(--spark-y)) scale(.75)}}@keyframes table-motion-finale-in{0%{opacity:0}to{opacity:1}}@keyframes table-motion-target-beacon{0%{filter:brightness(.95);box-shadow:0 0 0 4px #ce994148,0 0 19px #f9c65e99,inset 0 0 16px #f6ca686e}to{filter:brightness(1.22);box-shadow:0 0 0 5px #ce99415c,0 0 30px #ffd478b3,inset 0 0 22px #f6ca688c}}@keyframes table-motion-winning-landing{0%{opacity:1;filter:brightness(1.5);box-shadow:0 0 0 6px #f7d47d6b,0 0 45px #ffdc86db}45%{opacity:1;filter:brightness(1.12)}to{opacity:.9;filter:brightness()}}@keyframes table-motion-landing-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.table-motion-flight,.table-motion-finale,.table-motion-winning-target,.table-motion-finale-title,.table-motion-finale-emblem{display:none!important}.table-motion-receiving{opacity:1!important}.table-motion-arrive,.table-motion-winning-arrive,.table-motion-turn{animation:none!important}}
.move-hints-setting{border-top:1px solid #91b49438;flex-wrap:wrap;align-items:center;gap:12px;margin-top:13px;padding-top:12px;display:flex}.move-hints-copy{flex:210px;min-width:0}.move-hints-copy label{color:#c6d7c9;align-items:center;gap:8px;font-size:13px;display:flex}.move-hints-copy label svg{color:var(--gold)}.move-hints-copy small,.move-hints-host-note{color:#9ab6a5;margin-top:5px;font-size:11px;line-height:1.5;display:block}.move-hints-control{align-items:center;gap:9px;margin-left:auto;display:flex}.move-hints-control>span{color:#d8e4d9;min-width:22px;font-size:12px}.move-hints-control .toggle{background:0 0;border:0;width:61px;height:44px;min-height:44px;padding:0;position:relative}.move-hints-control .toggle:before{content:"";background:#19392c;border:1px solid #8295866b;border-radius:20px;width:49px;height:28px;transition:background .2s;position:absolute;top:8px;left:6px}.move-hints-control .toggle.on:before{background:#a4933f;border-color:#e6c86a}.move-hints-control .toggle>span{position:absolute;top:12px;left:10px}.move-hints-control .toggle:disabled{opacity:.8}.move-hints-host-note{flex-basis:100%;margin:0}.rules-modal-note.move-hints-rule-note{margin-top:9px}.meld-target.meld-target-manual{color:#b7cbbb;box-shadow:none;background:#173f302b;border:1px solid #77938480;border-radius:7px}.meld-target-manual>span{color:#b7cbbb}.meld-target.meld-target-manual:hover,.meld-target.meld-target-manual:focus-visible{box-shadow:none;background:#31554155;border-color:#b2c8b5}.meld-target.meld-target-manual:focus-visible{outline:2px solid #c0d1c4}.meld-target.meld-target-manual[data-card-drag-over=true]{outline-offset:3px;background:#31554155;box-shadow:none!important;outline:2px solid #c0d1c4!important}@media (max-width:600px){.move-hints-setting{gap:5px 9px;margin-top:11px;padding-top:10px}.move-hints-copy{flex-basis:160px}.move-hints-copy label{gap:7px;font-size:12px}.move-hints-copy small,.move-hints-host-note{font-size:10px}}
.your-rule{min-width:0;height:auto}.your-rule h3{overflow-wrap:anywhere;min-width:0}.your-rule>p{text-wrap:balance;overflow-wrap:break-word;width:100%;min-width:0;max-width:none;color:var(--ivory);margin:7px 0 11px;padding:0;font-size:clamp(20px,1.65vw,28px);font-weight:700;line-height:1.22}.your-rule>small{color:#cee0d2;font-size:12px;line-height:1.4}.game-header-details>.exit-game-button{white-space:nowrap;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:12px;line-height:1.2;display:inline-flex}.game-header-details>.exit-game-button>svg{flex-shrink:0}@media (max-width:850px){.table-main{padding-bottom:calc(var(--hand-dock-height,calc(200px + env(safe-area-inset-bottom))) + 16px);scroll-margin-bottom:calc(var(--hand-dock-height,calc(200px + env(safe-area-inset-bottom))) + 16px)}.in-game:has(.table-main) .toast{bottom:calc(var(--hand-dock-height,calc(200px + env(safe-area-inset-bottom))) + 10px)}.game-header-details>.icon-button{min-width:44px;min-height:44px}.your-rule{grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:7px;padding:9px 10px}.your-rule h3{grid-area:1/1;font-size:11px;line-height:1.3}.big-rule-number{grid-area:1/2;align-self:center;margin:0;font-size:28px}.your-rule>p{grid-area:2/1/auto/-1;margin:7px 0 0;font-size:23px}.your-rule>small{grid-area:3/1/auto/-1;margin:7px 0 0;font-size:12px}.your-rule .requirement-tags{grid-area:3/1;justify-content:flex-start;align-self:center;gap:4px;min-width:0;margin:8px 0 0}.your-rule .requirement-tags>span{min-width:0;padding:4px 6px;font-size:10px}.your-rule>.status-badge{grid-area:3/2;place-self:center end;min-width:66px;margin-top:8px;padding:4px 6px;font-size:9px}:is(.your-rule:has(>small) .requirement-tags,.your-rule:has(>small)>.status-badge){grid-row:4}.your-hand{min-height:0;padding:4px 12px calc(6px + env(safe-area-inset-bottom))}.hand-status{gap:7px;min-height:24px;margin-bottom:0}.hand-status p{font-size:10px;line-height:1.3}.hand-status .waiting-label{white-space:normal;overflow-wrap:anywhere}.hand-layout{gap:0 12px}.hand-tray{--hand-card-lift:-7px}.hand-tray .hand-cards{min-height:calc(var(--hand-card-height) + 11px);padding:10px 4px 1px}.hand-gesture-hint{letter-spacing:0;min-height:10px;padding:0 2px;font-size:8px;line-height:10px}.hand-actions{column-gap:7px;margin-top:4px}.hand-actions>.button,.hand-actions>.sort-button{min-height:44px;padding-top:7px;padding-bottom:7px}}@media (max-width:600px){.game-header{grid-template-columns:minmax(0,1fr) auto 44px;gap:0 6px;min-height:0;padding:4px 10px 0;display:grid}.game-header>.brand{grid-area:1/1;gap:6px;min-width:0}.game-header .brand>span{letter-spacing:0;font-size:clamp(20px,5.7vw,25px)}.game-header .brand-mark{flex-shrink:0;width:30px;height:39px}.game-header-details{display:contents}.game-header-details>.exit-game-button{grid-area:1/2;gap:5px;padding:8px;font-size:11px}.game-header-details>.exit-game-button>svg{width:16px;height:16px}.game-header-details>.icon-button{border:0;grid-area:1/3;padding:8px}.game-header-details>.game-pill{z-index:1;grid-area:2/2/auto/-1;place-self:center end;gap:3px;width:70px;min-width:0;min-height:40px;margin-top:2px;padding:6px;font-size:11px}.table-tabs{grid-area:2/1/auto/-1;gap:4px;min-width:0;margin:2px 0 0;padding-right:76px}.table-tabs button,.table-tabs button.active{min-width:0;max-width:none;min-height:44px;padding:7px 8px;font-size:12px}.table-sidebar{grid-template-columns:minmax(0,1fr) 124px}.your-rule{column-gap:6px;padding:8px}.your-rule h3{font-size:10px}.big-rule-number{font-size:26px}.your-rule>p{font-size:clamp(17px,4.65vw,23px);line-height:1.22}.your-rule .requirement-tags>span{font-size:9px}.draw-section>div{justify-content:center}.draw-section .stock-pile,.draw-section .discard-pile{min-width:44px}.your-hand{padding-left:8px;padding-right:8px}.hand-status p{font-size:9px}.hand-tray{margin-left:78px}.your-hand-player{gap:4px;max-width:73px;top:37px;left:9px}.your-hand-player .avatar{--avatar-size:22px}.your-hand-player>div{min-width:0}.your-hand-player strong{max-width:47px}.your-hand-player small{width:72px;max-width:72px;top:32px}.hand-bottom-status{max-width:73px;top:94px;left:8px}.hand-bottom-status .text-link{justify-content:center;align-items:center;min-height:36px;display:flex}.hand-actions{gap:0 6px}}@media (max-width:850px) and (max-height:500px) and (orientation:landscape){.your-hand{padding:3px 10px calc(5px + env(safe-area-inset-bottom))}.hand-status{min-height:20px}.hand-layout{grid-template-columns:76px minmax(0,1fr) 182px;gap:8px}.hand-tray{--hand-card-width:53px;--hand-card-height:80px;--hand-card-lift:-7px;margin-left:0}.your-hand-player{text-align:center;flex-direction:column;gap:3px;max-width:76px;position:static}.your-hand-player .avatar{--avatar-size:24px}.your-hand-player strong{max-width:76px;font-size:10px}.your-hand-player small{text-align:center;width:auto;max-width:76px;position:static}.hand-actions{grid-area:1/3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;margin:0}.hand-actions>.button,.hand-actions>.sort-button{min-height:44px;padding:6px 4px;font-size:10px}.hand-bottom-status{grid-column:2;min-width:0;max-width:none;position:static}}
.game-update-banner{color:#fff0bf;background:#173d2f;border-bottom:1px solid #e8c57699;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 14px;display:flex}.game-update-banner>svg{flex-shrink:0}.game-update-banner>span{max-width:620px}.game-update-banner .button{white-space:nowrap;min-height:44px;padding:8px 14px;font-size:12px}.result-row>div:first-child{min-width:0}.result-row strong{overflow-wrap:anywhere}.result-rule-outcome{color:#d4d4ba;grid-column:1/-1;margin:-3px 0 0;font-size:12px;line-height:1.45}.history-scores .history-rule-outcome{color:#c0c9b8;grid-column:1/-1;margin-top:-5px;font-size:11px;line-height:1.4}.result-rule-outcome.rule-advanced,.history-scores .history-rule-outcome.rule-advanced{color:#7dd9c8}.rule-progress-note{align-items:flex-start;line-height:1.5}.rule-progress-note>svg{flex-shrink:0;margin-top:1px}@media (max-width:600px){.result-rule-outcome{font-size:11px}}
.background-suits.background-suits-drift{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;contain:strict;position:fixed;inset:0;overflow:hidden}.background-suits.background-suits-drift>span{--drift-x:14vw;--drift-y:16vh;--drift-start-angle:-11deg;--drift-end-angle:9deg;color:#0000;-webkit-text-stroke:1px #bfa95340;pointer-events:none;will-change:transform;width:max-content;font-family:Georgia,Times New Roman,serif;font-size:clamp(100px,10vw,150px);line-height:1;animation:35s ease-in-out infinite alternate background-suit-drift;display:block;position:absolute;inset:auto}.background-suits.background-suits-drift>span:first-child{animation-duration:31s;animation-delay:-11s;inset:21% auto auto 9%}.background-suits.background-suits-drift>span:nth-child(2){--drift-x:17vw;--drift-y:19vh;--drift-start-angle:-6deg;--drift-end-angle:12deg;animation-duration:37s;animation-delay:-27s;inset:28% auto auto 69%}.background-suits.background-suits-drift>span:nth-child(3){--drift-x:18vw;--drift-y:14vh;--drift-start-angle:8deg;--drift-end-angle:-10deg;animation-duration:43s;animation-direction:alternate-reverse;animation-delay:-9s;inset:71% auto auto 16%}.background-suits.background-suits-drift>span:nth-child(4){--drift-x:16vw;--drift-y:17vh;animation-duration:29s;animation-direction:alternate-reverse;animation-delay:-18s;inset:75% auto auto 73%}.parkes-app.in-game .background-suits-drift{opacity:.55}@keyframes background-suit-drift{0%{transform:translate3d(calc(0vw - var(--drift-x)), var(--drift-y), 0) rotate(var(--drift-start-angle))}to{transform:translate3d(var(--drift-x), calc(0vh - var(--drift-y)), 0) rotate(var(--drift-end-angle))}}@media (prefers-reduced-motion:reduce){.background-suits.background-suits-drift>span{will-change:auto;transform:none;animation:none!important}}
.home-hero{padding-bottom:76px}@media (max-width:1320px){.home-hero{padding-bottom:71px}}@media (max-width:1050px){.home-hero{padding-bottom:59px}}@media (max-width:850px){.home-hero{padding-bottom:60px}}@media (max-width:600px){.home-hero{padding-bottom:53px}}.home-header .brand,.lobby-header .brand,.game-header .brand{flex-shrink:0;gap:0}.header-room-code{text-align:center;width:90px;min-width:0;color:var(--gold);flex-direction:column;justify-content:center;align-items:center;display:flex}.header-room-code>span{letter-spacing:.17em;color:#b9cbbf;font-size:9px;line-height:1.2}.header-room-code>strong{letter-spacing:.12em;text-indent:.12em;font-variant-numeric:tabular-nums;font-family:ui-monospace,Courier New,monospace;font-size:25px;line-height:1.1}.header-room-code[data-code-length="6"]>strong{letter-spacing:.07em;text-indent:.07em;font-size:19px}.lobby-header,.game-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.lobby-header>.brand,.game-header>.brand{grid-area:1/1;justify-self:start}.lobby-header>.header-room-code,.game-header>.header-room-code{grid-area:1/2}.lobby-header>.header-actions,.game-header>.game-header-details{grid-area:1/3;justify-self:end}.game-header>.table-tabs{grid-area:1/1;justify-self:start;margin-left:64px;position:static;left:auto;transform:none}.game-header-details>span{display:none}.code-entry-form>label,.code-input,.room-code-box{text-align:center}.room-code-box>div{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin-top:4px;display:grid}.room-code-box strong{letter-spacing:.12em;text-indent:.12em;grid-column:2;justify-self:center;font-size:clamp(30px,3.8vw,48px)}.room-code-box .icon-button{grid-column:3;width:44px;min-width:44px;min-height:44px}.draw-section{--pile-width:76px;--pile-height:114px;--pile-gap:24px;grid-template-columns:repeat(2, var(--pile-width));justify-content:center;align-items:center;gap:var(--pile-gap);min-height:166px;padding:12px 10px;position:relative}.draw-section:after{content:"";pointer-events:none;background:#cbb76c35;width:1px;position:absolute;top:24%;bottom:20%;left:50%}.draw-section>.draw-pile-choice{gap:8px;min-width:0}.draw-section label{font-size:12px;line-height:1.2}.draw-section .stock-pile,.draw-section .discard-pile{width:var(--pile-width);min-width:var(--pile-width);height:var(--pile-height);touch-action:manipulation;border-radius:9px}.draw-section .stock-pile>.card-back{width:calc(var(--pile-width) - 6px);height:calc(var(--pile-height) - 7px)}.draw-section .discard-pile .card-face{border-radius:8px;width:100%;height:100%}.draw-section .discard-pile .card-corner b{font-size:calc(var(--pile-width) * .36)}.draw-section .discard-pile .card-centre{font-size:calc(var(--pile-width) * .74)}.draw-section .discard-pile .wild-badge{height:18px;font-size:9px;bottom:3px}.draw-section small{font-size:10px;line-height:1.2}.draw-section button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.hand-actions>:is(.sort-button,.sort-control){grid-column:2;justify-self:end;width:auto;min-width:64px;min-height:44px}.hand-actions>.sort-button{padding:8px 10px}.clear-hand-selection{white-space:nowrap;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;padding:4px 7px;font-size:11px;line-height:1.2;display:inline-flex}.clear-hand-selection:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.clear-hand-selection[data-hidden=true]{visibility:hidden}.lobby-rules-heading,.scores-heading{flex-wrap:wrap}.segmented.game-tabs{flex-shrink:1;min-width:0;max-width:100%}.segmented.game-tabs>button{white-space:nowrap;flex:1 1 0;min-width:0;min-height:44px;padding:9px 18px}@media (max-width:600px){.segmented.game-tabs{width:100%}.scores-heading>.game-tabs{flex-basis:100%}.segmented.game-tabs>button{padding:9px 10px}}@media (min-width:851px){.hand-layout{grid-template-rows:auto auto;grid-template-columns:clamp(240px,20vw,280px) minmax(0,1fr);gap:10px 16px}.your-hand-player{text-align:left;flex-direction:row;grid-area:1/1;align-self:end;align-items:center;gap:10px;min-width:0}.your-hand-player .avatar{--avatar-size:clamp(40px, 3.1vw, 48px)}.your-hand-player>div{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 8px;min-width:0;display:grid}.your-hand-player strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;min-width:0;font-size:clamp(14px,1.1vw,17px);overflow:hidden}.your-hand-player b{white-space:nowrap;font-size:14px}.your-hand-player .hand-card-count{white-space:nowrap;font-size:12px}.your-hand-player small{grid-column:1/-1;font-size:11px}.hand-layout>.hand-tray{grid-area:1/2/3}.hand-actions{grid-area:2/1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px;align-self:start;gap:8px;min-width:0}.hand-actions>.button{white-space:normal;min-width:0;height:48px;min-height:48px;padding:6px;font-size:13px;line-height:1.15}.hand-actions>:is(.sort-button,.sort-control){grid-area:1/3;justify-self:stretch;width:100%;min-width:0;height:48px;min-height:48px;font-size:11px}.hand-actions .inline-spinner{gap:4px}.hand-actions .inline-spinner>svg{width:15px;height:15px}.hand-status{flex-wrap:nowrap;height:44px;min-height:44px;max-height:44px}.hand-status>:is(.turn-label,.waiting-label,.turn-countdown){flex-shrink:0}.hand-status>.waiting-label{white-space:normal;overflow-wrap:anywhere;max-width:30%;max-height:44px;overflow-y:auto}.hand-status>p{text-align:center;overflow-wrap:anywhere;overscroll-behavior-y:contain;flex:1 1 0;min-width:0;max-height:40px;line-height:1.35;overflow-y:auto}.table-area-heading{flex-wrap:nowrap;height:44px;min-height:44px;max-height:44px}.table-area-heading>h2{white-space:nowrap;flex-shrink:0}.table-area-heading>:is(span,.target-shortcut){white-space:normal;overflow-wrap:anywhere;overscroll-behavior-y:contain;flex:1 1 0;min-width:0;max-height:44px;line-height:1.3;overflow-y:auto}.table-area-heading>.target-shortcut{justify-content:flex-start}.table-area-heading>.target-shortcut>svg{flex-shrink:0}.player-melds{overflow-x:scroll}.meld-cards>.meld-target{align-self:stretch;height:auto}}@media (min-width:851px) and (max-width:1320px){.table-content{grid-template-columns:232px minmax(0,1fr)}}@media (max-width:850px){.clear-hand-selection[data-hidden=true]{display:none}.home-header .how-button,.home-header .sound-button{min-height:44px}.home-header .sound-button{width:44px;min-width:44px}.header-room-code{width:76px}.header-room-code>strong{font-size:22px}.header-room-code[data-code-length="6"]>strong{font-size:16px}.lobby-header{gap:6px}.lobby-header .lobby-tag{display:none}.lobby-header>.header-actions{gap:4px}.lobby-header .button.small{min-height:44px;padding:6px 8px;font-size:11px}.lobby-header .icon-button{min-width:36px;min-height:44px}.game-header{flex-wrap:wrap;gap:0;min-height:0;padding:5px 10px 0;display:flex}.game-header>.brand{margin-right:auto}.game-header>.header-room-code{position:absolute;top:7px;left:50%;transform:translate(-50%)}.game-header>.game-header-details{align-items:center;gap:4px;margin-left:auto;display:flex}.game-header-details>.exit-game-button{gap:5px;min-height:44px;padding:7px 8px;font-size:11px}.game-header-details>.icon-button{border:0;min-width:40px;min-height:44px;padding:8px}.game-header-details>.game-pill{width:76px;min-width:76px;min-height:42px;margin:0;padding:6px;font-size:11px;position:absolute;bottom:3px;right:10px}.game-header>.table-tabs{flex:100%;order:3;justify-self:stretch;gap:4px;min-width:0;margin:2px 0 0;padding-right:82px;position:static}.table-tabs button,.table-tabs button.active{min-width:0;max-width:none;min-height:44px;padding:7px 8px;font-size:12px}.table-sidebar{grid-template-columns:minmax(0,1fr);gap:0;padding:5px}.your-rule{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:8px 10px}.your-rule h3{grid-area:1/1;font-size:11px;line-height:1.3}.your-rule h3 span{overflow-wrap:anywhere}.your-rule .big-rule-number{grid-area:1/2;margin:0;font-size:26px}.your-rule>p{grid-area:2/1/auto/-1;max-width:none;margin:0;font-size:clamp(20px,5.3vw,24px);line-height:1.2}.your-rule>small{grid-area:3/1/auto/-1;margin:0;font-size:12px;line-height:1.35}.your-rule .requirement-tags{flex-wrap:wrap;grid-area:3/1;margin:1px 0 0}.your-rule>.status-badge{grid-area:3/2;min-height:24px;margin:1px 0 0}:is(.your-rule:has(>small) .requirement-tags,.your-rule:has(>small)>.status-badge){grid-row:4}.invite-panel>h2{grid-area:1/1;align-self:end}.invite-panel>p{grid-area:2/1;align-self:start}.invite-panel>.qr-row{grid-area:1/2/3}.invite-panel>.room-code-box{grid-area:3/1/auto/-1;margin:10px 0;padding-top:10px}.invite-panel>.button{grid-row:4}.invite-panel>.invite-instructions{grid-row:5}.invite-panel>.direct-link-details{grid-row:6}}@media (max-width:390px){.lobby-leave-context{display:none}}@media (max-width:360px){.header-room-code{width:64px}.header-room-code>strong{letter-spacing:.09em;text-indent:.09em;font-size:20px}.header-room-code[data-code-length="6"]>strong{font-size:14px}.game-header-details>.exit-game-button{gap:4px;padding:6px 4px;font-size:10px}.game-header-details>.icon-button{min-width:36px;padding:6px}}
@media (max-width:850px){.your-hand{min-height:0;padding:3px 8px calc(6px + env(safe-area-inset-bottom))}.hand-status{flex-wrap:wrap;gap:0 6px;min-height:24px;margin:0}.hand-status p{overflow-wrap:anywhere;flex:100px;min-width:0;font-size:10px;line-height:1.25}.hand-status .turn-label,.hand-status .waiting-label{min-width:0;max-width:112px;padding:4px 6px;font-size:9px;line-height:1.25}.hand-status .clear-hand-selection{padding:4px 5px;font-size:10px}.your-hand>.hand-draw-piles{--pile-width:clamp(68px, 18vw, 78px);--pile-height:calc(var(--pile-width) * 1.35);--pile-gap:clamp(20px, 5vw, 28px);gap:var(--pile-gap);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;min-height:0;margin:3px 0 4px;padding:5px 7px}.hand-draw-piles:after{top:12px;bottom:12px}.hand-draw-piles>.draw-pile-choice{grid-template-columns:var(--pile-width) minmax(0, 1fr);grid-template-rows:1fr 1fr;align-items:center;gap:4px 8px;padding:0;display:grid}.hand-draw-piles .draw-pile-choice>button{grid-area:1/1/-1;place-self:center start}.hand-draw-piles .draw-pile-choice>label{white-space:normal;grid-area:1/2;align-self:end;font-size:12px;line-height:1.2}.hand-draw-piles .draw-pile-choice>small{white-space:normal;grid-area:2/2;align-self:start;font-size:10px;line-height:1.25}.hand-draw-piles .draw-pile-choice+.draw-pile-choice{grid-template-columns:minmax(0, 1fr) var(--pile-width);text-align:right}.hand-draw-piles .draw-pile-choice+.draw-pile-choice>button{grid-column:2;justify-self:end}.hand-draw-piles .draw-pile-choice+.draw-pile-choice>label,.hand-draw-piles .draw-pile-choice+.draw-pile-choice>small{grid-column:1}.hand-layout{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.your-hand-player{text-align:left;flex-direction:row;grid-column:1;align-items:center;gap:7px;width:100%;min-width:0;max-width:none;min-height:24px;display:flex;position:static;inset:auto}.your-hand-player .avatar{--avatar-size:21px;flex-shrink:0}.your-hand-player>div{flex-direction:row;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.your-hand-player strong{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:none;font-size:12px;line-height:1.25;overflow:hidden}.your-hand-player strong>span{display:none}.your-hand-player b{flex-shrink:0;font-size:11px;line-height:1.2}.your-hand-player small{white-space:nowrap;text-align:left;flex-shrink:0;width:auto;max-width:none;font-size:9px;line-height:1.2;position:static;inset:auto}.your-hand-player .hand-card-count{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px;line-height:1.2}.hand-tray{--hand-card-height:clamp(70px, 21vw, 84px);--hand-card-lift:-2px;grid-column:1;width:100%;min-width:0;margin:0}.hand-tray .hand-cards{grid-template-columns:repeat(var(--hand-grid-columns), minmax(0, 1fr));align-items:stretch;justify-content:initial;scrollbar-width:none;touch-action:pan-y;gap:8px 6px;width:100%;min-height:0;margin:0;padding:4px 3px 2px;display:grid;overflow:visible}.hand-tray .hand-card,.hand-tray .hand-card:first-of-type,.hand-tray .hand-card:last-child{width:100%;min-width:0;max-width:none;height:var(--hand-card-height);flex:initial;border-radius:7px;min-height:44px;margin:0}.hand-tray .hand-card .card-face{border-radius:7px;width:100%;min-width:0;max-width:none;height:100%}.hand-tray .hand-card .card-corner,.hand-drag-ghost .card-corner{top:6%;left:8%}.hand-tray .hand-card .card-corner b,.hand-drag-ghost .card-corner b{letter-spacing:-.7px;font-size:clamp(20px,6vw,25px)}.hand-tray .hand-card .card-centre,.hand-drag-ghost .card-centre{font-size:clamp(34px,10vw,43px);top:56%}.hand-tray .hand-card .wild-badge,.hand-drag-ghost .wild-badge{border-radius:4px;height:14px;font-size:8px;bottom:3px;left:6%;right:6%}.hand-tray .hand-card .card-face.wild .card-centre,.hand-drag-ghost .card-face.wild .card-centre{top:49%}.hand-tray .hand-card:hover{transform:none}.hand-tray .hand-card.selected,.hand-tray .hand-card.selected:hover{transform:translateY(var(--hand-card-lift));box-shadow:0 0 0 1px #f4d276}.hand-tray .hand-card.selected .card-face{border-color:#edc565;box-shadow:inset 0 0 0 2px #f3cd71,0 0 9px #f7c86a45}.hand-tray .hand-card:focus-visible{outline-offset:1px}.hand-tray .hand-card.is-dragging,.hand-tray .hand-card.is-dragging:hover{box-shadow:none;transform:none}.hand-selection-tick{color:#143321;pointer-events:none;background:#dfb65b;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:11px;font-weight:800;line-height:1;display:flex;position:absolute;top:4px;right:4px}.hand-gesture-hint{min-height:11px;padding:0;font-size:8px;line-height:11px}.hand-actions{grid-area:auto/1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 60px;gap:6px;margin-top:4px;padding:0}.hand-actions>.button,.hand-actions>:is(.sort-button,.sort-control){white-space:normal;min-width:0;min-height:48px;padding:7px 6px;font-size:12px;line-height:1.2}.hand-actions>:is(.sort-button,.sort-control){grid-column:3;justify-self:stretch;gap:3px;width:auto;min-width:44px;min-height:48px;padding:7px 4px;font-size:11px}.hand-actions>:is(.sort-button,.sort-control) svg{flex-shrink:0;width:13px;height:13px}.hand-empty-message{white-space:normal;grid-column:1/-1;min-height:70px}}@media (min-width:600px) and (max-width:850px) and (orientation:landscape){.your-hand{padding-top:2px;padding-bottom:calc(4px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);column-gap:10px;display:grid}.hand-status{grid-area:1/1;align-self:center;min-height:20px}.your-hand>.hand-draw-piles{--pile-width:52px;--pile-height:70px;--pile-gap:22px;grid-area:1/2;margin:2px 0 3px;padding:3px 7px}.hand-draw-piles .draw-pile-choice>label{font-size:11px}.hand-draw-piles .draw-pile-choice>small{font-size:9px}.hand-layout{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);column-gap:10px}.your-hand-player{grid-area:2/1}.hand-tray{--hand-card-height:70px;grid-area:1/1/auto/-1}.hand-tray .hand-cards{grid-template-columns:repeat(var(--hand-visible-count), minmax(0, 1fr));gap:6px}.hand-tray .hand-card,.hand-tray .hand-card:last-child{justify-self:center;max-width:75px}.hand-tray .hand-card .card-corner b,.hand-drag-ghost .card-corner b{font-size:21px}.hand-tray .hand-card .card-centre,.hand-drag-ghost .card-centre{font-size:35px}.hand-gesture-hint,.your-hand-player small:not(.hand-card-count){display:none}.hand-actions{grid-area:2/2;margin-top:2px}}
.sort-control{font-size:12px}.hand-actions>.sort-control{background:0 0;border:0;padding:0;line-height:1.2;display:flex}.sort-control>.sort-button{width:100%;min-width:0;height:100%;min-height:inherit;font-size:inherit;line-height:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:7px;gap:4px;padding:7px 4px}.sort-control>.sort-button[aria-expanded=true]{border-color:var(--gold);background:#204b38;box-shadow:0 0 0 1px #efc36840}.sort-options-popover{z-index:1500;overscroll-behavior:contain;scrollbar-width:thin;width:min(272px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ivory);background:linear-gradient(135deg,#154232,#082b22);border:1px solid #c8a65d;border-radius:13px;padding:8px;font-family:Arial,Helvetica,sans-serif;animation:.12s ease-out sort-menu-appear;position:fixed;overflow-y:auto;box-shadow:0 12px 34px #0008,inset 0 1px #ffe7a51a}.sort-options-heading{border-bottom:1px solid #9fbd9b2b;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:5px 8px 11px;display:flex}.sort-options-heading strong{color:var(--gold-light);font-size:13px;font-weight:700}.sort-options-heading>span{color:#bed2c4;white-space:nowrap;font-size:11px}.sort-option{text-align:left;width:100%;min-height:52px;color:var(--ivory);border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.sort-option:hover,.sort-option:focus-visible{background:#c6e1ba16}.sort-option:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.sort-option[aria-checked=true]{background:#efc36816}.sort-option-check{color:#112f21;border:1px solid #8fac9699;border-radius:50%;flex:0 0 19px;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.sort-option[aria-checked=true] .sort-option-check{border-color:var(--gold);background:var(--gold)}.sort-option>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.sort-option strong{font-size:13px;font-weight:600;line-height:1.2}.sort-option small{color:#bed2c4;font-size:10px;line-height:1.35}@keyframes sort-menu-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sort-options-popover{animation:none}}
.turn-alert-frame{z-index:30;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9;background:0 0;border:4px solid #f5cb68;border-radius:13px;width:100%;height:100dvh;animation:2.4s ease-in-out infinite own-turn-gold-pulse;position:fixed;top:0;left:0;box-shadow:inset 0 0 0 1px #fff0b79c,inset 0 0 21px 5px #eabc526e,0 0 14px #f1c763}.turn-alert-frame:after{content:"";pointer-events:none;border:1px solid #ffdc866b;border-radius:8px;position:absolute;inset:4px}@keyframes own-turn-gold-pulse{0%,to{opacity:.42}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.turn-alert-frame{opacity:.85;animation:none}}
.invite-panel .invite-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:16px;display:grid}.invite-panel .invite-actions>.button{gap:7px;width:100%;min-width:0;min-height:46px;margin:0;padding:10px 8px;font-size:13px;line-height:1.2;text-decoration:none}.invite-panel .invite-actions>.invite-share-button{grid-column:1/-1;min-height:50px;font-size:16px}.invite-actions .invite-facebook-mark{color:#f7e2a8;text-indent:2px;border:1px solid;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:flex-end;width:20px;height:20px;font:700 22px/.9 Arial,sans-serif;display:inline-flex;overflow:hidden}.invite-actions .invite-external-icon{opacity:.65;flex:none}.invite-actions .button:focus-visible{outline-offset:3px;outline:2px solid #ffdf88}@media (max-width:850px){.invite-panel>.invite-actions{grid-area:4/1/auto/-1;margin-top:0}}@media (max-width:350px){.invite-panel .invite-actions>.button{gap:5px;font-size:12px}.invite-panel .invite-actions>.invite-share-button{font-size:15px}}
.your-games{text-align:left;width:100%;min-width:0;padding:20px}.home-main>.your-games{grid-column:1/-1;align-self:start}.your-games-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.your-games-heading>div{min-width:0}.your-games-heading h2{color:var(--ivory);align-items:center;gap:9px;margin:0;font-size:25px;line-height:1.2;display:flex}.your-games-heading h2>svg{color:var(--gold);flex-shrink:0}.your-games-count{color:#b5c9bd;margin-top:5px;font-size:12px;line-height:1.3;display:block}.your-games .button{border-radius:9px;gap:7px;width:auto;min-width:0;min-height:44px;margin:0;padding:9px 12px;font-size:12px;line-height:1.2}.your-games .button>svg,.your-games .your-games-refresh{flex-shrink:0}.your-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.saved-game{background:linear-gradient(135deg,#1d483969,#07291fe6);border:1px solid #7699865e;border-radius:13px;flex-direction:column;gap:11px;min-width:0;padding:15px;display:flex;box-shadow:inset 0 1px #d3ecbe0a}.saved-game-your-turn{background:linear-gradient(135deg,#42644350,#113b2de6 65%);border-color:#ebc06bbf;box-shadow:inset 0 0 0 1px #f0c46919,0 0 13px #e7b8530d}.saved-game-current:not(.saved-game-your-turn){border-color:#a8c5a799}.saved-game-unavailable{border-style:dashed}.saved-game-topline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.saved-game-game{color:var(--gold);font-size:12px;font-weight:700}.saved-game-code{color:#f3d288;letter-spacing:.12em;text-indent:.12em;text-align:center;background:#011d165c;border:1px solid #c8ac6857;border-radius:7px;justify-self:center;padding:5px 10px;font-family:ui-monospace,Courier New,monospace;font-size:16px;font-weight:700;line-height:1.15}.saved-game-code[data-code-length="6"]{letter-spacing:.07em;text-indent:.07em;font-size:13px}.saved-game-player-count{color:#c3d1c2;white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;display:flex}.saved-game-player-count>svg{flex-shrink:0}.saved-game-identity{min-width:0}.saved-game-identity h3{color:var(--ivory);font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:600;line-height:1.3;overflow:hidden}.saved-game-identity>p{color:#b9cbbf;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:11px;line-height:1.5;overflow:hidden}.saved-game-status-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.saved-game-turn{color:#e1e8d9;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:12px;line-height:1.3;display:inline-flex}.saved-game-turn>span:last-child{overflow-wrap:anywhere}.saved-game-turn>svg{flex-shrink:0}.saved-game-turn.is-your-turn{color:#ffdf90;font-weight:700}.saved-game-turn-dot{background:#8dab97;border-radius:50%;flex-shrink:0;width:7px;height:7px}.is-your-turn>.saved-game-turn-dot{background:#f5cf70;box-shadow:0 0 7px #efbf6461}.saved-game-rule{color:#bbcfbe;white-space:nowrap;font-size:11px;line-height:1.3}.saved-game-rule>strong{color:var(--ivory);font-size:13px}.saved-game-rule>span{color:#9eb5a8}.saved-game-last-move{color:#b6c8bc;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;line-height:1.35;display:flex}.saved-game-last-move>svg{color:#c4b887;flex-shrink:0}.saved-game-last-move>.saved-game-hand{white-space:nowrap;margin-left:auto}.saved-game-actions{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:auto;padding-top:2px;display:flex}.saved-game-actions>:is(.saved-game-open,.saved-game-rematch,.saved-game-retry){white-space:normal;text-align:center;flex:112px;justify-content:center;min-height:44px;padding:9px 10px}.saved-game-actions>.saved-game-remove{color:#d5cbb0;white-space:normal;text-align:center;background:#06271d38;border-color:#8ba38a44;flex:1 0 100%;width:100%;min-height:44px;margin:0}.saved-game-actions>.saved-game-remove>span{min-width:0}.saved-game-host-note{color:#b8c9bb;margin:0;font-size:11px;line-height:1.45}.finished-games{border-top:1px solid #93ad8745;margin-top:16px;padding-top:10px}.finished-games>summary{color:#e8e2cb;cursor:pointer;border-radius:7px;align-items:center;gap:9px;min-height:48px;padding:8px 3px;list-style:none;display:flex}.finished-games>summary::-webkit-details-marker{display:none}.finished-games>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.finished-games>summary:hover{color:var(--gold-light)}.finished-games-title{align-items:center;gap:8px;min-width:0;margin-right:auto;font-size:16px;font-weight:600;line-height:1.3;display:inline-flex}.finished-games-title>svg{color:#d4b66b;flex-shrink:0}.finished-games-count{color:#dfc98c;text-align:center;font-variant-numeric:tabular-nums;background:#0b30255c;border:1px solid #a4b58b47;border-radius:7px;min-width:26px;padding:4px 7px;font-size:12px}.finished-games-chevron{color:#c6c09d;flex-shrink:0;transition:transform .18s}.finished-games[open]>summary>.finished-games-chevron{transform:rotate(180deg)}.finished-games>.finished-games-grid{margin-top:8px}.result-modal .result-delete-game{white-space:normal;text-align:center;gap:8px;width:100%;min-width:0;min-height:44px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.3}.result-rematch-note{color:#b7cabc;margin:12px 0 0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.finished-games-chevron{transition:none}}.your-games-notice,.saved-game-notice{color:#e9d29f;align-items:flex-start;gap:7px;margin:0;font-size:11px;line-height:1.45;display:flex}.your-games-notice{margin:0 0 13px}.your-games-notice>svg,.saved-game-notice>svg{flex-shrink:0;margin-top:1px}.your-games-notice>span,.saved-game-notice>p{overflow-wrap:anywhere;min-width:0;margin:0}.your-games-empty{color:#e4eadc;border:1px dashed #83a18b55;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:88px;padding:15px;display:flex}.your-games-empty>svg{color:var(--gold);flex-shrink:0}.your-games-empty strong{font-size:14px;font-weight:600}.your-games-empty p{color:#b7cbbd;margin:4px 0 0;font-size:12px;line-height:1.5}.modal .your-games{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.modal .your-games-grid{grid-template-columns:minmax(0,1fr)}.games-button{color:#ece6ce;background:#173e30;border:1px solid #b3b68270;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 10px;font-size:12px;line-height:1;display:inline-flex;position:relative}.games-button>svg{color:var(--gold);flex-shrink:0}.games-button>b{font-variant-numeric:tabular-nums;text-align:center;min-width:17px;font-size:10px}.games-button:hover{border-color:var(--gold);background:#214d38}.games-button.games-awaiting-turn{color:#ffe39c;border-color:#ebc06b;box-shadow:0 0 10px #eabd5c18}.games-awaiting-turn>b{color:#173122;background:#e9c36a;border-radius:50%;padding:4px}.lobby-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.lobby-title>div{min-width:0}.lobby-title>.lobby-games-button{align-self:center}.settings-games-row{border-top:1px solid #8ba38a44;padding:18px 0 4px}.settings-games-row>.button{justify-content:flex-start;width:100%;min-height:44px;font-size:15px}.settings-games-row>.button>span{color:var(--gold);margin-left:auto}.settings-games-row>p,.games-device-note{color:#b5c9bd;margin:10px 0 0;font-size:12px;line-height:1.5}.games-modal>.another-game-button{gap:8px;width:100%;min-height:48px;margin-top:20px;font-size:15px}@media (min-width:851px) and (max-width:1100px){.game-header .header-games-button>span{display:none}.game-header .header-games-button{gap:3px;padding:7px}}@media (max-width:850px){.your-games{padding:14px}.your-games-heading{margin-bottom:12px}.your-games-heading h2{font-size:22px}.your-games-grid{grid-template-columns:minmax(0,1fr);gap:10px}.saved-game{gap:10px;padding:13px}.game-header .header-games-button{display:none}.lobby-title{align-items:flex-start}.lobby-title>.lobby-games-button{gap:4px;padding:8px}.your-hand>.hand-status{grid-template-rows:22px 26px;grid-template-columns:minmax(0,1fr) auto auto 44px;gap:0 5px;width:100%;height:48px;min-height:48px;max-height:48px;margin:0;padding:0;display:grid}.your-hand .hand-status>:is(.turn-label,.waiting-label){text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;place-self:center start;max-width:100%;overflow:hidden}.your-hand .hand-status>.turn-countdown{grid-area:1/2;align-self:center}.your-hand .hand-status>.clear-hand-selection{grid-area:1/3;align-self:center;margin:0}.your-hand .hand-status>p{text-align:left;overflow-wrap:anywhere;overscroll-behavior:contain;grid-area:2/1/auto/4;align-self:center;min-width:0;max-height:26px;margin:0;font-size:10px;line-height:1.25;overflow-y:auto}.your-hand .hand-status>.mobile-games-button{grid-area:1/4/3;align-self:center;width:44px;height:44px;padding:8px}.mobile-games-button>span{display:none}.mobile-games-button>b{color:#f8dfa0;background:#284e39;border-radius:9px;min-width:17px;min-height:17px;padding:3px;font-size:9px;position:absolute;top:-2px;right:-2px}.mobile-games-button.games-awaiting-turn>b{color:#173122;background:#e9c36a}}@media (max-width:380px){.your-games,.saved-game{padding:11px}.saved-game-player-word{display:none}.your-games-heading h2{gap:6px;font-size:20px}.your-games .your-games-refresh{gap:5px;padding:8px;font-size:11px}}
.draw-card-button{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.draw-card-button:not(:disabled){touch-action:none;cursor:grab}.draw-card-button>*{pointer-events:none}.draw-card-button.draw-card-is-dragging{cursor:grabbing;filter:brightness(.84)}.draw-card-drag-ghost{z-index:10000;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:50%;will-change:transform;border-radius:8px;margin:0;padding:0;position:fixed;top:0;left:0;box-shadow:0 16px 26px #00140fb3,0 0 0 2px #f6d486}.draw-card-drag-ghost,.draw-card-drag-ghost *{pointer-events:none!important}.draw-card-drag-ghost>:is(.card-face,.card-back){width:100%;min-width:0;max-width:none;height:100%;margin:0;display:block;position:relative;inset:auto;transform:none}@media (prefers-reduced-motion:reduce){.draw-card-drag-ghost{will-change:auto}}