:root{--ui-background:#0c2313;--ui-surface:#182f1a;--ui-surface-elevated:#203c23;--ui-primary:#2dcb83;--ui-highlight:#f4c95d;--ui-text:#f8faf8;--ui-text-secondary:#c1d2c2;--ui-border:var(--ui-highlight);--ui-danger:#ff7a72;--ui-avatar-background-light:#bac4cb;--ui-avatar-background:#aab5bd;--ui-avatar-background-dark:#9ba7b0;--ui-avatar-background-image:radial-gradient(ellipse 72% 72% at 44% 34%, var(--ui-avatar-background-light) 0%, var(--ui-avatar-background) 70%, var(--ui-avatar-background-dark) 100%);--ui-avatar-frame-gradient:linear-gradient(135deg, color-mix(in srgb, var(--ui-highlight) 88%, #fff9e6) 0%, var(--ui-highlight) 50%, color-mix(in srgb, var(--ui-highlight) 90%, #542f0d) 100%);--ui-font-family:Inter, system-ui, sans-serif;--ui-radius-control:6px;--ui-radius-button:12px;--ui-control-min-size:44px;--ui-button-font-size:1rem;--ui-button-font-weight:600;--ui-radius-field:8px;--ui-radius-card:16px;--ui-space-md:1rem;--ui-frame-light:color-mix(in srgb, var(--ui-highlight) 40%, #fff9e6);--ui-frame-dark:color-mix(in srgb, var(--ui-highlight) 42%, #542f0d);--ui-frame-gradient:linear-gradient(135deg, var(--ui-frame-light) 0%, var(--ui-highlight) 18%, var(--ui-frame-dark) 34%, var(--ui-frame-light) 48%, var(--ui-highlight) 64%, var(--ui-frame-dark) 100%);--ui-frame-ring:0 0 0 .5px var(--ui-frame-dark);--ui-frame-bevel:inset 0 .5px 1px color-mix(in srgb, var(--ui-frame-light) 35%, transparent), inset 0 -.5px 1px color-mix(in srgb, var(--ui-frame-dark) 70%, transparent);--ui-shadow-control:var(--ui-frame-bevel), var(--ui-frame-ring), 0 4px 10px #00000052;--ui-shadow-card:var(--ui-frame-bevel), var(--ui-frame-ring), 0 12px 24px #00000061;--ui-on-highlight:var(--ui-background);--ui-on-play:#172019;--ui-public-title-gradient:linear-gradient(135deg, var(--ui-primary), var(--ui-highlight));--ui-play-background:linear-gradient(135deg, var(--ui-frame-light), var(--ui-highlight) 55%, color-mix(in srgb, var(--ui-highlight) 88%, var(--ui-frame-dark)));--ui-control-border:color-mix(in srgb, var(--ui-border) 60%, var(--ui-surface-elevated));font-family:var(--ui-font-family);color:var(--ui-text);background:var(--ui-background);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid var(--ui-highlight);outline-offset:2px}.screen-transition{width:100%;min-width:0;height:100%;min-height:0}.game-app{background:var(--app-background);grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;max-width:100%;height:100dvh;min-height:0;display:grid;position:fixed;inset:0;overflow:hidden}.game-toolbar{z-index:50;border:1px solid var(--header-border-color);width:100%;min-width:0;max-width:100%;min-height:58px;color:var(--header-color);--ui-frame-fill-color:var(--header-background);background:var(--header-background);box-shadow:0 .5px 0 var(--ui-frame-dark), var(--header-shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px 14px;display:grid;overflow:hidden}.game-toolbar.desktop-score-visible{grid-template-columns:auto minmax(0,1fr) auto}.game-heading{text-align:center;min-width:0}.game-toolbar.has-new-game .status{max-width:100%}.game-heading h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.15rem,2.1vw,1.65rem);line-height:1.15;overflow:hidden}.status{max-width:min(62vw,720px);color:var(--header-status-color);overflow-wrap:anywhere;margin:3px auto 0;font-size:1rem;line-height:1.2}.game-actions{justify-self:end;gap:7px;margin-left:10px;display:flex}.icon-button,.command-button,.centered-message button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);color:#172019;cursor:pointer;background:#fff;justify-content:center;align-items:center;height:38px;display:inline-flex}.icon-button,.command-button{--ui-frame-fill-color:#fff;box-shadow:var(--ui-shadow-control)}.icon-button{width:38px;padding:0}.command-button{gap:7px;padding:0 11px;font-size:.83rem;font-weight:700}.game-toolbar .command-button{border-color:var(--ui-border);height:44px;min-height:44px;color:var(--ui-text);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);font-size:.95rem}.game-toolbar .command-button:not(:disabled):hover{border-color:var(--ui-border)}.game-toolbar .command-button:focus-visible{outline-color:var(--ui-highlight)}.game-summary-link{flex-shrink:0}@media (width<=900px){.game-toolbar.has-summary .command-button,.game-toolbar.has-summary .game-summary-link{width:var(--ui-control-min-size);min-width:var(--ui-control-min-size);height:var(--ui-control-min-size);padding:0}.game-toolbar.has-summary .command-button span,.game-toolbar.has-summary .game-summary-link span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}.icon-button svg,.command-button svg{width:18px;height:18px}button:disabled{cursor:not-allowed;opacity:.5}.game-workspace{grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-width:0;max-width:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.table-layout{--hand-tile-long-side:61px;--player-avatar-size:clamp(34px, calc(var(--hand-tile-long-side) * .82), 52px);--player-avatar-ring-width:clamp(2px, calc(var(--player-avatar-size) * .055), 3px);--player-avatar-badge-size:clamp(15px, calc(var(--player-avatar-size) * .38), 20px);--player-avatar-badge-inset:clamp(1px, calc(var(--player-avatar-size) * .04), 2px);width:100%;min-width:0;max-width:100%;min-height:0;position:relative;overflow:hidden;container-type:size}.domino-board{border:9px solid var(--board-border-color);border-top-color:var(--board-border-top-color);border-right-color:var(--board-border-right-color);border-bottom-color:var(--board-border-bottom-color);border-left-color:var(--board-border-left-color);border-image-source:var(--board-border-image-source);border-image-slice:var(--board-border-image-slice);border-image-width:var(--board-border-image-width);border-image-outset:var(--board-border-image-outset);border-image-repeat:var(--board-border-image-repeat);background-color:var(--board-background-color);background-image:var(--board-background-image);background-clip:var(--board-background-clip);background-origin:var(--board-background-origin);background-position:var(--board-background-position);background-size:var(--board-background-size);min-width:0;min-height:0;box-shadow:var(--board-shadow);isolation:isolate;border-radius:0;position:absolute;inset:0;overflow:hidden}.board-vignette{z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 36px #002a1429}.board-theme-emblem{z-index:2;width:var(--board-emblem-width);max-height:var(--board-emblem-max-height);aspect-ratio:var(--board-emblem-aspect-ratio);background-image:var(--board-emblem-image);opacity:var(--board-emblem-opacity);filter:var(--board-emblem-filter);pointer-events:none;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-theme-effects{z-index:2;pointer-events:none;position:absolute;inset:0}.board-theme-effects:before,.board-theme-effects:after{width:var(--board-effects-width);max-height:var(--board-effects-max-height);aspect-ratio:var(--board-effects-aspect-ratio);content:"";background-image:var(--board-effects-image);opacity:var(--board-effects-opacity);mix-blend-mode:var(--board-effects-mix-blend-mode);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.board-theme-effects:before{top:0;left:0;transform:rotate(180deg)}.board-theme-effects:after{bottom:0;right:0}.domino-tile{isolation:isolate;background:0 0;position:relative;overflow:hidden;container-type:size}.domino-tile:before{z-index:0;content:"";background-color:var(--tile-surface-color);background-image:var(--tile-surface-image);background-position:var(--tile-surface-position);background-size:var(--tile-surface-size);box-shadow:var(--tile-surface-shadow);border-radius:13.56cqmin;position:absolute;inset:3.39cqmin}.domino-tile-geometry{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.domino-tile-border{fill:none;stroke:var(--tile-border-color)}.domino-tile-pips{fill:var(--tile-pip-color)}.domino-tile-pip-highlights{fill:var(--tile-pip-highlight-color,var(--tile-surface-color));fill-opacity:var(--tile-pip-highlight-opacity,.42)}.domino-tile-divider-line{fill:var(--tile-divider-color)}.domino-tile-divider-dot{fill:var(--tile-divider-dot-color)}.domino-tile-divider-highlight{fill:var(--tile-divider-highlight-color)}.board-tile{-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute;overflow:visible}.board-tile-visual{transform-origin:50%;width:100%;height:100%;animation:place-tile var(--board-placement-duration,.22s) ease-out both}.board-tile.play-flight-target .board-tile-visual,.board-tile.play-flight-complete .board-tile-visual{animation:none}.board-tile.play-flight-target{visibility:hidden}.played-tile-flight{z-index:160;visibility:hidden;object-fit:fill;pointer-events:none;contain:paint;backface-visibility:hidden;transform-origin:50%;will-change:transform, opacity;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.played-tile-impact{z-index:159;box-sizing:border-box;opacity:0;pointer-events:none;contain:paint;will-change:transform, opacity;border:2px solid #fff;border-radius:50%;position:absolute}.board-end-target{z-index:90;cursor:pointer;touch-action:manipulation;background:#ffe65c3d;border:0;border-radius:50%;padding:0;animation:.9s ease-in-out infinite alternate playable-end-glow;position:absolute;box-shadow:0 0 0 3px #fff4a0c7,0 0 14px 7px #ffdd40bd}.board-end-target:focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes playable-end-glow{0%{opacity:.72}to{opacity:1}}@keyframes place-tile{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.opening-starter-choice{z-index:165;bottom:var(--opening-starter-choice-bottom,calc(12px + var(--hand-tile-long-side) * 1.1875 + clamp(10px, 2cqh, 18px)));width:min(520px, calc(100% - 40px), var(--opening-starter-choice-max-width,100%));max-height:var(--opening-starter-choice-max-height,none);overflow:var(--opening-starter-choice-overflow,visible);overscroll-behavior:none;overflow-wrap:anywhere;text-align:center;gap:6px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.opening-starter-choice-label{color:#f7f8f6;text-shadow:0 1px 2px #002612b3;font-size:clamp(.72rem,1.8cqi,.86rem);font-weight:700;line-height:1.2}.opening-starter-choice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.5cqi,10px);display:grid}.opening-starter-choice button{border:1px solid var(--ui-border);min-width:0;min-height:42px;color:var(--ui-text);background-color:var(--ui-surface);box-shadow:var(--ui-shadow-control);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:9px;padding:8px clamp(8px,2.2cqi,16px);font-size:clamp(1rem,2.4cqi,1.125rem);font-weight:700;line-height:1.15;transition:transform .12s,box-shadow .12s,filter .12s}@media (hover:hover){.opening-starter-choice button:not(:disabled):hover{filter:brightness(1.04);box-shadow:var(--ui-frame-ring), 0 5px 10px #00231052;transform:translateY(-2px)}}.opening-starter-choice button:not(:disabled):active{filter:brightness(.97);box-shadow:var(--ui-frame-ring), 0 1px 2px #0023103d;transform:translateY(1px)scale(.985)}@media (width<=420px){.opening-starter-choice{width:min(calc(100% - 28px), var(--opening-starter-choice-max-width,100%))}.opening-starter-choice button{min-height:40px;padding-inline:6px}}@media (height<=360px){.opening-starter-choice{gap:3px}.opening-starter-choice button{min-height:36px;padding-block:5px;font-size:clamp(.875rem,2.4cqi,1.125rem)}}.player{z-index:5;color:#29372c;min-width:0;min-height:0;padding:3px;display:flex;position:absolute}.player-north,.player-south{max-width:min(var(--hand-max-width,100%), calc(100% - 36px));transform:translate(calc(-50% + var(--hand-shift-x,0px) + var(--score-overlap-shift-x,0px)), var(--score-overlap-shift-y,0px));justify-content:center;align-items:center;gap:8px;left:50%}.player-north{top:12px}.player-south{flex-direction:row-reverse;bottom:12px}.player-north .player-label,.player-south .player-label{max-width:min(100%, var(--player-label-max-width,100%));flex:auto}.player-north .player-tiles,.player-south .player-tiles{flex:none}.player-west,.player-east{max-height:calc(100% - 36px);transform:translate(calc(var(--hand-shift-x,0px) + var(--score-overlap-shift-x,0px)), calc(-50% + var(--score-overlap-shift-y,0px)));flex-direction:column;justify-content:center;align-items:center;gap:6px;top:50%}.player-west{left:12px}.player-east{right:12px}.player-label{align-items:center;gap:clamp(3px, calc(var(--player-avatar-size) * .1), 5px);min-width:0;max-width:100%;font-size:.78rem;font-weight:700;display:flex}.player-result-anchor{flex:none;display:flex;position:relative}.player-result-callout{z-index:6;box-sizing:border-box;width:max-content;max-width:min(190px, var(--callout-max-width,190px), var(--callout-screen-width,calc(100vw - 16px)));color:#fff;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;background:#0f141040;border:1px solid #ffffff59;border-radius:8px;padding:7px 9px;font-size:.75rem;line-height:1.35;animation:.18s ease-out both player-callout-enter;position:absolute;box-shadow:0 2px 6px #0000002e}.player-result-callout:after{content:"";left:var(--callout-tail-left);top:var(--callout-tail-top);width:var(--callout-tail-width);height:var(--callout-tail-height);clip-path:var(--callout-tail-shape);opacity:var(--callout-tail-opacity,1);background:#0f141040;position:absolute}.player-result-callout-text{max-height:var(--callout-text-height,calc(100dvh - 32px));animation:.65s steps(24,end) .1s both player-callout-type;display:block;overflow:auto}.player-result-callout.leaving{animation:.18s ease-in both player-callout-leave}.player-result-callout.leaving .player-result-callout-text{animation:none}@media (height<=500px){.player-result-callout{padding:5px 6px;font-size:.68rem;line-height:1.25}}@keyframes player-callout-enter{0%{opacity:0}to{opacity:1}}@keyframes player-callout-leave{0%{opacity:1}to{opacity:0}}@keyframes player-callout-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.player-result-callout,.player-result-callout-text{animation:none}}.player-avatar{box-sizing:border-box;width:var(--player-avatar-size);height:var(--player-avatar-size);background:0 0;border:0;border-radius:50%;flex:none;padding:0;display:block;position:relative}.table-player-avatar{--avatar-size:100%}.player-avatar:not(.bot) .player-avatar-portrait:before{z-index:3;border-radius:inherit;content:"";opacity:0;pointer-events:none;background:#f00c;position:absolute;inset:0}button.player-avatar{cursor:pointer}.match-player-popover{border:1px solid var(--ui-border);width:220px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ui-text);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow-card);text-align:center;overflow-wrap:anywhere;border-radius:12px;outline:none;margin:0;padding:0;position:fixed;inset:8px auto auto 8px;overflow:hidden}.match-player-popover:popover-open{flex-direction:column;display:flex}.match-player-popover-content{border-radius:11px;min-height:0;padding:16px;overflow:auto}.match-profile-avatar{--avatar-size:80px;max-width:100%;margin:0 auto 12px}.player-avatar-badge{z-index:2;right:var(--player-avatar-badge-inset);bottom:var(--player-avatar-badge-inset);box-sizing:border-box;width:var(--player-avatar-badge-size);height:var(--player-avatar-badge-size);border:clamp(1px, calc(var(--player-avatar-size) * .035), 2px) solid #fff;color:#fff;font-size:clamp(.58rem, calc(var(--player-avatar-size) * .22), .7rem);background:#4b4b4bd9;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;box-shadow:0 1px 2px #00000080}.player.current .player-avatar.countdown-active .player-avatar-portrait:after{z-index:2;border-radius:inherit;content:"";background:conic-gradient(#ff0000e6 0turn, #ff0000d9 var(--turn-countdown-angle), #f003 var(--turn-countdown-angle), #f003 1turn);pointer-events:none;position:absolute;inset:0}.player.current .player-avatar:not(.bot) .player-avatar-portrait:before,.player.current .player-avatar.countdown-active .player-avatar-portrait:after{animation:.5s step-end 2 current-player-avatar-border-blink}.player.current .player-avatar.bot{box-shadow:0 0 0 2px #ff0000bf,0 0 8px 3px #ff00008c}@keyframes current-player-avatar-border-blink{0%,to{opacity:1}50%{opacity:0}}.player-tiles{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.player.current.will-pass .player-avatar,.player.current.will-pass .player-tiles{animation:.16s ease-out 1.1s forwards passing-player-dim}@keyframes passing-player-dim{0%{opacity:1}to{opacity:.48}}.player-south .player-tiles{transition:opacity 1.2s ease-out}.tiles-vertical{flex-direction:row}.tiles-horizontal{flex-direction:column}.hand-tile{-webkit-user-select:none;user-select:none;flex:none;transition:opacity .16s,filter .16s,transform .16s;display:block}.hand-tile-choice.round-hand-reveal{transform-style:preserve-3d;animation:.5s ease-in-out both round-hand-reveal}.hand-tile-choice.round-hand-reveal .hand-tile,.hand-tile-choice.round-hand-reveal:after{backface-visibility:hidden}.hand-tile-choice.round-hand-reveal:after{content:"";background-color:#f1ead8;background-image:linear-gradient(145deg,#f5efdf,#e9e0cd);border:1px solid #c8bda6;border-radius:4px;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:inset 0 0 4px #78684c1a}@keyframes round-hand-reveal{0%{transform:perspective(320px)rotateY(180deg)}to{transform:perspective(320px)rotateY(0)}}.tiles-vertical .hand-tile{width:calc(var(--hand-tile-long-side) / 2);height:var(--hand-tile-long-side);margin-left:-1px}.player-south .hand-tile{width:calc(var(--hand-tile-long-side) * .59375);height:calc(var(--hand-tile-long-side) * 1.1875)}.tiles-horizontal .hand-tile{width:var(--hand-tile-long-side);height:calc(var(--hand-tile-long-side) / 2);margin-top:-1px}.score-corner{--score-diagonal-width:9px;--die-size:30.8%;--die-half-size:15.4%;--score-gap:1.5%;--horizontal-outer-axis:73.567%;--horizontal-inner-axis:26.433%;--vertical-outer-axis:67.684%;--vertical-inner-axis:32.316%;z-index:100;width:var(--score-corner-size,clamp(118px, 24%, 190px));aspect-ratio:1;color:var(--score-color);background-color:var(--score-background-color);background-image:var(--score-background-image);background-position:var(--score-background-position);background-size:var(--score-background-size);pointer-events:none;position:absolute;overflow:hidden}.score-corner:before{content:"";background-color:var(--score-divider-background-color);background-image:var(--score-divider-background-image);background-position:var(--score-divider-background-position);background-repeat:var(--score-divider-background-repeat);background-size:var(--score-divider-background-size);-webkit-mask-image:linear-gradient(0deg, transparent calc(50% - var(--score-diagonal-width)), #000 calc(50% - var(--score-diagonal-width)), #000 calc(50% + var(--score-diagonal-width)), transparent calc(50% + var(--score-diagonal-width)));mask-image:linear-gradient(0deg, transparent calc(50% - var(--score-diagonal-width)), #000 calc(50% - var(--score-diagonal-width)), #000 calc(50% + var(--score-diagonal-width)), transparent calc(50% + var(--score-diagonal-width)));position:absolute;inset:-20.7107%;transform:rotate(45deg)}.score-corner:after{content:none}.score-top-right{clip-path:polygon(0 0,100% 0,100% 100%);top:0;right:0}.score-bottom-left{clip-path:polygon(0 0,0 100%,100% 100%);bottom:0;left:0}.score-content{z-index:1;white-space:nowrap;font-size:clamp(.58rem,.75vw,.7rem);font-weight:700;position:absolute;inset:0}.score-content>span{position:absolute}.table-layout[data-piece-highlight-teams~="0"] .score-corner[data-score-team="0"] .score-content>span,.table-layout[data-piece-highlight-teams~="1"] .score-corner[data-score-team="1"] .score-content>span{color:#ffdd40}.table-layout[data-piece-highlight-teams~="0"] .score-corner[data-score-team="0"] .score-content>span>strong,.table-layout[data-piece-highlight-teams~="1"] .score-corner[data-score-team="1"] .score-content>span>strong{animation:1.2s ease-out infinite score-piece-pulse;display:inline-block}.table-layout[data-die-highlight-teams~="0"] .score-corner[data-score-team="0"] .wood-die,.table-layout[data-die-highlight-teams~="1"] .score-corner[data-score-team="1"] .wood-die{animation:1.2s ease-out 1.6s infinite score-die-pulse}.table-layout[data-piece-highlight-teams][data-die-highlight-teams][data-piece-highlight-teams~="0"] .score-corner[data-score-team="0"] .score-content>span>strong,.table-layout[data-piece-highlight-teams][data-die-highlight-teams][data-piece-highlight-teams~="1"] .score-corner[data-score-team="1"] .score-content>span>strong{animation-delay:1.6s}@keyframes score-piece-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes score-die-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.14)}}.score-top-right .score-content>span{top:calc(var(--vertical-inner-axis) - var(--die-half-size) - var(--score-gap));left:var(--horizontal-outer-axis);transform:translate(-50%,-100%)}.score-bottom-left .score-content>span{top:calc(var(--vertical-outer-axis) + var(--die-half-size) + var(--score-gap));left:var(--horizontal-inner-axis);transform:translate(-50%)}.score-content .wood-die{position:absolute;transform:translate(-50%,-50%)}.score-top-right .wood-die{top:var(--vertical-inner-axis);left:var(--horizontal-outer-axis)}.score-bottom-left .wood-die{top:var(--vertical-outer-axis);left:var(--horizontal-inner-axis)}.wood-die{width:var(--die-size);aspect-ratio:1;perspective:180px;transform-style:preserve-3d;flex:none;container-type:inline-size}.die-face{border:1px solid var(--die-border-color);background-color:var(--die-background-color);background-image:var(--die-background-image);background-position:var(--die-background-position);background-size:var(--die-background-size);box-shadow:var(--die-shadow);backface-visibility:hidden;border-radius:12%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:3%;display:grid;position:absolute;inset:0}.die-cube{transform-style:preserve-3d;position:absolute;inset:0;transform:translateZ(-50cqi)}.die-cube .die-face-front{transform:rotateY(0)translateZ(50cqi)}.die-cube .die-face-left{transform:rotateY(-90deg)translateZ(50cqi)}.die-cube .die-face-right{transform:rotateY(90deg)translateZ(50cqi)}.die-cube .die-face-up{transform:rotateX(90deg)translateZ(50cqi)}.die-cube .die-face-down{transform:rotateX(-90deg)translateZ(50cqi)}.die-cube-turn-left{animation:1.6s cubic-bezier(.45,0,.55,1) both die-cube-turn-left}.die-cube-turn-right{animation:1.6s cubic-bezier(.45,0,.55,1) both die-cube-turn-right}.die-cube-turn-up{animation:1.6s cubic-bezier(.45,0,.55,1) both die-cube-turn-up}.die-cube-turn-down{animation:1.6s cubic-bezier(.45,0,.55,1) both die-cube-turn-down}@keyframes die-cube-turn-left{0%{transform:translateZ(-50cqi)rotateY(0)}to{transform:translateZ(-50cqi)rotateY(90deg)}}@keyframes die-cube-turn-right{0%{transform:translateZ(-50cqi)rotateY(0)}to{transform:translateZ(-50cqi)rotateY(-90deg)}}@keyframes die-cube-turn-up{0%{transform:translateZ(-50cqi)rotateX(0)}to{transform:translateZ(-50cqi)rotateX(-90deg)}}@keyframes die-cube-turn-down{0%{transform:translateZ(-50cqi)rotateX(0)}to{transform:translateZ(-50cqi)rotateX(90deg)}}.pip{aspect-ratio:1;opacity:0;background:var(--die-pip-background);width:17cqi;height:17cqi;box-shadow:var(--die-pip-shadow);border-radius:50%;place-self:center}.pip.visible{opacity:1}.match-score-summary{background:#f8f9f7;border-bottom:1px solid #d7ddd7;min-width:0;padding:7px 10px 8px}.match-score-summary h2{margin:0 0 3px;font-size:.78rem}.match-score-summary p{color:#172019;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.7rem;font-weight:700;line-height:1.45;overflow:hidden}.desktop-header-score{background:0 0;border:0;width:max-content;max-width:38vw;padding:0}.desktop-header-score h2{margin-bottom:1px;font-size:1rem}.desktop-header-score p{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:1rem;line-height:1.25;overflow:visible}.game-toolbar .desktop-header-score{border:1px solid var(--ui-border);color:var(--ui-text);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow-control);border-radius:8px;padding:6px 10px}.game-toolbar .desktop-header-score p{color:var(--ui-text-secondary)}.piece-label{font-weight:700}.centered-message{--screen-background-overlay:color-mix(in srgb, var(--ui-background) 85%, transparent);background:linear-gradient(var(--screen-background-overlay), var(--screen-background-overlay)), var(--ui-background) url(/assets/background-BTy8kIP4.png) center / cover no-repeat;text-align:center;place-content:center;justify-items:center;width:100%;height:100dvh;padding:24px;display:grid}.auth-screen,.lobby-screen{color:var(--ui-text);background-color:var(--ui-background)}.auth-screen{overflow-y:hidden;container-type:inline-size}.brand-logo{--brand-logo-max-width:640px;--brand-logo-previous-cap:min(22dvh, 180px);--brand-logo-full-width:min(100cqw, var(--brand-logo-max-width));width:min(var(--brand-logo-full-width), calc((var(--brand-logo-full-width) + var(--brand-logo-previous-cap) * 1997 / 787) / 2))}.brand-logo img{object-fit:contain;width:100%;height:auto;display:block}.auth-screen .brand-logo{--brand-logo-max-width:560px;--brand-logo-previous-cap:min(18dvh, 150px);flex:none;margin-bottom:clamp(8px,2dvh,24px)}.lobby-screen .brand-logo{grid-column:1/-1;place-self:center;width:min(100%,clamp(280px,100dvh - 320px,560px))}.lobby-screen :is(button,summary,select):focus-visible{outline:3px solid var(--ui-highlight);outline-offset:2px}.lobby-screen{--lobby-card-gap:clamp(8px, 2vw, 20px);--lobby-section-gap:clamp(6px, 1.5dvh, 16px);column-gap:var(--lobby-card-gap);overscroll-behavior:none;grid-template-columns:repeat(2,minmax(0,300px));place-content:start center;padding:clamp(8px,2dvh,20px) 12px clamp(8px,1.3dvh,12px);position:relative;overflow-y:auto;container:lobby/inline-size}.lobby-screen>p,.lobby-screen>.game-mode-options{grid-column:1/-1}.lobby-screen p{margin:8px 0}.centered-message h1{margin:0;font-size:1.7rem}.centered-message p{color:#526056}.auth-screen p,.lobby-screen p{color:var(--ui-text-secondary)}.lobby-screen .lobby-account-warning{max-width:min(100%,520px);color:var(--ui-danger);text-align:left;align-items:flex-start;gap:8px;font-weight:700;line-height:1.4;display:flex}.lobby-account-warning svg{flex-shrink:0}.centered-message button{padding:0 14px;font-weight:700}.status-screen{height:100dvh;color:var(--ui-text);background-color:var(--ui-background);place-content:safe center;overflow-y:auto}.status-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface);width:min(100%,480px);box-shadow:var(--ui-shadow-card);padding:clamp(24px,5vw,40px)}.status-card p{color:var(--ui-text-secondary);margin:12px 0 0;font-size:1rem;line-height:1.5}.matchmaking-screen{grid-template-columns:minmax(0,min(780px,100%));justify-content:center}.matchmaking-screen .status-card{width:100%;padding:clamp(16px,3vw,32px)}.matchmaking-players{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.queue-player-card{border:1px dashed color-mix(in srgb, var(--ui-highlight) 40%, transparent);border-radius:var(--ui-radius-card);min-width:0;min-height:clamp(140px,20dvh,178px);color:var(--ui-text-secondary);background:var(--ui-background);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 10px;display:flex;position:relative}.queue-player-avatar{--avatar-size:64px}.queue-player-card svg{flex-shrink:0}.queue-player-name{max-width:100%;color:var(--ui-text);overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.3}.queue-player-waiting{overflow-wrap:anywhere;max-width:100%;font-size:.875rem;line-height:1.3}.queue-player-you{color:var(--ui-highlight);font-size:.65rem;font-weight:700;position:absolute;top:7px;left:10px}@media (width<=660px){.matchmaking-players{grid-template-columns:repeat(auto-fit,minmax(min(6.5rem,100%),1fr));gap:10px}}@media (height<=420px) and (width>=540px){.matchmaking-players{grid-template-columns:repeat(4,minmax(0,1fr));margin-block:16px}}.status-indicator{--status-hourglass-duration:4s;width:36px;height:36px;color:var(--ui-text-secondary);animation:status-hourglass-turn var(--status-hourglass-duration) linear infinite;margin:0 auto 20px;display:block;position:relative}.status-indicator-frame,.status-indicator-sand{width:100%;height:100%;position:absolute;inset:0}.status-indicator-frame{z-index:1}.status-indicator-sand{color:var(--ui-highlight)}.status-indicator-sand-top,.status-indicator-sand-bottom{transform-box:fill-box;transform-origin:bottom}.status-indicator-sand-top{animation:status-hourglass-top var(--status-hourglass-duration) linear infinite}.status-indicator-sand-bottom{animation:status-hourglass-bottom var(--status-hourglass-duration) linear infinite;transform:scaleY(0)}.status-indicator-stream{animation:status-hourglass-stream var(--status-hourglass-duration) linear infinite}@keyframes status-hourglass-turn{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes status-hourglass-top{0%{transform-origin:bottom;transform:scaleY(1)}40%{transform-origin:bottom;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(0)}90%{transform-origin:top;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(1)}}@keyframes status-hourglass-bottom{0%{transform-origin:bottom;transform:scaleY(0)}40%{transform-origin:bottom;transform:scaleY(1)}50%{transform-origin:top;transform:scaleY(1)}90%{transform-origin:top;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(0)}}@keyframes status-hourglass-stream{0%{opacity:1;stroke-dashoffset:0}39%{opacity:1;stroke-dashoffset:-8px}40%,50%{opacity:0;stroke-dashoffset:-8px}51%{opacity:1;stroke-dashoffset:-8px}89%{opacity:1;stroke-dashoffset:0}90%,to{opacity:0;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.status-indicator,.status-indicator-sand-top,.status-indicator-sand-bottom,.status-indicator-stream{animation:none}.status-indicator-stream{opacity:0}}.centered-message .status-card button{height:auto;min-height:44px;box-shadow:var(--ui-shadow-control);border-color:var(--ui-border);color:var(--ui-text);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);margin-top:24px;font-size:1rem}.centered-message .status-card button:not(:disabled):hover{border-color:var(--ui-border)}.centered-message .status-card button:focus-visible{outline-color:var(--ui-highlight)}.lobby-account{--lobby-control-size:52.8px;margin:var(--lobby-section-gap) 0 0;z-index:20;grid-column:1/-1;grid-template-columns:var(--lobby-control-size) minmax(0, auto) var(--lobby-control-size);justify-self:center;align-items:center;gap:6px;width:fit-content;max-width:100%;display:grid;position:relative}.lobby-profile{min-width:0;max-width:240px;position:relative}.centered-message .lobby-profile-trigger{width:100%;max-width:100%;min-height:var(--lobby-control-size);height:var(--lobby-control-size);border:1px solid var(--ui-highlight);color:var(--ui-text);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:flex}.lobby-themes{position:relative}.centered-message .lobby-theme-toggle,.centered-message .lobby-sound-toggle{width:var(--lobby-control-size);height:var(--lobby-control-size);border:1px solid var(--ui-highlight);color:var(--ui-highlight);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);border-radius:10px;place-items:center;padding:0;display:grid}.centered-message .lobby-sound-toggle[aria-pressed=false]{color:#8e9a90}.centered-message .lobby-profile-trigger,.centered-message .lobby-theme-toggle,.centered-message .lobby-sound-toggle{box-shadow:var(--ui-shadow-control)}.centered-message .lobby-profile-trigger:hover,.centered-message .lobby-profile-trigger[aria-expanded=true]{--ui-frame-fill-color:var(--ui-surface);background:var(--ui-surface)}.lobby-profile-trigger:focus-visible,.lobby-theme-toggle:focus-visible,.lobby-sound-toggle:focus-visible,.lobby-profile-action:focus-visible,.lobby-theme-menu button:focus-visible{outline:3px solid var(--ui-highlight);outline-offset:2px}.lobby-player-name{min-width:0;color:var(--ui-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.lobby-player-avatar{--avatar-size:30px}.lobby-profile-menu,.lobby-user-panel,.lobby-theme-menu{inset:auto;top:var(--account-panel-top,8px);left:var(--account-panel-left,8px);max-width:var(--account-panel-max-width,calc(100vw - 16px));max-height:var(--account-panel-max-height,calc(100dvh - 16px));border:1px solid var(--ui-border);color:var(--ui-highlight);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow-card);border-radius:12px;flex-direction:column;margin:0;padding:8px;display:flex;position:fixed;overflow-y:auto}.lobby-profile-menu{width:calc(var(--lobby-control-size) + 18px)}.lobby-profile-menu[data-compact]{flex-direction:row;align-items:center;width:max-content}.lobby-profile-menu[data-compact] .lobby-profile-divider{align-self:stretch;width:1px;height:auto;margin:4px 6px}.centered-message .lobby-profile-action{width:var(--lobby-control-size);height:var(--lobby-control-size);color:inherit;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.centered-message .lobby-profile-action:hover,.centered-message .lobby-theme-menu button:hover{background:var(--ui-surface)}.centered-message .lobby-logout-button{color:var(--ui-danger)}.lobby-user-panel{width:min(240px,100vw - 40px);color:var(--ui-primary);text-align:center;overflow-wrap:anywhere;align-items:center;gap:8px;padding:16px}.lobby-profile-avatar{--avatar-size:72px}.centered-message .profile-avatar-edit{width:72px;height:72px;min-height:0;color:var(--ui-highlight);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.profile-avatar-edit svg{opacity:0;pointer-events:none;position:absolute}.profile-avatar-edit:focus-visible .avatar-portrait{filter:brightness(.5)}.profile-avatar-edit:focus-visible svg{opacity:1}@media (hover:hover) and (pointer:fine){.profile-avatar-edit:hover .avatar-portrait{filter:brightness(.5)}.profile-avatar-edit:hover svg{opacity:1}}.avatar-picker{width:100%;color:var(--ui-text);flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.avatar-picker-options{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;width:100%;display:grid}.centered-message .avatar-picker-options button{width:56px;height:56px;min-height:56px;color:var(--ui-text);background:0 0;border:0;border-radius:50%;justify-self:center;place-items:center;padding:0;display:grid}.avatar-picker-options button[aria-pressed=true]{outline:2px solid var(--ui-highlight);outline-offset:2px}.profile-avatar-edit:focus-visible,.avatar-picker-options button:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:3px}.avatar-picker-preview{--avatar-size:56px}.avatar-picker-error{color:var(--ui-danger)}@media (height<=400px){.lobby-user-panel:has(.avatar-picker){width:min(360px,100vw - 40px)}}.google-link,.google-link-toggle,.google-link-form{align-items:center;gap:8px;width:100%;display:flex}.google-link,.google-link-form{flex-direction:column}.google-link-form input{width:100%;min-width:0}.google-link-toggle svg{flex:none}.centered-message .google-link-toggle{background-color:var(--tile-surface-color);gap:.1rem;height:auto;min-height:2.5rem;padding:.4rem .8rem;line-height:1.1}.lobby-theme-menu{width:min(200px,100vw - 90px)}.centered-message .lobby-theme-menu button{height:auto;min-height:44px;color:var(--ui-text);font:inherit;background:0 0;border:0;border-radius:8px;flex:none;padding:8px 12px}.centered-message .lobby-theme-menu button[aria-pressed=true]{color:var(--ui-highlight);background:var(--ui-surface)}.lobby-profile-divider{background:var(--ui-border);flex:none;height:1px;margin:6px 4px}.game-mode-options{--lobby-card-max:300px;--lobby-card-padding:clamp(4px, 1vw, 12px);--lobby-card-radius:18px;--lobby-avatar-size:clamp(72px, calc(100dvh - 420px), 190px);--lobby-card-min:calc(max(136px, 8.5rem) + var(--lobby-card-padding) + var(--lobby-card-padding));grid-template-columns:repeat(auto-fit, minmax(min(var(--lobby-card-min), 100%), 1fr));width:min(100%, calc(var(--lobby-card-max) + var(--lobby-card-max) + var(--lobby-card-gap)));gap:var(--lobby-card-gap);margin:var(--lobby-section-gap) auto 0;grid-auto-rows:1fr;display:grid}.offline-mode-option,.online-mode-option{width:min(100%, var(--lobby-card-max));min-width:0;height:auto;min-height:clamp(200px,100dvh - 300px,360px);padding:var(--lobby-card-padding) var(--lobby-card-padding) 0;border:1px solid var(--ui-highlight);border-radius:var(--lobby-card-radius);color:var(--ui-highlight);background:var(--ui-surface);flex-direction:column;justify-self:center;align-items:center;gap:clamp(6px,2dvh - 6px,12px);display:flex}.lobby-screen .offline-mode-option,.lobby-screen .online-mode-option,.queue-player-card.is-occupied{--felt-tint:color-mix(in srgb, var(--ui-surface) 40%, transparent);--ui-frame-fill-image:linear-gradient(var(--felt-tint), var(--felt-tint)), url(/assets/card-felt-Dhh9-dhH.webp);--ui-frame-fill-clip:padding-box, padding-box;box-shadow:var(--ui-shadow-card);background-repeat:no-repeat,repeat,no-repeat;background-size:auto,512px 512px,auto}.queue-player-card.is-occupied{box-shadow:var(--ui-shadow-control);border-style:solid}.offline-mode-copy{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(6px,2dvh - 6px,12px);width:100%;min-width:0;display:flex}.game-mode-title{max-width:100%;color:var(--tile-surface-color);text-align:center;text-wrap:balance;font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:700;line-height:1.2;display:block}.game-mode-subtitle{max-width:100%;color:var(--tile-surface-color);text-align:center;text-wrap:balance;font-size:clamp(.875rem,2vw,1rem);font-weight:400;line-height:1.3;display:block}.game-mode-bot-avatar,.game-mode-human-avatar{width:min(100%, var(--lobby-avatar-size));aspect-ratio:1;object-fit:contain;flex-shrink:0;height:auto;display:block}.centered-message .offline-play-button,.centered-message .online-play-button{width:calc(100% + var(--lobby-card-padding) + var(--lobby-card-padding));border-radius:0 0 calc(var(--lobby-card-radius) - 1px) calc(var(--lobby-card-radius) - 1px);height:auto;min-height:44px;color:var(--ui-on-play);background:var(--ui-frame-gradient);border:0;flex-shrink:0;margin-top:auto;padding:8px 12px;font-size:1rem;font-weight:800}@media (hover:hover){.offline-play-button:not(:disabled):hover,.online-play-button:not(:disabled):hover{filter:brightness(1.08)}}.offline-play-button:not(:disabled):active,.online-play-button:not(:disabled):active{filter:brightness(.94)}.online-player-count{background:0 0;border-radius:6px;width:min(134px,100%);padding:1px;display:flex;position:relative;overflow:hidden}.centered-message .online-player-count button{touch-action:manipulation;background:0 0;border:0;border-radius:0;flex:1;width:44px;min-width:0;height:44px;padding:0;position:relative}.lobby-screen .online-player-count button:focus-visible{outline-offset:-3px;z-index:4}.online-domino-face{opacity:.25;width:100%;height:100%;transition:opacity .12s;display:block;position:relative}.online-domino-face:before{z-index:0;content:"";background-color:var(--tile-surface-color);background-image:var(--tile-surface-image);background-position:var(--tile-surface-position);background-size:var(--tile-surface-size);box-shadow:var(--tile-surface-shadow);border-radius:13.56%;position:absolute;inset:3.39%}.centered-message .online-player-count button.selected .online-domino-face{opacity:1}.online-player-count-outline{z-index:3;pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px}@media (width<=900px){.game-workspace{gap:0;padding:0}}@media (width<=700px) and (orientation:portrait){.player-west .player-tiles{transform:translate(calc(-50% - 12px))}.player-east .player-tiles{transform:translate(calc(50% + 12px))}}@media (width<=600px) and (orientation:portrait){.game-toolbar{min-height:54px;padding:6px 8px}.game-heading h1{font-size:1.08rem}.status{max-width:100%}.command-button{width:44px;padding:0}.command-button span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.game-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.domino-board{border-width:6px;min-height:0}.score-corner{--score-diagonal-width:6px}.player-north,.player-south{gap:4px}.player-north{top:8px}.player-south{bottom:8px}.player-west,.player-east{gap:3px;max-width:calc(100% - 16px)}.player-west{left:8px}.player-east{right:8px}.player-west .player-tiles{transform:translate(calc(-50% - 8px))}.player-east .player-tiles{transform:translate(calc(50% + 8px))}.player-label{gap:3px;font-size:.68rem}.player-west .player-label,.player-east .player-label{flex-direction:column}.score-content{font-size:.62rem}}@media (height<=500px),(width<=700px) and (orientation:landscape){.opening-starter-choice{bottom:var(--opening-starter-choice-bottom,calc(6px + 60px + 3px + 8px))}.player-north{top:6px}.player-south{bottom:6px}.player-west{left:6px}.player-east{right:6px}.player{gap:3px}.tiles-vertical .hand-tile{width:16px;height:32px}.player-south .hand-tile{width:30px;height:60px}.tiles-horizontal .hand-tile{width:32px;height:16px}.table-layout:not(.revealing-hands)[data-score-overlap-compact~=east] .player-east .tiles-horizontal>:not(:first-child),.table-layout:not(.revealing-hands)[data-score-overlap-compact~=west] .player-west .tiles-horizontal>:not(:first-child){margin-top:-8px}.table-layout:not(.revealing-hands)[data-score-overlap-compact~=north] .player-north .tiles-vertical>:not(:first-child){margin-left:-8px}.table-layout:not(.revealing-hands)[data-score-overlap-compact~=south] .player-south .tiles-vertical>:not(:first-child){margin-left:-15px}}@media (height<=500px){.game-toolbar{min-height:48px;padding-block:4px}.score-corner{--score-diagonal-width:5px}.score-content{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.board-tile-visual,.board-end-target{animation:none}.hand-tile{transition:none}.hand-tile-choice.round-hand-reveal{animation:none}.hand-tile-choice.round-hand-reveal:after{display:none}.player-south .player-tiles{transition:none}.player.current.will-pass .player-avatar,.player.current.will-pass .player-tiles{opacity:.48;animation:none}.deal-animation-layer,.played-tile-flight{display:none}.die-cube{animation:none}.die-cube-turn-left{transform:translateZ(-50cqi)rotateY(90deg)}.die-cube-turn-right{transform:translateZ(-50cqi)rotateY(-90deg)}.die-cube-turn-up{transform:translateZ(-50cqi)rotateX(-90deg)}.die-cube-turn-down{transform:translateZ(-50cqi)rotateX(90deg)}.table-layout[data-piece-highlight-teams] .score-content>span>strong,.table-layout[data-die-highlight-teams] .wood-die{animation:none}.opening-starter-choice button{transition:none}}.tile-wrapper{display:inline-block;position:relative}.hand-tile-choice{color:inherit;font:inherit;touch-action:manipulation;background:0 0;border:0;padding:0}.hand-tile-choice:disabled{opacity:1}.hand-tile-choice:not(:disabled){cursor:pointer}.hand-tile-choice:not(:disabled):hover .hand-tile,.hand-tile-choice:focus-visible .hand-tile{transform:translateY(-3px)}.hand-tile-choice:focus-visible{outline:3px solid var(--ui-highlight);outline-offset:2px}.hand-tile-choice.unavailable .hand-tile{opacity:.48;filter:grayscale(70%)}.hand-tile.selected{filter:drop-shadow(0 0 2px #fffbd0)drop-shadow(0 0 7px #f6d84a);transform:translateY(-5px)}.tile-hidden{--tile-back-color:#f1ead8;--tile-back-border-color:#c8bda6;--tile-back-image:linear-gradient(145deg, #f5efdf, #e9e0cd);--tile-back-position:0% 0%;--tile-back-size:auto;--tile-back-shadow:inset 0 0 4px #78684c1a;background-color:var(--tile-back-color);border:1px solid var(--tile-back-border-color);background-image:var(--tile-back-image);background-position:var(--tile-back-position);background-size:var(--tile-back-size);box-shadow:var(--tile-back-shadow);border-radius:4px}.deal-animation-active .player-tiles,.deal-animation-active .board-tile,.deal-animation-active .board-end-target{visibility:hidden}.deal-animation-active .player-south .player-tiles{opacity:0}.deal-animation-layer{z-index:170;pointer-events:none;position:absolute;inset:0;overflow:hidden}.deal-animation-tile{contain:paint;backface-visibility:hidden;will-change:transform, opacity;margin:0;position:absolute}.table-layout.revealing-hands .player{z-index:101;translate:var(--reveal-hand-x,0px) var(--reveal-hand-y,0px)}.table-layout.revealing-hands:not(.revealing-hands-ready) .player-tiles{visibility:hidden}.table-layout.revealing-hands .player-tiles>*,.table-layout.revealing-hands .hand-tile{margin:0}.table-layout.revealing-hands .player-tiles{gap:0;transform:none}.table-layout.revealing-hands .player[data-reveal-scaled] .hand-tile{width:var(--reveal-tile-width);height:var(--reveal-tile-height)}.table-layout.revealing-hands[data-reveal-grid~=east] .player-east .player-tiles,.table-layout.revealing-hands[data-reveal-grid~=west] .player-west .player-tiles{grid-template-columns:repeat(2,max-content);display:grid}.table-layout.revealing-hands[data-reveal-grid~=north] .player-north .player-tiles,.table-layout.revealing-hands[data-reveal-grid~=south] .player-south .player-tiles{grid-template-rows:repeat(2,max-content);grid-auto-flow:column;display:grid}.leave-match-dialog{box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);width:min(360px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--ui-shadow-control);font-family:var(--ui-font-family);margin:auto;padding:20px;overflow-y:auto}.leave-match-dialog::backdrop{background:color-mix(in srgb, var(--ui-background) 75%, transparent);opacity:1;transition:opacity .14s ease-out}.leave-match-dialog[data-closing]::backdrop{opacity:0;transition:opacity .1s ease-in}@starting-style{.leave-match-dialog[open]::backdrop{opacity:0}}.leave-match-dialog p{text-align:center;margin:0;font-size:1.125rem;font-weight:600}.leave-match-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.leave-match-actions button{border-radius:var(--ui-radius-control);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;padding:8px 12px}.leave-match-back{--ui-frame-fill-color:var(--ui-surface-elevated);color:var(--ui-text);background:var(--ui-surface-elevated)}.leave-match-actions .leave-match-exit{color:var(--ui-danger);background:0 0;font-weight:800}.leave-match-actions .new-game-confirm{color:var(--ui-primary);background:0 0;font-weight:800}@media (width<=600px){.game-toolbar.has-new-game .command-button{width:44px;padding:0}.game-toolbar.has-new-game .command-button span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}.leave-match-actions button:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}@media (prefers-reduced-motion:reduce){.leave-match-dialog::backdrop{transition:none}}:is(.match-player-popover,.leave-match-dialog,.leave-match-back,.auth-card,.auth-input,.auth-card .auth-cancel,.auth-card .auth-submit,.history-item,.status-card,.queue-player-card.is-occupied,.centered-message .status-card button:not(:disabled):hover,.centered-message .status-card button,.game-toolbar,.game-toolbar .command-button,.game-toolbar .desktop-header-score,.opening-starter-choice button,.lobby-screen .offline-mode-option,.lobby-screen .online-mode-option,.centered-message .lobby-profile-trigger,.centered-message .lobby-theme-toggle,.centered-message .lobby-sound-toggle,.lobby-profile-menu,.lobby-user-panel,.lobby-theme-menu){background-image:var(--ui-frame-fill-image,linear-gradient(var(--ui-frame-fill-color,var(--ui-surface)), var(--ui-frame-fill-color,var(--ui-surface)))), var(--ui-frame-gradient);background-origin:border-box;background-clip:var(--ui-frame-fill-clip,padding-box), border-box;border-color:#0000}.avatar{box-sizing:border-box;width:var(--avatar-size,48px);height:var(--avatar-size,48px);background:var(--avatar-frame,var(--ui-avatar-frame-gradient));border-radius:50%;flex:none;padding:1px;display:block;position:relative;box-shadow:0 1px 3px #00000080}.avatar-bot{--avatar-frame:var(--ui-avatar-background)}.avatar-portrait{isolation:isolate;border-radius:inherit;background:var(--avatar-background,var(--ui-avatar-background-image));width:100%;height:100%;display:block;position:relative;overflow:hidden}.avatar-image{z-index:1;border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block;position:relative}.avatar-image[data-human-portrait=true]{object-position:center var(--avatar-image-position-y,0%)}.auth-dialog{width:min(460px,100vw);max-width:100vw;max-height:100dvh;color:var(--ui-text);background:0 0;border:0;margin:auto;padding:20px;overflow-y:auto}.auth-dialog::backdrop{background:color-mix(in srgb, var(--ui-background) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity .14s ease-out}.auth-dialog[data-closing]::backdrop{opacity:0;transition:opacity .1s ease-in}@starting-style{.auth-dialog[open]::backdrop{opacity:0}}.auth-card{--auth-button-gap:calc(var(--ui-space-md) * .625);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);width:100%;max-width:420px;color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--ui-shadow-card);overflow:hidden}.auth-screen .auth-card{flex-direction:column;min-height:0;display:flex}.auth-screen .auth-form{min-height:0;overflow-y:auto}@media (height<=500px){.auth-screen{overflow:hidden auto}.auth-screen .auth-card{flex-shrink:0}.auth-screen .auth-form{overflow-y:visible}}.auth-tabs{border-bottom:1px solid var(--ui-border);display:flex}.auth-card .auth-tab{color:var(--ui-text-secondary);background:var(--ui-surface);cursor:pointer;border:0;flex:1;padding:16px;font-size:1rem;font-weight:500;transition:background-color .2s,color .2s}.auth-card .auth-tab[aria-pressed=true]{color:var(--ui-primary);background:var(--ui-surface-elevated)}.auth-form{padding:24px}.auth-form:has(>.privacy-link-row){padding-bottom:var(--auth-button-gap)}.auth-heading{color:var(--ui-text);margin:0 0 8px;font-size:1.3rem}.auth-description{color:var(--ui-text-secondary);margin:0 0 20px;font-size:1rem}.auth-error{border:1px solid var(--ui-danger);border-radius:var(--ui-radius-field);color:var(--ui-danger);background:color-mix(in srgb, var(--ui-danger) 12%, transparent);margin-bottom:16px;padding:12px 14px;font-size:1rem}.auth-field{margin-bottom:14px}.auth-field-last{margin-bottom:20px}.auth-label{color:var(--ui-text);margin-bottom:6px;font-size:1rem;display:block}.auth-input{box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius-field);width:100%;box-shadow:var(--ui-shadow-control);color:var(--ui-text);--ui-frame-fill-color:var(--ui-background);background:var(--ui-background);font-family:var(--ui-font-family);padding:10px 14px;font-size:1rem}.auth-input:-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);box-shadow:var(--ui-shadow-control), inset 0 0 0 1000px var(--ui-background)}.auth-input:is(:autofill,:autofill){-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);box-shadow:var(--ui-shadow-control), inset 0 0 0 1000px var(--ui-background)}.auth-actions{gap:10px;margin-top:24px;display:flex}.auth-card .auth-cancel,.auth-card .auth-submit{border-radius:var(--ui-radius-field);cursor:pointer;padding:12px}.auth-card .auth-cancel{border:1px solid var(--ui-border);color:var(--ui-text-secondary);box-shadow:var(--ui-shadow-control);background:0 0;flex:1;font-weight:500}.auth-card .auth-submit{font-family:var(--ui-font-family);font-size:var(--ui-button-font-size);font-weight:var(--ui-button-font-weight)}.auth-card .auth-submit:not(.auth-google){border-radius:var(--ui-radius-button)}.auth-card .auth-submit{box-shadow:var(--ui-shadow-control);color:var(--ui-text);--ui-frame-fill-color:var(--ui-surface-elevated);background:var(--ui-surface-elevated);border:1px solid #0000;flex:2;padding:11px}.auth-card .auth-guest{width:100%;margin-top:var(--auth-button-gap);justify-content:center;align-items:center;gap:8px;display:flex}.auth-guest svg{color:var(--ui-highlight);flex:none}.auth-google-pending{text-align:center;margin-top:10px}.auth-card .auth-google{width:100%;margin-top:var(--auth-button-gap);color:#1f1f1f;--ui-frame-fill-color:beige;background:#fff;border-color:#747775;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.auth-google svg{flex:none}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.auth-card button,.auth-card input{min-height:44px}.auth-card button,.centered-message .auth-card button{height:auto}.auth-card input::placeholder{color:var(--ui-text-secondary);opacity:1}.auth-card :is(button,input):focus-visible{outline:3px solid var(--ui-highlight);outline-offset:2px}.auth-submit:not(:disabled):hover{filter:brightness(1.08)}.auth-submit:not(:disabled):active{filter:brightness(.94)}@media (prefers-reduced-motion:reduce){.auth-tab,.auth-dialog::backdrop,.auth-dialog[data-closing]::backdrop{transition:none}}.privacy-link,.btn-secondary{justify-content:center;align-items:center;gap:calc(var(--ui-space-md) * .5);width:fit-content;max-width:100%;min-height:var(--ui-control-min-size);padding:calc(var(--ui-space-md) * .625) var(--ui-space-md);border-radius:var(--ui-radius-button);color:var(--ui-text);background-color:var(--ui-surface-elevated);background-image:linear-gradient(var(--ui-surface-elevated), var(--ui-surface-elevated)), var(--ui-frame-gradient);box-shadow:var(--ui-shadow-control);font-family:var(--ui-font-family);font-size:var(--ui-button-font-size);font-weight:var(--ui-button-font-weight);text-align:center;overflow-wrap:anywhere;cursor:pointer;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;line-height:1.25;text-decoration:none;display:inline-flex}.privacy-link svg,.btn-secondary svg{color:var(--ui-highlight);flex-shrink:0}.privacy-link:hover,.btn-secondary:hover{filter:brightness(1.08)}.privacy-link:active,.btn-secondary:active{filter:brightness(.94)}.privacy-link:focus-visible,.btn-secondary:focus-visible{outline:3px solid var(--ui-highlight);outline-offset:2px}.privacy-link-row{margin-top:var(--auth-button-gap,calc(var(--ui-space-md) * .625));text-align:center;justify-content:center;display:flex}.lobby-screen>.privacy-link-row{grid-column:1/-1}.history-layout,.match-recap-header,.match-recap-card{--ui-text:var(--tile-surface-color);color:var(--ui-text)}.history-layout{--screen-background-overlay:color-mix(in srgb, var(--ui-background) 85%, transparent);background-image:linear-gradient(var(--screen-background-overlay), var(--screen-background-overlay)), url(/assets/background-BTy8kIP4.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.history-layout .history-screen{padding:var(--ui-space-md) clamp(var(--ui-space-md), 3vw, var(--public-space-lg)) var(--public-space-xl);color:var(--ui-text-secondary);flex-shrink:0}.public-sharing-brand{justify-content:center;display:flex}.public-sharing-brand img{block-size:auto;inline-size:clamp(15rem,50vw,22rem);max-inline-size:100%;display:block}.public-sharing-brand+.history-detail-header{margin-top:var(--public-space-sm)}.history-header,.history-detail-header{margin-block:var(--public-space-lg) var(--public-space-xl);text-align:center}.history-screen:focus,.history-screen h1:focus{outline:none}.history-list{gap:var(--public-space-lg);display:grid}.history-item{padding:clamp(var(--ui-space-md), 3vw, var(--public-space-xl));border-radius:var(--ui-radius-card);background:linear-gradient(var(--ui-surface), var(--ui-surface)) padding-box, var(--ui-frame-gradient) border-box;box-shadow:var(--ui-shadow-card);color:var(--ui-text-secondary);border:1px solid #0000;min-width:0;text-decoration:none;display:block}.history-item-link{cursor:pointer}.history-item-link:hover{filter:brightness(1.08)}.history-item-link:focus-visible{outline:3px solid var(--ui-highlight);outline-offset:3px}.history-item-top{justify-content:space-between;align-items:center;gap:var(--public-space-sm) var(--ui-space-md);flex-wrap:wrap;display:flex}.history-item .history-item-title,.history-detail-status .history-item-title{align-items:center;gap:var(--public-space-sm);font-size:calc(var(--ui-button-font-size) * 1.2);border:0;margin:0;padding:0;font-weight:700;display:flex}.history-item-title svg{width:1.1em;height:1.1em;color:var(--ui-highlight);flex:none}.history-item-title .history-interrupted-icon{color:var(--ui-danger)}.history-item-title .history-finished-icon{color:var(--ui-primary)}.history-item-date{align-items:center;gap:var(--public-space-sm);font-size:var(--public-text-sm);white-space:nowrap;display:flex}.history-item-date svg{color:var(--ui-highlight);flex:none}.history-detail-status{justify-items:center;gap:var(--public-space-sm);margin-top:var(--public-space-lg);display:grid}.history-detail-status .history-item-title{font-size:clamp(calc(var(--ui-button-font-size) * 1.5), 3vw, calc(var(--ui-button-font-size) * 2))}.history-detail-status .history-item-date{color:var(--ui-text-secondary)}.history-detail-meta{justify-content:center;align-items:center;gap:var(--public-space-sm) var(--ui-space-md);flex-wrap:wrap;display:flex}.history-meta-item{align-items:center;gap:calc(var(--public-space-sm) * .5);font-size:var(--public-text-sm);white-space:nowrap;display:inline-flex}.history-meta-label{color:var(--ui-highlight);font-weight:600}.history-duration-value svg{color:var(--ui-primary)}.history-item.history-detail-summary{--ui-frame-fill-color:var(--ui-background);padding-block:clamp(var(--public-space-sm), 2vw, var(--ui-space-md))}.history-detail-summary .match-scoreboard.scoreboard-summary{background:0 0;border:0;margin:0;padding:0}.history-details-link{justify-content:center;align-items:center;gap:var(--public-space-sm);margin-top:var(--ui-space-md);font-size:var(--public-text-sm);display:flex}.history-details-link svg{color:var(--ui-highlight)}.match-scoreboard.scoreboard-summary{--match-score-size:clamp(calc(var(--ui-button-font-size) * 2), 5vw, calc(var(--ui-button-font-size) * 3.5));align-items:stretch;gap:var(--public-space-sm);padding:clamp(var(--public-space-sm), 2vw, var(--ui-space-md));margin:var(--ui-space-md) 0 0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:0;display:grid}.scoreboard-summary .team-score-block{grid-row:1/span 2;grid-template-rows:subgrid;min-width:0;display:grid}.scoreboard-summary .team-name{min-inline-size:0;font-size:clamp(var(--public-text-sm), 2vw, calc(var(--ui-button-font-size) * 1.15));overflow-wrap:anywhere;flex-direction:column;font-weight:400;line-height:1.4;display:flex}.scoreboard-summary .team-name-label{--history-avatar-size:clamp(1.25rem, 4vw, 1.5rem);grid-template-columns:var(--history-avatar-size) minmax(0, 1fr);align-self:center;align-items:center;gap:clamp(.25rem,1vw,.5rem);column-gap:calc(var(--public-space-sm) * .5);inline-size:fit-content;min-inline-size:0;max-inline-size:100%;display:grid}.scoreboard-summary .history-player{display:contents}.scoreboard-summary .history-player-avatar{--avatar-size:var(--history-avatar-size);grid-column:1}.scoreboard-summary .history-player-name{text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;grid-column:2;min-inline-size:0;display:block;overflow:hidden}.scoreboard-summary .team-name-fallback{grid-column:1/-1}.scoreboard-summary .team-score-block.winner .team-name-winner{color:var(--ui-primary)}.scoreboard-trophy-slot{height:1.4em;margin-bottom:clamp(calc(var(--public-space-sm) * .5), 1vw, var(--public-space-sm));flex:none;justify-content:center;align-items:center;display:flex}.scoreboard-winner-trophy{font-size:1.1em;line-height:1}.scoreboard-summary .team-name strong{font-weight:var(--ui-button-font-weight)}.team-name-separator{font-weight:400}.scoreboard-summary .team-points{justify-content:center;align-items:center;gap:var(--public-space-sm);font-size:var(--match-score-size);color:var(--tile-surface-color);display:flex}.score-piece-count{line-height:1cap}.score-simple-die{object-fit:contain;flex:none;width:auto;height:1.25cap;display:block}.scoreboard-summary .scoreboard-vs{padding:0 var(--public-space-sm);font-size:calc(var(--ui-button-font-size) * 1.25);grid-row:1/span 2;align-self:center}.match-recap-card:has(.scoreboard-summary){padding:clamp(var(--ui-space-md), 3vw, calc(var(--ui-space-md) * 2.5))}.history-rounds{margin-top:var(--public-space-lg)}.history-rounds .history-round-list{--history-round-divider:1px solid color-mix(in srgb, var(--ui-highlight) 18%, transparent);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.history-round-list .history-round-row{gap:var(--public-space-sm);border-bottom:var(--history-round-divider);color:var(--ui-text-secondary);font-size:var(--ui-button-font-size);overflow-wrap:anywhere;padding-block:var(--ui-space-md);text-align:center;border-radius:8px;grid-template-columns:minmax(0,1fr);margin:0;line-height:1.5;transition:background-color .15s;display:grid}.history-round-row:hover{background-color:color-mix(in srgb, var(--ui-highlight) 6%, transparent)}.history-round-toggle{gap:var(--public-space-sm);border-radius:inherit;width:100%;min-width:0;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr);padding:0;display:grid}.history-round-toggle:focus-visible{outline:2px solid var(--ui-highlight);outline-offset:2px}.history-round-chevron{color:var(--ui-highlight);vertical-align:middle;align-items:center;margin-inline-start:var(--public-space-sm);transition:transform .2s;display:inline-flex}.history-round-row.is-expanded .history-round-chevron{transform:rotate(180deg)}.history-round-expanded{gap:var(--ui-space-md);min-width:0;padding:var(--ui-space-md);margin-block:var(--public-space-sm) var(--ui-space-md);background-color:color-mix(in srgb, var(--ui-surface,#1e242c) 75%, transparent);border:1px solid color-mix(in srgb, var(--ui-highlight) 25%, transparent);font-size:var(--public-text-sm,.875rem);color:var(--ui-text-secondary);cursor:default;-webkit-user-select:text;user-select:text;text-align:start;border-radius:8px;flex-direction:column;display:flex}.history-round-expanded .public-inline-tile{flex:none;block-size:21px;inline-size:42px}.history-round-expanded .public-inline-tile-vertical{block-size:42px;inline-size:21px}.round-detail-header-bar{justify-content:center;align-items:center;gap:var(--ui-space-md);padding-bottom:var(--public-space-sm);border-bottom:1px solid color-mix(in srgb, var(--ui-highlight) 15%, transparent);flex-wrap:wrap;display:flex}.round-detail-badge{background-color:color-mix(in srgb, var(--ui-surface) 85%, transparent);border:1px solid color-mix(in srgb, var(--ui-highlight) 25%, transparent);color:var(--tile-surface-color);border-radius:6px;align-items:center;gap:.35rem;padding:4px 10px;font-size:.8125rem;display:inline-flex}.round-detail-badge svg{color:var(--ui-highlight)}.round-detail-points{color:var(--tile-surface-color);font-weight:700}.round-detail-section{gap:var(--public-space-sm);flex-direction:column;display:flex}.round-detail-section-title{color:var(--tile-surface-color);align-items:center;gap:.4rem;margin:0;font-size:1.1rem;font-weight:600;display:flex}.round-detail-section-title svg{color:var(--ui-highlight)}.round-detail-hands-grid{gap:var(--public-space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.round-detail-hand-card{background-color:color-mix(in srgb, var(--ui-surface) 60%, transparent);border:1px solid color-mix(in srgb, var(--ui-border,#333) 80%, transparent);border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.round-detail-hand-card.is-winner-card{border-color:color-mix(in srgb, var(--ui-highlight) 40%, transparent);background-color:color-mix(in srgb, var(--ui-highlight) 8%, transparent)}.round-detail-hand-player{color:var(--tile-surface-color);align-items:center;gap:6px;font-size:.8125rem;display:flex}.round-detail-seat-tag{color:var(--ui-text-secondary);font-size:.75rem}.round-detail-starter-tag,.round-detail-winner-tag{border-radius:4px;margin-left:auto;padding:1px 6px;font-size:.7rem;font-weight:600}.round-detail-starter-tag{background-color:color-mix(in srgb, var(--ui-highlight) 20%, transparent);color:var(--ui-highlight)}.round-detail-winner-tag{background-color:color-mix(in srgb, var(--ui-primary) 20%, transparent);color:var(--ui-primary)}.round-detail-tiles-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.round-detail-empty-hand{color:var(--ui-primary);font-size:.75rem;font-style:italic}.seat-indicator{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.seat-indicator.seat-north,.seat-indicator.seat-south,.seat-indicator.seat-west,.seat-indicator.seat-east{background-color:var(--ui-primary)}.round-detail-plays-list{flex-direction:column;gap:4px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.round-detail-play-item{background-color:color-mix(in srgb, var(--ui-surface) 50%, transparent);border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:4px 8px;font-size:.8125rem;display:flex}.round-detail-play-item.is-pass{background-color:color-mix(in srgb, var(--ui-danger,#ef4444) 10%, transparent);border-left:2px solid var(--ui-danger,#ef4444)}.round-play-seq{color:var(--ui-text-secondary);min-width:24px;font-size:.75rem;font-weight:600}.round-play-actor{color:var(--tile-surface-color);align-items:center;gap:5px;display:inline-flex}.round-play-action{color:var(--ui-text-secondary);overflow-wrap:normal;flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.round-play-lock{color:var(--ui-highlight);font-size:.75rem;font-weight:600}.round-play-passed{color:color-mix(in srgb, var(--ui-danger,#ef4444) 90%, white);font-style:italic}.round-detail-fallback p{color:var(--ui-text-secondary);margin:0;font-style:italic}.history-round-row:first-child{padding-top:0}.history-round-row:last-child{border:0;padding-bottom:0}.history-round-number,.history-round-row strong{color:var(--tile-surface-color);font-weight:var(--ui-button-font-weight)}.history-round-number{font-size:calc(var(--ui-button-font-size) * 1.3);text-align:center;justify-content:center;align-self:stretch;align-items:center;font-weight:700;display:flex}.history-round-description{min-width:0}.history-layout .public-actions{margin-top:var(--public-space-xl);gap:var(--ui-space-md);flex-wrap:wrap}.history-layout .public-actions>*{text-align:center;justify-content:center;max-width:100%}.history-layout .public-actions:has(.match-share-button){grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;inline-size:max-content;max-inline-size:100%;margin-inline:auto;display:grid}.history-layout .public-actions:has(.match-share-button)>*{align-self:stretch;inline-size:100%;min-inline-size:0}.history-layout .public-actions:has(.match-share-button)>.btn-primary{min-block-size:var(--ui-control-min-size);padding:calc(var(--ui-space-md) * .625) var(--ui-space-md);font-size:var(--ui-button-font-size);border:1px solid #0000;line-height:1.25}.match-share-button{align-self:center}.match-copy-button.is-copied svg{color:var(--ui-primary)}.match-share-dialog{inline-size:min(24rem, calc(100vw - var(--ui-space-md) * 2));max-block-size:calc(100dvh - var(--ui-space-md) * 2);padding:var(--ui-space-md);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);color:var(--tile-surface-color);background:var(--ui-background);box-shadow:var(--ui-shadow-card);font-family:var(--ui-font-family);margin:auto;overflow-y:auto}.match-share-dialog::backdrop{background:color-mix(in srgb, var(--ui-background) 85%, transparent)}.history-layout .match-share-dialog h2{margin:0 0 var(--ui-space-md);font-size:calc(var(--ui-button-font-size) * 1.25);text-align:center;border:0;padding:0}.match-share-options{gap:var(--public-space-sm);display:grid}.match-share-options>.btn-secondary{justify-content:center;inline-size:100%}.history-pagination{justify-content:center;align-items:center;gap:var(--ui-space-md);margin-top:var(--ui-space-md);flex-wrap:wrap;display:flex}.history-pagination button:disabled{cursor:default;opacity:.55;filter:none}.history-layout p{color:var(--ui-text-secondary);line-height:1.5}.history-error p{color:var(--ui-danger)}@media (width<=48em){.history-layout .public-actions:has(.match-share-button){grid-template-columns:minmax(0,1fr)}}@media (width<=26em){.scoreboard-summary .team-points{gap:calc(var(--public-space-sm) * .5)}.scoreboard-summary .scoreboard-vs{padding-inline:calc(var(--public-space-sm) * .5)}.history-layout .public-actions{flex-direction:column;align-items:stretch}}.game-app{--app-background:#e6e9e5;--header-background:var(--ui-surface);--header-color:var(--ui-text);--header-status-color:var(--ui-highlight);--header-border-color:var(--ui-border);--header-shadow:0 2px 9px #0000002e;--history-background:#f8f9f7;--history-color:#465149;--history-latest-color:#172019;--history-border-color:#bdc5be;--history-heading-border-color:#d7ddd7;--history-item-border-color:#e1e5e1;--board-emblem-image:none;--board-emblem-width:0px;--board-emblem-aspect-ratio:1;--board-emblem-max-height:none;--board-emblem-opacity:0;--board-emblem-filter:none;--board-effects-image:none;--board-effects-width:0px;--board-effects-aspect-ratio:1;--board-effects-max-height:none;--board-effects-opacity:0;--board-effects-mix-blend-mode:normal;--avatar-frame-image:none;--avatar-frame-border-color:transparent;--avatar-frame-shadow:none;--board-border-color:transparent;--board-border-top-color:transparent;--board-border-right-color:transparent;--board-border-bottom-color:transparent;--board-border-left-color:transparent;--board-border-image-source:url(/assets/wood-frame-C47ShFBs.webp);--board-border-image-slice:115 114 124 114;--board-border-image-width:1;--board-border-image-outset:0;--board-border-image-repeat:stretch;--board-background-color:#47894b;--board-background-image:radial-gradient(ellipse at center, #4b8f50 0%, #47894b 58%, #407e45 100%), linear-gradient(145deg, #ffdcb23d, transparent 42%, #2a0e043d), url(/themes/wood/wood-texture.webp);--board-background-clip:padding-box, border-box, border-box;--board-background-origin:padding-box, border-box, border-box;--board-background-position:center;--board-background-size:auto, auto, cover;--board-shadow:inset 0 0 26px #00301733, inset 0 1px 0 #ffffff2e, 0 2px 6px #19201a47;--score-color:#f4f7ef;--score-background-color:#20372252;--score-background-image:radial-gradient(ellipse at center, #23402545 0%, #20372252 58%, #19301d61 100%);--score-background-position:0% 0%;--score-background-size:auto;--score-divider-background-color:#65432d;--score-divider-background-image:url(/assets/wood-divider-khl8jDwQ.webp);--score-divider-background-repeat:no-repeat;--die-border-color:#4b2d1e;--die-background-color:#65432d;--die-background-image:linear-gradient(145deg, #ffdcb23d, transparent 42%, #2a0e043d), url(/themes/wood/wood-texture.webp);--die-background-position:center;--die-background-size:cover;--die-shadow:inset 0 1px 2px #ffffff1a, 0 1px 2px #0000004d;--die-pip-background:radial-gradient(circle at 35% 28%, #4e4e4e 0 16%, #1d1d1d 34%, #141414 70%, #090909 100%);--die-pip-shadow:inset 0 1px 1px #ffffffbf, 0 1px 1px #00000059}.game-app .score-corner{--score-divider-background-size:100% var(--score-diagonal-width);--score-divider-background-position:center calc(50% - var(--score-diagonal-width) / 2)}.game-app .score-bottom-left{--score-divider-background-position:center calc(50% + var(--score-diagonal-width) / 2)}.game-app,.public-layout,.history-layout,.online-player-count,.offline-mode-option,.online-mode-option,.google-link-toggle{--tile-surface-color:beige;--tile-surface-image:linear-gradient(145deg, #f7f7df 0%, beige 52%, #f3f3db 100%);--tile-surface-position:0% 0%;--tile-surface-size:auto;--tile-border-color:#c4c4a4;--tile-surface-shadow:inset 0 0 3px #6052341f;--tile-divider-color:#8d8060;--tile-divider-dot-color:#766947;--tile-divider-highlight-color:#fff4cae0;--tile-pip-color:#11110f}.public-layout,.history-layout{--public-space-sm:calc(var(--ui-space-md) * .5);--public-space-lg:calc(var(--ui-space-md) * 1.5);--public-space-xl:calc(var(--ui-space-md) * 2);--public-space-2xl:calc(var(--ui-space-md) * 3);--public-space-3xl:calc(var(--ui-space-md) * 4);--public-header-content-gap:var(--ui-space-md);--public-content-footer-gap:var(--public-space-xl);--public-main-title-size:3rem;--public-main-title-weight:900;--public-main-title-line-height:1.15;--public-title-badge-gap:var(--public-space-lg);--public-badge-icon-size:1.75em;--public-badge-font-size:.85rem;--public-badge-font-weight:600;--public-text-sm:.95rem;--public-radius-sm:calc(var(--ui-radius-card) * .75);--public-radius-lg:calc(var(--ui-radius-card) * 1.25);--public-radius-pill:9999px;--public-play-font-size:calc(var(--ui-button-font-size) * 1.1);--public-play-font-weight:700;--public-play-padding-block:calc(var(--ui-space-md) * .85);--public-action-gap:var(--public-space-xl);--public-chrome-image:url(/assets/background-BTy8kIP4.png);background-color:var(--ui-background);width:100%;height:100%;color:var(--ui-text);font-family:var(--ui-font-family);flex-direction:column;display:flex;overflow:hidden auto}.public-container{width:100%;max-width:1080px;padding:0 var(--public-space-lg);margin:0 auto}.public-header{z-index:50;background:color-mix(in srgb, var(--ui-background) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--ui-highlight) 15%, transparent);padding:var(--public-space-sm) 0;position:sticky;top:0;container:public-header/inline-size}.public-header-inner{justify-content:space-between;align-items:center;gap:var(--ui-space-md);display:flex}.public-logo{border-radius:var(--ui-radius-control);color:var(--ui-text);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.public-logo img{width:clamp(140px,16vw,200px);max-width:100%;height:auto;transition:transform .15s,filter .15s;display:block}.public-logo:hover img{filter:brightness(1.08);transform:scale(1.025)}.public-logo:focus-visible,.public-layout :is(.btn-primary,.public-header-cta):focus-visible{outline:3px solid var(--ui-highlight);outline-offset:3px}.public-nav{align-items:center;gap:var(--public-space-lg);flex-shrink:0;display:flex}.public-nav-link,.public-header-cta{white-space:nowrap;flex-shrink:0}.public-nav-link{color:var(--ui-text-secondary);font-size:var(--public-text-sm);font-weight:500;text-decoration:none;transition:color .15s}.public-nav-link:hover{color:var(--ui-text)}.public-header-cta{background:var(--ui-play-background);color:var(--ui-on-highlight);border-radius:var(--public-radius-pill);font-weight:var(--ui-button-font-weight);font-size:var(--public-text-sm);box-shadow:var(--ui-shadow-control);padding:.55rem 1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s}.public-header-cta:hover{box-shadow:var(--ui-shadow-control);filter:brightness(1.04);transform:translateY(-1px)}.public-main{padding:var(--public-header-content-gap) 0 var(--public-content-footer-gap);flex:1}.public-main>.public-container>:last-child,.public-main .content-article>:last-child{margin-block-end:0}.hero-section{text-align:center;padding:0 0 var(--public-space-lg)}.hero-pill,.match-recap-badge{align-items:center;gap:var(--public-space-sm);background:color-mix(in srgb, var(--ui-highlight) 10%, transparent);border:1px solid color-mix(in srgb, var(--ui-highlight) 30%, transparent);inline-size:fit-content;color:var(--ui-text);padding:.35rem var(--ui-space-md);border-radius:var(--public-radius-pill);font-size:var(--public-badge-font-size);font-weight:var(--public-badge-font-weight);margin-inline:auto;margin-bottom:var(--public-title-badge-gap);display:flex}.hero-pill-icon{inline-size:var(--public-badge-icon-size);block-size:var(--public-badge-icon-size);flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;container-type:size}.hero-pill-icon>span{font-size:80cqmin;line-height:1}.public-main h1,.history-screen h1,.public-page-state>h2{font-size:var(--public-main-title-size);font-weight:var(--public-main-title-weight);line-height:var(--public-main-title-line-height);overflow-wrap:anywhere;margin-top:0}.hero-title{letter-spacing:-.03em;margin:0 0 1.25rem}.hero-title span{color:var(--tile-surface-color);background:var(--ui-public-title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--ui-text-secondary);max-width:680px;margin:0 auto 2.5rem;font-size:1.2rem;line-height:1.6}.hero-actions,.public-actions{justify-content:center;gap:var(--ui-space-md);flex-wrap:wrap;display:flex}.hero-actions{align-items:center}.public-actions{margin-top:var(--public-action-gap);text-align:center}.landing-quick-rules{margin-top:var(--public-space-3xl)}.btn-primary{background:var(--ui-play-background);color:var(--ui-on-highlight);padding:var(--public-play-padding-block) var(--public-space-xl);border-radius:var(--ui-radius-button);font-weight:var(--public-play-font-weight);font-size:var(--public-play-font-size);align-items:center;gap:var(--public-space-sm);cursor:pointer;box-shadow:var(--ui-shadow-control);border:none;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{box-shadow:var(--ui-shadow-control);filter:brightness(1.04);transform:translateY(-2px)}.features-grid{gap:var(--public-space-lg);margin:var(--public-space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);padding:calc(var(--public-space-xl) * .5) var(--public-space-xl);box-shadow:var(--ui-shadow-card);transition:transform .2s,border-color .2s}.feature-card:hover{border-color:color-mix(in srgb, var(--ui-highlight) 40%, transparent);transform:translateY(-3px)}.feature-icon{border-radius:var(--public-radius-sm);background:color-mix(in srgb, var(--ui-highlight) 12%, transparent);width:48px;height:48px;color:var(--ui-text);justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.feature-card h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--ui-text-secondary);font-size:var(--public-text-sm);margin:0;line-height:1.6}.landing-page .feature-icon{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;container-type:size}.landing-page .feature-icon>img{object-fit:contain;block-size:90cqmin;inline-size:90cqmin;display:block}.landing-page .feature-icon>.landing-rule-tile{block-size:90cqmin;inline-size:45cqmin}.landing-page{--landing-hero-die-width:var(--public-badge-icon-size);--landing-hero-die-height:var(--public-badge-icon-size)}.landing-page .hero-pill-die-slot{inline-size:var(--landing-hero-die-width);block-size:var(--landing-hero-die-height);flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.landing-page .hero-pill-die{object-fit:contain;object-position:center;block-size:100%;inline-size:100%;display:block}.public-main p,.public-main li{text-align:justify}.public-inline-tile{vertical-align:middle;block-size:1em;inline-size:2em;display:inline-block}.public-inline-tile-vertical{inline-size:calc(var(--rules-inline-tile-height,1em) / 2);block-size:var(--rules-inline-tile-height,1em);vertical-align:text-bottom}.rules-page{--public-action-gap:var(--public-space-2xl);--rules-tile-set-width:20rem;--rules-die-size:2.5em;--rules-score-width:15rem;--rules-inline-tile-height:2.5em}.rules-illustration{block-size:auto;max-inline-size:100%;margin:var(--public-space-lg) auto;display:block}.rules-tile-set{inline-size:var(--rules-tile-set-width)}.rules-score{inline-size:var(--rules-score-width)}.rules-inline-die{inline-size:var(--rules-die-size);block-size:var(--rules-die-size);object-fit:contain;vertical-align:middle;display:inline-block}.content-article{max-width:860px;margin:0 auto}.content-article h1{text-align:center;margin-bottom:1rem}.content-article h2{border-bottom:1px solid color-mix(in srgb, var(--ui-highlight) 20%, transparent);margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.85rem;font-weight:800}.content-article h3{margin:1.75rem 0 .75rem;font-size:1.35rem;font-weight:700}.content-article p,.content-article li{color:var(--ui-text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.content-article ul,.content-article ol{margin-bottom:1.5rem;padding-left:1.5rem}.rule-highlight-box{background:var(--ui-surface-elevated);border-left:4px solid var(--ui-highlight);border-radius:0 var(--public-radius-sm) var(--public-radius-sm) 0;margin:var(--public-space-lg) 0;padding:1.25rem 1.5rem}.rule-highlight-box strong{color:var(--tile-surface-color)}.slang-grid{margin:var(--public-space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.slang-item{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--public-radius-sm);box-shadow:var(--ui-shadow-card);padding:1.25rem}.slang-item h4{margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.slang-item p{font-size:var(--public-text-sm);color:var(--ui-text-secondary);margin:0;line-height:1.5}.public-page-state{text-align:center}.public-state-description{color:var(--ui-text-secondary);margin:var(--public-space-lg) 0}.match-recap-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--public-radius-lg);margin:var(--public-space-xl) auto;max-width:720px;box-shadow:var(--ui-shadow-card);text-align:center;padding:2.5rem}.match-recap-header{margin-bottom:var(--public-space-xl);text-align:center}.match-recap-header p{color:var(--ui-text-secondary);text-align:center;margin:0}.match-recap-title{margin:0 0 .5rem}.match-scoreboard{background:var(--ui-background);border:1px solid color-mix(in srgb, var(--ui-highlight) 15%, transparent);border-radius:var(--ui-radius-card);margin:var(--public-space-xl) 0;justify-content:space-around;align-items:center;padding:1.75rem;display:flex}.team-score-block{text-align:center;flex:1}.team-score-block small{color:var(--ui-text);opacity:.8}.team-score-block.winner .team-name{color:var(--ui-text);font-weight:800}.team-name{color:var(--ui-text-secondary);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.team-points{color:var(--ui-text);font-size:3.5rem;font-weight:900;line-height:1}.scoreboard-vs{color:var(--ui-text);opacity:.5;padding:0 1rem;font-size:1.75rem;font-weight:800}.public-footer{--public-chrome-surface:var(--ui-surface);border-top:1px solid color-mix(in srgb, var(--ui-highlight) 12%, transparent);background:var(--ui-surface);padding:var(--public-space-lg) 0 var(--ui-space-md);margin-top:auto}.public-header,.public-footer{--public-chrome-overlay:color-mix(in srgb, var(--public-chrome-surface,var(--ui-background)) 90%, transparent);border-image:var(--ui-frame-gradient) 1;background-image:linear-gradient(var(--public-chrome-overlay), var(--public-chrome-overlay)), var(--public-chrome-image);background-position:50%;background-repeat:no-repeat;background-size:cover;background-clip:padding-box}.footer-inner{align-items:center;gap:var(--ui-space-md);text-align:center;flex-direction:column;display:flex}.footer-links{gap:var(--public-space-xl);row-gap:var(--public-space-sm);flex-wrap:wrap;justify-content:center;display:flex}.footer-link{color:var(--ui-text-secondary);font-size:var(--public-text-sm);white-space:nowrap;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--ui-text)}.footer-copy{color:var(--ui-text);opacity:.7;margin:0;font-size:.85rem}.public-layout :is(h1,h2,h3,h4,h5,h6),.history-layout :is(h1,h2,h3,h4,h5,h6){color:var(--tile-surface-color)}@media (width<=640px){.public-logo img{width:min(220px,60vw)}.public-layout,.history-layout{--public-main-title-size:2.25rem}.match-scoreboard{gap:var(--public-space-lg);flex-direction:column}}@container public-header (width<=48em){.public-header-inner{padding-inline:var(--ui-space-md);justify-content:center}.public-logo{flex:0 220px;min-width:0;max-width:220px}.public-logo img{width:100%}.public-nav{flex:none;justify-content:center}.public-nav-link{display:none}.public-header-cta{padding-inline:var(--ui-space-md);font-weight:var(--public-play-font-weight)}}@container public-header (width<=18em){.public-header-inner{padding-inline:var(--public-space-sm);flex-direction:column}.public-logo{flex:none;width:min(220px,100%)}.public-header-cta{padding-inline:var(--public-space-sm)}}@media (prefers-reduced-motion:reduce){.public-logo img{transition:none}.public-logo:hover img{transform:none}}