.domino-shell{max-width:1000px;margin:auto;padding:24px 20px 52px}.domino-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.domino-heading h1{font-size:clamp(24px,4vw,40px);margin:0}.domino-heading a{font-size:14px}.domino-room-stage{padding:0!important;background:transparent!important;border:0!important}.domino-table{background:#113d40;color:#fff9e8;border-radius:24px;overflow:hidden;box-shadow:0 16px 45px #18343c24;border:1px solid #638982;position:relative;isolation:isolate}.domino-table button{font:inherit;cursor:pointer}.domino-table button:disabled{cursor:default}.domino-hud{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:13px;background:#0c2e32}.domino-hud strong{letter-spacing:.14em;font-size:12px;color:#dac493}.domino-hud button{font-size:12px;line-height:1.2;min-height:44px;border:1px solid #66827a;background:transparent;color:#fff8e8;padding:5px 12px;border-radius:30px}.domino-rivals{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px 15px 0}.domino-rival{display:grid;grid-template-columns:30px 1fr;column-gap:8px;font-size:12px;border-radius:15px;padding:6px 12px;border:1px solid transparent;line-height:1.5}.domino-rival.is-turn{border-color:#e5bc75;background:#376365}.domino-rival>i{grid-row:span 2;align-self:center;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#c5b8e4;color:#252a3f;font-size:14px;font-style:normal}.domino-rival small{color:#c3d2cb}.domino-board{height:clamp(210px,32vw,300px);position:relative;min-width:0}.domino-board canvas{width:100%;height:100%;display:block}.domino-fallback{position:absolute;inset:8px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px}.domino-fallback[hidden]{display:none}.domino-fallback .domino-bone{width:58px;height:30px;flex-direction:row;pointer-events:none}.domino-fallback .domino-half{width:50%;height:100%}.domino-fallback .domino-half+.domino-half{border-top:0;border-left:1px solid #a79069}.domino-fallback .domino-pip{width:3px;height:3px}.domino-message{font-size:14px!important;line-height:1.4!important;text-align:center;margin:0!important;padding:10px 15px;min-height:42px;color:#f9e6c0!important;background:#123337;letter-spacing:0!important}.domino-tray{padding:16px 18px 17px;background:linear-gradient(180deg,#163f41,#092e32);border-top:1px solid #41635f}.domino-tray-label{display:flex;justify-content:space-between;font-size:12px;margin:0 0 10px;color:#c4d6cf}.domino-rack{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;min-height:93px;padding:8px 0 12px}.domino-bone{display:flex;flex-direction:column;position:relative;padding:5px!important;width:49px;height:90px;flex:0 0 auto;border-radius:8px!important;border:1px solid #e9dfc8!important;background:linear-gradient(120deg,#fffdef,#f0e5cb)!important;color:#193e44!important;box-shadow:0 4px 0 #a2a594,0 7px 10px #001d2880;transition:transform .22s,box-shadow .22s,opacity .2s;transform-style:preserve-3d}.domino-bone.is-legal{outline:1px solid #e4d5a3;outline-offset:3px}.domino-bone.is-selected{transform:translateY(-9px) rotate(-3deg);outline:3px solid #f7d792;outline-offset:3px;box-shadow:0 4px 0 #a2a594,0 12px 16px #001d2866}.domino-bone.is-new{animation:domino-deal .48s cubic-bezier(.22,.85,.3,1)}.domino-bone:focus-visible{outline:3px solid #ffce7a;outline-offset:4px}.domino-half{position:relative;display:block;width:100%;height:50%}.domino-half+.domino-half{border-top:1px solid #b7ab8d}.domino-pip{position:absolute;width:6px;height:6px;border-radius:50%;background:#17424a;box-shadow:inset 0 1px 1px #00101e99;transform:translate(-50%,-50%)}.domino-half[data-value="1"] .domino-pip{background:#b8585b}.domino-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;min-height:46px}.domino-action{min-height:46px;border-radius:10px;padding:9px 18px;border:1px solid #e6ce99;background:#efdcaf;color:#203c40;font-weight:750!important}.domino-action.secondary{background:#284e50;color:#ffedc7;border-color:#769387}.domino-action:disabled{opacity:.48}.domino-result{text-align:center;padding:16px;background:#224b49}.domino-result:empty{display:none}.domino-result h2{color:#fff7df;font-size:25px;margin:0 0 8px}.domino-result p{font-size:14px;margin:5px 0 12px}.domino-result-scores{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.domino-result-scores span{background:#143536;border-radius:10px;padding:10px 14px;font-size:13px}.domino-help{background:#0e3033;padding:0 20px;color:#d4e3d9;font-size:14px}.domino-help summary{font-size:13px!important;color:#d4e3d9!important;min-height:48px;padding:14px 0!important;border:0!important}.domino-help p{font-size:14px!important;line-height:1.65!important;margin:10px 0 14px}.domino-help a{color:#f3d59d}.domino-help ol{padding:0 0 20px 20px}.domino-help table{width:100%;font-size:12px;border-collapse:collapse}.domino-help td,.domino-help th{text-align:left;padding:6px;border-bottom:1px solid #41615d}.domino-start{position:relative;border-radius:24px;background:#eaf2ee;padding:clamp(22px,5vw,50px);border:1px solid #bfd0c4}.domino-start h2{font-size:clamp(27px,4vw,42px);max-width:650px;margin:0 0 12px}.domino-start p{font-size:16px;max-width:590px}.domino-start-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.domino-start label{display:grid;gap:7px;font-size:14px}.domino-start select{max-width:100%;min-height:46px;padding:10px;border-radius:8px;border:1px solid #91b1a9;background:white}.domino-start details{max-width:620px;margin-top:16px}.domino-start-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0}.domino-after{display:flex;flex-wrap:wrap;gap:12px;padding:22px 0;align-items:center}.domino-after:empty{display:none}.domino-access{font-size:14px!important;line-height:1.6!important}.domino-preview{aspect-ratio:4/3;min-height:200px;position:relative;background:#113d40;border-radius:24px;overflow:hidden}.domino-preview canvas{position:absolute;inset:0}.domino-preview img{width:100%;height:100%;object-fit:cover}.domino-shell [hidden],.domino-table [hidden]{display:none!important}.domino-fallback:empty:before{content:'Play the opening tile';align-self:center;padding:20px;color:#ccded3}.domino-fallback .domino-bone span{flex-shrink:1}.domino-landing{gap:40px}.domino-landing h1{font-size:clamp(38px,5vw,65px)}
@keyframes domino-deal{from{opacity:0;transform:translateY(-28px) rotateY(85deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}
@media(max-width:600px){.domino-shell{padding:18px 12px 35px}.domino-table{border-radius:16px}.domino-hud{padding:8px 12px}.domino-rivals{gap:3px;padding:6px 4px 0}.domino-rival{padding:5px 6px;font-size:11px;grid-template-columns:24px 1fr;column-gap:6px}.domino-rival>i{width:24px;height:24px;font-size:12px}.domino-rival small{font-size:10px}.domino-board{height:220px}.domino-tray{padding:12px 10px}.domino-rack{gap:5px;padding:7px 2px 10px}.domino-bone{width:42px;height:78px;padding:4px!important;border-radius:6px!important}.domino-rack .domino-bone{min-width:44px;min-height:78px}.domino-pip{width:5px;height:5px}.domino-message{font-size:13px!important;padding:10px 12px}.domino-action{padding:9px 13px;font-size:14px!important}.domino-start-options{grid-template-columns:1fr}.domino-preview{border-radius:16px}.domino-heading{gap:10px}.domino-heading a{font-size:12px}.domino-help{padding:0 13px}}
@media(prefers-reduced-motion:reduce){.domino-bone{animation:none!important;transition:none!important}}

@media(min-width:700px) and (max-height:800px){.domino-board{height:240px}.domino-hud{padding:6px 15px}.domino-rivals{padding-top:5px}.domino-rack{padding-top:5px;padding-bottom:8px}.domino-tray{padding-top:10px;padding-bottom:12px}}

[data-party-active][data-party-game="domino"][data-party-phase="playing"] .party-room-header{gap:6px 14px;margin-bottom:6px}
[data-party-active][data-party-game="domino"][data-party-phase="playing"] .party-room-header h1{font-size:22px;margin:0}
[data-party-active][data-party-game="domino"][data-party-phase="playing"] .party-back{display:none}
[data-party-active][data-party-game="domino"][data-party-phase="playing"] .party-people{margin:8px 0 12px;gap:6px}
[data-party-active][data-party-game="domino"][data-party-phase="playing"] .party-person{padding:5px 10px;font-size:12px}
.room-is-live .domino-landing~.golf-details{display:none}