:root{color:#172019;font-synthesis:none;text-rendering:optimizelegibility;background:#d9ddd8;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #f5bd47}.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;overflow:hidden}.game-toolbar{z-index:50;border-bottom:1px solid var(--header-border-color);width:100%;min-width:0;max-width:100%;min-height:58px;color:var(--header-color);background:var(--header-background);box-shadow: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-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);text-overflow:ellipsis;white-space:nowrap;margin:3px auto 0;font-size:.8rem;line-height:1.2;overflow:hidden}.status.paused{color:#895b10}.game-actions{justify-self:end;gap:7px;margin-left:10px;display:flex}.icon-button,.command-button,.centered-message button{color:#172019;cursor:pointer;background:#fff;border:1px solid #8e9a90;border-radius:6px;justify-content:center;align-items:center;height:38px;display:inline-flex}.icon-button{width:38px;padding:0}.command-button{gap:7px;padding:0 11px;font-size:.83rem;font-weight:700}.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) minmax(210px,17vw);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;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}.landscape-orientation-warning{z-index:180;color:#d60000;pointer-events:none;text-shadow:0 1px 1px #ffffff59;align-items:center;gap:7px;font-size:clamp(.78rem,2.3vw,1.05rem);line-height:1;display:none;position:absolute;top:68%;right:3%}.landscape-orientation-warning-mark{border:3px solid;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:1rem;font-weight:900;display:grid}.landscape-orientation-warning-text{white-space:nowrap;font-weight:400}.landscape-orientation-warning-graphic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 46px;width:46px;height:40px;overflow:visible}.landscape-orientation-warning-graphic circle,.landscape-orientation-warning-arrow{fill:currentColor;stroke:none}.landscape-orientation-warning-rotation{transform-origin:12.5px 22px;animation:1.5s ease-in-out infinite orientation-warning-turn}@keyframes orientation-warning-pulse{0%,72%,to{opacity:1}82%{opacity:.35}}@keyframes orientation-warning-turn{0%,28%{transform:rotate(0)}62%,to{transform:rotate(-90deg)}}.landscape-orientation-warning.snake-missing{animation:1.5s ease-in-out infinite orientation-warning-pulse;display:flex}.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}.board-debug-indicators{z-index:150;pointer-events:none;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:0;right:0}.board-debug-indicator{color:#fff;background:#0c1f10b8;border:1px solid #ffffff73;border-radius:4px;padding:2px 3px;font-family:monospace;font-size:.55rem;line-height:1}.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}.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)}}.paused-overlay{z-index:200;color:#fff;background:#152217c7;border:1px solid #ffffff80;border-radius:6px;padding:8px 14px;font-size:.88rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-starter-choice{z-index:165;bottom:calc(12px + var(--hand-tile-long-side) * 1.1875 + clamp(10px, 2cqh, 18px));text-align:center;gap:6px;width:min(430px,100% - 40px);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{color:#29372c;min-width:0;min-height:42px;font:inherit;cursor:pointer;touch-action:manipulation;background-color:#f1ead8;background-image:linear-gradient(145deg,#f5efdf,#e9e0cd);border:1px solid #c8bda6;border-radius:9px;padding:8px clamp(8px,2.2cqi,16px);font-size:clamp(.72rem,1.9cqi,.9rem);font-weight:700;line-height:1.15;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:inset 0 0 4px #78684c1a,0 2px 5px #00231047}@media (hover:hover){.opening-starter-choice button:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:inset 0 0 4px #78684c14,0 5px 10px #00231052}}.opening-starter-choice button:not(:disabled):active{filter:brightness(.97);transform:translateY(1px)scale(.985);box-shadow:inset 0 1px 4px #78684c33,0 1px 2px #0023103d}@media (width<=420px){.opening-starter-choice{width:calc(100% - 28px)}.opening-starter-choice button{min-height:40px;padding-inline:6px}}@media (height<=360px){.opening-starter-choice{bottom:calc(6px + var(--hand-tile-long-side) * 1.1875 + 6px);gap:3px}.opening-starter-choice button{min-height:36px;padding-block:5px}}.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:translateX(calc(-50% + var(--hand-shift-x,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-label strong,.player-south .player-label strong,.player-north .player-tiles,.player-south .player-tiles{flex:none}.player-west,.player-east{max-height:calc(100% - 36px);transform:translate(var(--hand-shift-x,0px), -50%);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:5px;min-width:0;max-width:100%;font-size:.78rem;font-weight:700;display:flex}.player-name{flex:auto;min-width:0;max-width:100%;line-height:1.15;display:block;position:relative}.player-name-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-name-measure{visibility:hidden;overflow-wrap:break-word;white-space:normal;pointer-events:none;width:100%;position:absolute}.player-north .player-name-text:not(.compact),.player-south .player-name-text:not(.compact){overflow-wrap:break-word;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.player-label strong{color:#fff;background:#536258;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.7rem;display:grid}.player-piece-count{flex:none;place-items:center;width:33px;height:33px;display:grid;position:relative}.player.current .player-piece-count.countdown-active strong{background:conic-gradient(#c62828cc 0turn, #c62828cc var(--turn-countdown-angle), #76181833 var(--turn-countdown-angle), #76181833 1turn)}.player.current .player-name{color:#c62828;animation:.5s step-end 2 current-player-color-blink}@keyframes current-player-color-blink{0%,to{color:#c62828}50%{color:#29372c}}.player.current .player-label strong{background:#c62828;animation:.5s step-end 2 current-player-count-blink;box-shadow:0 0 0 3px #c628282e}@keyframes current-player-count-blink{0%,to{background-color:#c62828}50%{background-color:#536258}}.player-tiles{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.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}.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}.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.2s cubic-bezier(.45,0,.55,1) both die-cube-turn-left}.die-cube-turn-right{animation:1.2s cubic-bezier(.45,0,.55,1) both die-cube-turn-right}.die-cube-turn-up{animation:1.2s cubic-bezier(.45,0,.55,1) both die-cube-turn-up}.die-cube-turn-down{animation:1.2s 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-log{border:1px solid var(--history-border-color);background:var(--history-background);border-radius:6px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.match-log h2{border-bottom:1px solid var(--history-heading-border-color);letter-spacing:0;justify-content:space-between;align-items:center;margin:0;padding:9px 10px 7px;font-size:.9rem;display:flex}.match-log ol{scroll-behavior:smooth;scrollbar-width:thin;min-height:0;margin:0;padding:5px 8px 9px 29px;overflow:auto}.match-log li{border-bottom:1px solid var(--history-item-border-color);color:var(--history-color);padding:5px 1px;font-size:.72rem;line-height:1.35}.match-log li:last-child{color:var(--history-latest-color)}.match-log-line{display:block}.match-log-result-final{font-weight:700}.mobile-match-log{z-index:40;visibility:hidden;opacity:0;pointer-events:none;will-change:transform;grid-template-rows:auto minmax(0,1fr);max-width:100%;height:50%;min-height:0;transition:transform .14s ease-out,opacity .1s ease-out,visibility 0s linear .14s;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.mobile-match-log.open{visibility:visible;opacity:1;pointer-events:auto;transition:transform .14s ease-out,opacity .1s ease-out;transform:translateY(0)}.mobile-match-log .match-log{border-width:0 0 1px;border-radius:0;width:100%;height:auto;box-shadow:0 5px 12px #1622183d}.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:32vw;padding:0}.desktop-header-score h2{margin-bottom:1px;font-size:.85rem}.desktop-header-score p{font-size:.75rem;line-height:1.25}.piece-label{font-weight:700}.piece-symbol{font-family:Cambria Math,STIX Two Math,Noto Sans Math,DejaVu Sans,sans-serif}.centered-message{text-align:center;background:#edf0ec;place-content:center;justify-items:center;width:100%;height:100dvh;padding:24px;display:grid}.centered-message h1{margin:0;font-size:1.7rem}.centered-message p{color:#526056}.centered-message button{padding:0 14px;font-weight:700}.lobby-account{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;gap:7px;min-width:190px;padding:6px 14px;display:grid;position:absolute;top:16px;right:20px}.lobby-account-row,.lobby-theme-selector{justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby-player-name{color:#38ef7d;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.centered-message .lobby-logout-button{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f87171;border-radius:12px;flex:none;height:28px;padding:4px 10px;font-size:.8rem}.lobby-theme-selector{color:#526056;font-size:.78rem;font-weight:700}.lobby-theme-selector select{color:#172019;min-width:86px;height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #8e9a90;border-radius:6px;padding:2px 26px 2px 8px}.game-mode-options{justify-content:center;align-items:flex-start;gap:1rem;margin-top:1.5rem;display:flex}.online-mode-option{flex-direction:column;align-items:center;gap:8px;display:flex}.online-player-count{background:#fff;border:1px solid #8e9a90;border-radius:6px;display:flex;overflow:hidden}.centered-message .online-player-count button{touch-action:manipulation;border:0;border-right:1px solid #8e9a90;border-radius:0;width:44px;min-width:44px;height:44px;padding:0}.centered-message .online-player-count button:last-child{border-right:0}.centered-message .online-player-count button.selected{color:#fff;background:#246b3b}@media (width<=900px){.game-workspace{grid-template-columns:minmax(0,1fr) minmax(170px,22vw);gap:0;padding:0}.game-workspace.mobile-without-log{grid-template-columns:minmax(0,1fr)}}@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:52vw;font-size:.68rem}.command-button{width:38px;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}.player-piece-count{width:30.5px;height:30.5px}.player-label strong{width:22.5px;height:22.5px;font-size:.62rem}.score-content{font-size:.62rem}.match-log h2{padding:5px 8px;font-size:.78rem}.match-log ol{padding-top:2px;padding-bottom:4px}.match-log li{padding:3px 0;font-size:.66rem}}@media (height<=500px),(width<=700px) and (orientation:landscape){.game-workspace.mobile-without-log{grid-template-columns:minmax(0,1fr)}.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}}@media (orientation:landscape) and (width<=1000px) and (height<=359px){.landscape-orientation-warning{animation:1.5s ease-in-out infinite orientation-warning-pulse;display:flex}}@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,.player-south .player-tiles{transition: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)}.match-log ol{scroll-behavior:auto}.mobile-match-log,.mobile-match-log.open{transition:none}.landscape-orientation-warning,.landscape-orientation-warning-rotation{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:none}.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-west .player-tiles,.table-layout.revealing-hands .player-east .player-tiles{transform:none}.table-layout.revealing-hands:not(.revealing-hands-ready) .player-tiles{visibility:hidden}.game-app{--app-background:#e6e9e5;--header-background:#f7f8f6;--header-color:#172019;--header-status-color:#4d5b50;--header-border-color:#bcc4bd;--header-shadow:0 2px 9px #1622181f;--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}.game-app,.replay-container{--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:none;--board-border-image-slice:100%;--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:linear-gradient(145deg, #ffdcb23d, transparent 42%, #2a0e043d), url(/themes/wood/wood-texture.webp);--score-divider-background-position:center;--score-divider-background-repeat:repeat;--score-divider-background-size:auto, 70.7107% auto;--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;--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}.game-app[data-theme=spaten],.replay-container[data-theme=spaten]{--board-background-color:#306346;--board-background-image:radial-gradient(ellipse at center, #356d4e 0%, #306346 58%, #28553b 100%), linear-gradient(145deg, #ffdcb23d, transparent 42%, #2a0e043d), url(/themes/wood/wood-texture.webp);--board-shadow:inset 0 0 0 1px #ba985b, inset 0 0 26px #0022123d, inset 0 1px 0 #ffffff2e, 0 2px 6px #19201a47;--score-background-color:#1f463052;--score-background-image:radial-gradient(ellipse at center, #30634645 0%, #1f463052 58%, #16372561 100%);--board-emblem-image:url(/themes/spaten/spaten-shield.png);--board-emblem-width:clamp(125px, 65%, 210px);--board-emblem-aspect-ratio:1296 / 1214;--board-emblem-max-height:70%;--board-emblem-opacity:.25;--board-emblem-filter:drop-shadow(0 2px 3px #00000047);--tile-surface-color:#efede8;--tile-surface-image:linear-gradient(145deg, #ffffff1f, transparent 45%, #5d4c270f), url(/themes/spaten/spaten-piece-texture.webp);--tile-surface-position:center;--tile-surface-size:auto, cover;--tile-border-color:#8f6c34;--tile-surface-shadow:inset 0 0 3px #5d4c272e;--tile-divider-color:#c7a66a;--tile-divider-dot-color:#b79457;--tile-divider-highlight-color:#f4e1b4b8}[data-theme=spaten] .board-tile{z-index:3}[data-theme=spaten] .tile-hidden{--tile-back-color:#f4f1e8;--tile-back-border-color:#927035;--tile-back-image:linear-gradient(145deg, #ffffff52, transparent 42%, #5d4c271f), url(/themes/spaten/spaten-piece-texture.webp);--tile-back-position:center;--tile-back-size:cover;--tile-back-shadow:inset 0 0 0 1px #ba985bad, inset 0 0 4px #5d4c272e}.game-app[data-theme=targaryen],.replay-container[data-theme=targaryen]{--board-border-image-source:url(/themes/targaryen/table-frame.webp);--board-border-image-slice:50;--board-border-image-repeat:round;--board-background-color:#080808;--board-background-image:radial-gradient(ellipse at center, transparent 42%, #0000006b 100%), url(/themes/targaryen/black-surface.webp), linear-gradient(145deg, #7e201438, transparent 42%, #0000006b), url(/themes/targaryen/black-surface.webp);--board-background-clip:padding-box, padding-box, border-box, border-box;--board-background-origin:padding-box, padding-box, border-box, border-box;--board-background-size:auto, cover, auto, cover;--board-shadow:inset 0 0 0 1px #62261f, inset 0 0 34px #000000b8, inset 0 1px 0 #be4d373d, 0 2px 8px #0000007a;--score-background-color:#11100f;--score-background-image:radial-gradient(ellipse at center, #50120e2e 0%, #00000042 72%), url(/themes/targaryen/dragon-scales.webp);--score-background-position:center;--score-background-size:auto, cover;--score-divider-background-color:#171312;--score-divider-background-image:url(/themes/targaryen/frame-rail.webp);--score-divider-background-repeat:repeat-x;--score-divider-background-size:auto 9px;--die-border-color:#351915;--die-background-color:#131110;--die-background-image:url(/themes/targaryen/die-medallion.webp);--die-shadow:inset 0 0 0 1px #87473094, inset 0 1px 2px #d6644a2e, 0 1px 3px #0000008c;--die-pip-background:radial-gradient(circle at 35% 28%, #ff9a78 0 12%, #9b2118 30%, #4b0b09 68%, #170303 100%);--die-pip-shadow:inset 0 1px 1px #ffd2beb8, 0 0 3px #af1f14a6;--board-emblem-image:url(/themes/targaryen/targaryen-sigil-hd.png);--board-emblem-width:clamp(220px, 64%, 620px);--board-emblem-aspect-ratio:1;--board-emblem-opacity:.25;--board-effects-image:url(/themes/targaryen/corner-fire.webp);--board-effects-width:clamp(105px, 21%, 260px);--board-effects-aspect-ratio:2 / 3;--board-effects-max-height:48%;--board-effects-opacity:.42;--board-effects-mix-blend-mode:screen;--tile-surface-color:#dec384;--tile-surface-image:linear-gradient(145deg, #fff4be24, transparent 45%, #5b32161a), url(/themes/targaryen/aged-ivory.webp);--tile-surface-position:center;--tile-surface-size:auto, cover;--tile-border-color:#53311b;--tile-surface-shadow:inset 0 0 3px #53311b3d;--tile-divider-color:#b87c30;--tile-divider-dot-color:#9e6521;--tile-divider-highlight-color:#ecc171ad}[data-theme=targaryen] .board-tile{z-index:3}[data-theme=targaryen] .score-corner{--score-diagonal-width:4.5px}[data-theme=targaryen] .tile-hidden{--tile-back-color:#d8b86f;--tile-back-border-color:#53311b;--tile-back-image:linear-gradient(145deg, #fffad43d, transparent 42%, #5b321624), url(/themes/targaryen/aged-ivory.webp);--tile-back-position:center;--tile-back-size:cover;--tile-back-shadow:inset 0 0 0 1px #b17b37b3, inset 0 0 4px #53311b3d}.replay-container{color:#1e293b;background:#fdfdfd;flex-direction:column;width:100%;max-width:860px;height:100dvh;margin:0 auto;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.replay-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.replay-header h1{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.replay-header .subtitle{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.replay-content{scroll-behavior:smooth;flex:1;padding:2rem;overflow-y:auto}.timeline-wrapper{max-width:640px;margin:0 auto;position:relative}.round-group{margin-bottom:2.5rem}.round-header{z-index:5;background:#fdfdfd;margin-bottom:1.5rem;padding:.5rem 0;position:sticky;top:0}.round-header h3{text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:99px;margin:0;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #00000005}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:#e2e8f0;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{align-items:flex-start;margin-bottom:1.5rem;display:flex;position:relative}.timeline-item.last{margin-bottom:0}.timeline-dot{z-index:2;border:3px solid #fdfdfd;border-radius:50%;width:16px;height:16px;position:absolute;top:1.25rem;left:-2rem;transform:translateY(-50%);box-shadow:0 0 0 1px #cbd5e1}.timeline-dot.warning{background-color:#ef4444}.timeline-dot.success{background-color:#22c55e;border:3px solid #fdfdfd;box-shadow:0 0 0 2px #22c55e,0 0 12px #22c55e66}.timeline-dot.trophy{background-color:#eab308;border:3px solid #fdfdfd;box-shadow:0 0 0 2px #eab308,0 0 12px #eab30866}.timeline-dot.system{background-color:#94a3b8;width:12px;height:12px;left:-1.85rem}.timeline-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;gap:1.25rem;width:100%;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -2px #00000008}.timeline-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #00000006}.timeline-card.turn-passed{background:linear-gradient(145deg,#fff,#fff5f5);border-color:#fee2e2}.timeline-card.round-finished{background:linear-gradient(145deg,#f0fdf4,#fff);border-color:#bbf7d0}.timeline-card.match-finished{background:linear-gradient(145deg,#fefce8,#fff);border-color:#fef08a}.tile-image-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:inset 0 2px 4px #00000005}.tile-image-wrapper .domino-tile{filter:drop-shadow(0 4px 3px #00000026);width:76.64px;height:38px}.icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-wrapper.warning{color:#ef4444;background:#fef2f2}.icon-wrapper.success{color:#16a34a;background:#dcfce7}.icon-wrapper.trophy{color:#ca8a04;background:#fef9c3}.card-content{flex:1;min-width:0}.card-content header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.card-content strong{font-size:.95rem;font-weight:700}.card-content .success-text{color:#15803d}.card-content .trophy-text{color:#a16207;font-size:1.1rem}.card-content .time{color:#94a3b8;font-size:.75rem;font-weight:500}.card-content p{color:#475569;margin:0;font-size:.875rem;line-height:1.5}.score-badge{color:#fff;background:#22c55e;border-radius:6px;margin-top:.75rem;padding:.35rem .75rem;font-size:.85rem;font-weight:700;display:inline-block;box-shadow:0 2px 4px #22c55e33}.system-event{align-items:center;margin:1rem 0}.system-chip{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.system-chip .time{opacity:.7;margin-left:.5rem;font-weight:400}.animate-fade-in{opacity:0;animation:.4s ease-out forwards fadeSlideUp;transform:translateY(10px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.loading-state,.error-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.error-state{color:#ef4444}.spinner{border:3px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.replay-container{background:#f8fafc}.replay-header,.replay-content{padding:1rem}.timeline{padding-left:1.5rem}.timeline:before{left:4px}.timeline-dot{left:-1.5rem}.timeline-dot.system{left:-1.35rem}.timeline-card{gap:.75rem;padding:1rem}.tile-image-wrapper{width:40px;height:40px}.tile-image-wrapper .domino-tile{width:64.54px;height:32px}.icon-wrapper{width:40px;height:40px}}