.domino-stage{display:grid;gap:10px;padding:clamp(12px,2vw,20px);border-radius:28px}.domino-stage:has(.hokm-3d-host){display:block;padding:0!important}.domino-board{--tile:clamp(22px,3.4vw,34px);display:grid;gap:12px}.domino-board.thinking .domino-line{opacity:.92}.domino-seats{display:flex;flex-wrap:wrap;gap:6px}.domino-seat{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);color:#dfe5f5;font-size:10px}.domino-seat b{font-weight:800}.domino-seat em{display:inline-flex;align-items:center;gap:3px;font-style:normal;color:#f4e6bf}.domino-seat small{color:#8e99b0}.domino-seat.active{border-color:#ffd166;background:rgba(255,209,102,.14);color:#ffd166}.domino-seat.boneyard{margin-inline-start:auto;background:rgba(212,168,74,.12);border-color:#d4a84a55}.domino-line{position:relative;min-height:calc(var(--tile) * 3.6);padding:12px;border-radius:18px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:radial-gradient(ellipse at 50% 30%,#2f7a4c,#1f5a38 60%,#174630);box-shadow:inset 0 0 0 3px #d4a84a88,inset 0 8px 30px rgba(0,0,0,.35)}.domino-line-inner{display:flex;align-items:center;gap:2px;width:max-content;min-width:100%;min-height:calc(var(--tile) * 2.6);justify-content:center}.domino-empty{color:#cfe6d3;font-size:11px;white-space:nowrap}.domino-hand .domino-empty{color:#8e99b0}.domino-tile{display:inline-flex;flex:none;border-radius:4px;background:linear-gradient(160deg,#fffaf0,#eadfc4);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.35),0 0 0 1px #b39a6a}.domino-tile.v{flex-direction:column;width:var(--tile);height:calc(var(--tile) * 2)}.domino-tile.h{flex-direction:row;width:calc(var(--tile) * 2);height:var(--tile)}.domino-half{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:1;padding:12%}.domino-tile.v .domino-half+.domino-half{border-top:1px solid #b39a6a}.domino-tile.h .domino-half+.domino-half{border-left:1px solid #b39a6a}.domino-half i{display:block;margin:auto;width:62%;aspect-ratio:1;border-radius:50%}.domino-half i.pip{background:radial-gradient(circle at 35% 35%,#3b3b4a,#101220 70%)}.domino-tile.last{box-shadow:inset 0 1px 0 #fff,0 0 0 2px #ffd166,0 0 14px #ffd16688}.domino-tile.mini{--tile:14px;border-radius:2px}.domino-tile.mini .domino-half{padding:8%}.domino-drop{flex:none;padding:0;border:0;background:none;opacity:.55;cursor:pointer;animation:domino-pulse 1.1s ease-in-out infinite}.domino-drop .domino-tile{box-shadow:0 0 0 2px #7ee3c1,0 0 16px #7ee3c1aa}.domino-drop:focus-visible,.domino-drop:hover{opacity:1}@keyframes domino-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.domino-hand-area{display:grid;gap:8px}.domino-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:calc(var(--tile) * 2 + 12px);padding:8px;border-radius:16px;background:rgba(255,255,255,.05)}.domino-hand-tile{padding:0;border:0;background:none;border-radius:6px;transition:transform .14s var(--ease),filter .14s}.domino-hand-tile:disabled{opacity:1;filter:brightness(.62) saturate(.8);cursor:default}.domino-hand-tile.legal .domino-tile{box-shadow:inset 0 1px 0 #fff,0 0 0 2px #7ee3c1,0 0 12px #7ee3c188}.domino-hand-tile.legal:hover{transform:translateY(-4px)}.domino-hand-tile.picked{transform:translateY(-8px) scale(1.08)}.domino-hand-tile.picked .domino-tile{box-shadow:inset 0 1px 0 #fff,0 0 0 2px #ffd166,0 0 16px #ffd166aa}.domino-hand-actions{display:flex;align-items:center;justify-content:center;gap:10px;min-height:30px;text-align:center}.domino-hand-actions small{color:#c7cfe0;font-size:11px}.domino-round-result{position:absolute;inset:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:8px;padding:18px;border-radius:26px;background:rgba(8,13,32,.9);color:#f4f6ff;text-align:center;backdrop-filter:blur(4px)}.domino-round-result svg{width:34px;height:34px;color:#ffd166}.domino-round-result h2{margin:0;font-size:16px}.domino-round-result p{margin:0;font-size:11px;color:#c7cfe0}.domino-result-table{display:grid;gap:6px;width:min(100%,420px);margin-top:6px}.domino-result-row{display:grid;grid-template-columns:74px minmax(0,1fr) 54px 40px;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.06);font-size:11px}.domino-result-row.winner{background:rgba(255,209,102,.16);color:#ffd166}.domino-result-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.domino-result-tiles{display:flex;flex-wrap:wrap;gap:3px}.domino-result-row strong{font-size:14px}.domino-result-actions{display:grid;justify-items:center;gap:4px;margin-top:8px}.domino-result-actions small{color:#8e99b0;font-size:10px}.domino-round-result.won h2{color:#7ee3c1}.domino-scores{display:grid;gap:4px}.domino-scores .player-row strong{font-size:15px;color:#ffd166}.domino-scores h3{margin:6px 0 2px;font-size:11px;color:#8e99b0}.domino-round-result{width:min(460px,calc(100% - 42px));height:auto;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}@media (max-width:700px){.domino-board{--tile:24px}.domino-result-row{grid-template-columns:56px minmax(0,1fr) 46px 32px;font-size:10px}}@media (prefers-reduced-motion:reduce){.domino-drop{animation:none}.domino-hand-tile{transition:none}}.domino-3d-host .hokm-hud-score b{display:inline-flex;align-items:center;gap:4px;font-size:17px}.domino-3d-host .hokm-hud-score b svg{color:#ffd166}.domino-own-seat{max-width:80%}.domino-own-seat .pasur-actions{display:inline-flex;gap:6px}.domino-own-seat .pasur-actions .button{min-height:32px;padding:4px 10px;font-size:11px}.domino-curtain .board-curtain-card{border-color:rgba(126,227,193,.35)}@media ((max-height:520px) and (pointer:coarse)),(max-width:700px){.domino-own-seat{gap:6px;max-width:none;padding:5px 10px}.domino-own-seat .pasur-actions .button{min-height:28px;padding:2px 8px;font-size:10px}}