.domino-match{--match-ink:#eff5e5;--match-muted:#aabb9f;--match-accent:#d5e8a6;position:fixed;inset:0;width:min(1440px,calc(100% - 48px));height:min(920px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #72816c75;border-radius:23px;background:#192e25;color:var(--match-ink);box-shadow:0 35px 130px #081b1970;overflow:hidden;font-family:LocalGeorgian,'Segoe UI',sans-serif;touch-action:auto;backdrop-filter:none}.domino-match::backdrop{background:#11241bb8;backdrop-filter:blur(12px)}.domino-match[open]{display:flex;flex-direction:column}.domino-match button{touch-action:manipulation;color:inherit}.domino-match button:focus-visible,.domino-match [role=button]:focus-visible{outline:2px solid #d8ed9f;outline-offset:4px}.match-header{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:19px 25px;border-bottom:1px solid #8098792a;background:#172b23}.match-header h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.4px}.match-header p{margin:5px 0 0;font-size:11px;color:var(--match-muted)}.match-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.match-icon{width:36px;height:36px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:10px;background:#c6dfbb0b}.match-icon:hover,.match-language:hover{background:#c6dfbb18}.match-language{font-size:11px;padding:9px 12px;border:1px solid #abc69c36!important;border-radius:8px}.match-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.match-sidebar{background:#14281f;padding:22px 18px;overflow:auto;border-right:1px solid #8098792a}.match-scoreboards{display:grid;gap:20px}.match-score-card{border:1px solid #78927032;border-radius:13px;padding:12px;background:#ffffff04}.match-score-card.is-turn{border-color:#a8c5796b;background:#b6d29b08}.match-score-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:12px}.match-score-heading>span{display:flex;align-items:center;gap:7px}.match-score-heading svg{width:17px;height:17px}.match-score-heading strong{font-family:'Segoe UI',sans-serif;font-size:25px;font-weight:600;color:#e6f0c9;font-variant-numeric:tabular-nums}.match-score-heading small{font-size:11px;font-weight:400;color:#a1b396}.match-abacus{display:block;width:100%;height:auto;fill:initial;stroke:none}.match-bead.is-moving{animation:match-bead-slide .65s cubic-bezier(.2,.7,.2,1) both}@keyframes match-bead-slide{from{transform:translateX(var(--bead-from))}to{transform:translateX(var(--bead-to))}}.match-rules{padding:14px 4px 4px;font-size:11px;color:var(--match-muted);line-height:1.8}.match-rules summary{cursor:pointer;color:#d2dfbf;font-size:12px;padding:3px}.match-rules ol{padding-left:20px;margin:13px 0}.match-rules li{margin-bottom:12px}.match-saved{text-align:center;font-size:9px;color:#8fa387;line-height:1.7;margin:15px 0}.match-credit{display:block;width:100px;margin:22px auto 0}.match-credit img{display:block;width:100%;height:auto}.match-play-area{min-width:0;min-height:0;display:flex;flex-direction:column;padding:19px 24px;background:radial-gradient(ellipse at 50% 35%,#355545 0,#294535 48%,#223c2f 100%);overflow:hidden}.match-table-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#b3c4a9;flex-shrink:0}.match-table-meta b{font-family:'Segoe UI',sans-serif;font-weight:500;color:#e1ebd4;margin-left:5px}.match-table{position:relative;min-height:225px;flex:1;margin-top:15px;display:flex;overflow:hidden;border-radius:18px;border:1px solid #b8d39d20;background:radial-gradient(ellipse at center,#d2e4c50b,#0a211b0d 70%);box-shadow:inset 0 2px 25px #0c241918}.match-table>svg{width:100%;height:100%;min-width:0;min-height:0;position:absolute;inset:0;fill:initial;stroke:none;touch-action:none;cursor:grab;overflow:hidden}.match-table>svg:active{cursor:grabbing}.match-table-tile{animation:match-tile-appear .24s ease both}@keyframes match-tile-appear{from{opacity:.4}to{opacity:1}}.match-end{pointer-events:none}.match-end rect{fill:#acc38b16;stroke:#c9dcb84d;stroke-width:1}.match-end text{fill:#d2dfbd;font-family:'Segoe UI',sans-serif;font-size:18px;font-weight:600;stroke:none}.match-end.is-available{pointer-events:all;cursor:pointer}.match-end.is-available rect{fill:#daecac;stroke:#f4ffc8;stroke-width:2}.match-end.is-available text{fill:#25452d}.match-end.is-available:hover rect{fill:#f0ffc8}.match-end text.match-end-points{fill:#e1f4aa;font-size:20px}.match-empty-board text{fill:#b6c8a9;font-size:17px;font-family:LocalGeorgian,'Segoe UI',sans-serif;stroke:none}.match-bot-rack{display:flex;justify-content:center;gap:4px;position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:1;max-width:70%;pointer-events:none}.match-bot-rack i{display:block;width:15px;height:28px;border:1px solid #b4c7a64f;border-radius:3px;background:linear-gradient(110deg,#779277,#385945);box-shadow:0 2px 2px #0a20151f}.match-board-tools{position:absolute;right:10px;bottom:10px;display:flex;border:1px solid #b8d39d20;border-radius:8px;background:#19382ab8;z-index:1}.match-board-tools button{width:31px;height:31px;display:grid;place-items:center}.match-board-tools svg{width:15px;height:15px}.match-board-tools button:hover{background:#d9efc016}.match-status-line{display:flex;align-items:center;gap:8px;padding-top:15px;font-size:12px;min-height:34px;flex-shrink:0}.match-status-line strong{font-weight:500;color:#edf4dd}.match-turn-dot{width:6px;height:6px;background:#d8ebad;border-radius:50%;flex-shrink:0}.match-turn-dot.is-bot{animation:match-thinking 1s ease infinite}@keyframes match-thinking{50%{opacity:.3}}.match-end-total{margin-left:auto;font-size:10px;color:#b8cba9;white-space:nowrap}.match-end-total b{color:#f0f7df;font:600 15px 'Segoe UI',sans-serif}.match-end-total em{font-style:normal;background:#d0e6a5;color:#23412c;padding:3px 6px;border-radius:4px;font:600 11px 'Segoe UI',sans-serif;margin-left:4px}.match-last-action{margin:7px 0 13px;color:#9cb393;font-size:10px;line-height:1.5;min-height:15px;flex-shrink:0}.match-hand-area{flex-shrink:0;border-radius:13px;border:1px solid #d1e3bc24;background:#102e2033;padding:13px 14px 9px}.match-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-height:187px;overflow:auto;padding:6px 4px}.match-hand-tile{display:block;padding:0!important;border-radius:6px;background:transparent;position:relative;width:46px;flex:0 0 46px;box-shadow:0 5px 9px #06180f26;transition:transform .16s,filter .16s,opacity .16s}.match-hand-tile svg{display:block;width:100%;height:auto;fill:initial;stroke:none}.match-hand-tile:disabled{opacity:.4!important;filter:saturate(.4);cursor:default}.match-hand-tile.is-playable{opacity:1;outline:1px solid #d9eaa184;outline-offset:2px}.match-hand-tile.is-playable:hover{transform:translateY(-5px);filter:brightness(1.08)}.match-hand-tile.is-selected{outline:2px solid #f1ffc9;transform:translateY(-5px)}.match-hand-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;min-height:29px;color:#a7bd9b;font-size:10px}.match-primary{border-radius:9px!important;background:#d9e9b7!important;color:#233c2b!important;padding:11px 17px!important;font-size:12px;font-weight:600}.match-primary:hover{background:#edfacf!important}.match-round-result{position:absolute;inset:0;z-index:2;background:#183727ba;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:22px}.match-round-result>strong{font-size:29px;font-weight:600;color:#f2f6df}.match-round-result>span{font-size:12px;color:#c8daba;line-height:1.7}.match-confirm{position:absolute;inset:0;display:grid;place-items:center;padding:22px;z-index:5;background:#071a12b8;backdrop-filter:blur(5px)}.match-confirm>section{max-width:360px;border-radius:18px;border:1px solid #a9c3975c;padding:25px;background:#243f2f;box-shadow:0 18px 50px #00160a40}.match-confirm h3{font-size:19px;line-height:1.5;margin:0 0 13px;color:#eff5df}.match-confirm p{color:#b7c9a9;font-size:12px;line-height:1.8}.match-confirm>section>div{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:22px}.match-confirm button{font-size:12px;padding:10px}.dark-surface .domino-match{color:var(--match-ink);background:#192e25}.dark-surface .domino-match h2{color:var(--match-ink)}
@media(max-width:900px){.domino-match{width:calc(100% - 24px);height:calc(100dvh - 24px);border-radius:18px}.match-layout{grid-template-columns:218px minmax(0,1fr)}.match-sidebar{padding:17px 12px}.match-score-card{padding:9px}.match-scoreboards{gap:14px}.match-score-heading{font-size:12px}.match-score-heading strong{font-size:23px}.match-play-area{padding:15px}.match-hand{gap:7px}.match-hand-tile{width:40px;flex-basis:40px}.match-end-total{font-size:9px}}
@media(max-width:650px){.domino-match{width:100%;height:100dvh;border-radius:0;border:0}.match-header{gap:9px;padding:13px 12px}.match-header h2{font-size:17px}.match-header p{font-size:9px}.match-header-actions{gap:2px}.match-header>.match-icon{display:none}.match-icon{width:30px;height:32px}.match-language{padding:7px 8px;font-size:10px}.match-layout{display:flex;flex-direction:column;overflow:auto}.match-sidebar{padding:11px 12px 0;border-right:0;background:#172e23;overflow:visible;flex-shrink:0;position:relative}.match-scoreboards{grid-template-columns:1fr 1fr;gap:10px}.match-score-card{padding:8px;border-radius:10px}.match-score-heading{margin-bottom:6px;font-size:11px}.match-score-heading strong{font-size:23px}.match-score-heading small{font-size:9px}.match-score-heading svg{width:14px;height:14px}.match-rules{padding:6px 2px 0;font-size:11px}.match-rules summary{font-size:10px;line-height:1.5;padding:3px 0 6px}.match-rules[open]{padding-bottom:8px}.match-rules ol{max-height:170px;overflow:auto;margin-bottom:0}.match-saved,.match-credit{display:none}.match-play-area{flex:1;min-height:400px;overflow:visible;padding:10px 12px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at center,#355545,#243f30)}.match-table{min-height:220px;margin-top:9px;border-radius:13px}.match-table-meta{font-size:10px}.match-status-line{font-size:11px;flex-wrap:wrap;padding-top:10px;gap:6px}.match-end-total{font-size:9px}.match-status-line strong{max-width:80%;line-height:1.6}.match-last-action{font-size:9px;margin:3px 0 9px;min-height:13px}.match-hand-area{padding:9px 8px 6px;border-radius:10px}.match-hand{gap:7px;padding:4px;max-height:173px}.match-hand-tile{width:38px;flex-basis:38px}.match-hand-actions{padding-top:7px;font-size:9px}.match-primary{font-size:11px;padding:9px 12px!important}.match-round-result>strong{font-size:23px}.match-round-result>span{font-size:11px}.match-board-tools{bottom:6px;right:6px}.match-board-tools button{width:28px;height:28px}.match-bot-rack{top:8px}.match-bot-rack i{width:11px;height:21px}.match-bot-rack{gap:3px}.match-confirm>section{padding:22px}}
@media(max-width:360px){.match-header h2{font-size:15px}.match-hand{gap:6px}.match-hand-tile{width:34px;flex-basis:34px}.match-sidebar{padding-left:9px;padding-right:9px}.match-play-area{padding-left:9px;padding-right:9px}.match-end-total{margin-left:12px}}
@media(prefers-reduced-motion:reduce){.match-bead.is-moving,.match-table-tile,.match-turn-dot.is-bot{animation:none}.match-hand-tile{transition:none}}

@media(max-height:600px) and (min-width:651px){.match-layout{overflow:auto}.match-play-area{min-height:490px}.match-sidebar{overflow:visible}}

.match-languages{display:flex;gap:2px}.match-languages .match-language{padding:7px 6px;font-size:10px;min-width:27px}.match-language[aria-pressed="true"]{background:#dce8cf;color:#2f593f}@media(max-width:400px){.match-header{flex-wrap:wrap}.match-header>div:first-of-type{flex:1}.match-header-actions{margin-left:auto}.match-header h2{font-size:16px}}