:root{--bg:#f5f2ff;--surface:#fff;--surface-soft:#f0ecff;--text:#241d3d;--muted:#6f6882;--primary:#5b3cc4;--primary-dark:#4327a8;--accent:#ffb43b;--success:#17875b;--danger:#c53b4b;--border:#ddd5f5;--shadow:0 16px 38px #3927741c;--radius:18px;--board-tile-long:154px;--board-tile-short:68px;--board-fit-scale:1;--hand-fit-scale:1}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{min-height:100dvh;color:var(--text);background:radial-gradient(circle at top left, #ffb43b2e, transparent 30rem), radial-gradient(circle at top right, #5b3cc429, transparent 34rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible+*{outline-offset:2px;outline:3px solid #5b3cc442}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1{margin-bottom:5px;line-height:1}h2{margin-bottom:0}p{color:var(--muted)}.screen{width:100%;height:100dvh}.eyebrow{color:var(--primary);letter-spacing:.13em;margin:0 0 4px;font-size:.69rem;font-weight:900}.brand-mark,.mini-mark{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));place-items:center;font-weight:900;display:grid;box-shadow:0 10px 24px #5b3cc440}.brand-mark{border-radius:19px;flex:0 0 62px;width:62px;height:62px;font-size:2rem}.mini-mark{border-radius:11px;flex:0 0 34px;width:34px;height:34px;font-size:1.2rem}.button{cursor:pointer;border:0;border-radius:12px;min-height:40px;padding:9px 16px;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s,opacity .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.42}.button-primary{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));box-shadow:0 9px 20px #5b3cc438}.button-secondary{color:var(--primary-dark);background:var(--surface-soft)}.button-ghost{color:var(--primary);background:#ffffffad;border:1px solid #5b3cc424}.button-large{min-height:50px;padding-inline:26px;font-size:1rem}.menu-screen{place-items:center;padding:clamp(12px,3vh,28px);display:grid;overflow:auto}.menu-card{background:#fffffff0;border:1px solid #ddd5f5f2;border-radius:26px;width:min(980px,100%);max-height:100%;padding:clamp(18px,3vw,34px);overflow:auto;box-shadow:0 24px 70px #39277426}.menu-brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.menu-brand h1{font-size:clamp(2rem,4.8vw,3.25rem)}.menu-brand p:last-child{margin:0;font-size:1rem}.menu-section+.menu-section{margin-top:22px}.menu-section-heading{align-items:center;gap:11px;margin-bottom:11px;display:flex}.menu-section-heading>span{color:#fff;background:var(--primary);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.menu-section-heading h2{font-size:1.08rem}.menu-section-heading p{margin:2px 0 0;font-size:.82rem}.mode-grid,.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mode-option,.difficulty-option{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;min-width:0;transition:border .16s,transform .16s,box-shadow .16s,background .16s;position:relative}.mode-option:hover:not(.disabled),.difficulty-option:hover{transform:translateY(-2px)}.mode-option.selected,.difficulty-option.selected{border-color:var(--primary);background:#f7f4ff;box-shadow:0 0 0 3px #5b3cc41a}.mode-option input,.difficulty-option input{opacity:0;pointer-events:none;position:absolute}.mode-option{align-content:start;gap:5px;min-height:138px;padding:16px;display:grid}.mode-icon{font-size:1.35rem}.mode-option strong{font-size:.96rem}.mode-option small,.difficulty-option small{color:var(--muted);line-height:1.35}.mode-option.disabled{cursor:default;opacity:.58;background:#faf9fd}.available-tag,.soon-tag{border-radius:999px;padding:4px 7px;font-size:.62rem;font-weight:900;position:absolute;top:11px;right:11px}.available-tag{color:#0c6945;background:#e4f7ef}.soon-tag{color:#665d76;background:#eeebf4}.difficulty-option{gap:4px;min-height:86px;padding:15px;display:grid}.difficulty-option strong{color:var(--primary-dark)}.menu-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.game-screen{padding:8px}.game-frame{grid-template-rows:54px minmax(0,1fr);gap:8px;width:min(1600px,100%);height:100%;min-height:0;margin:0 auto;display:grid}.game-topbar{background:#ffffffe6;border:1px solid #ddd5f5eb;border-radius:16px;grid-template-columns:minmax(190px,.8fr) minmax(380px,1.3fr) auto;align-items:center;gap:12px;min-width:0;padding:6px 10px;display:grid;box-shadow:0 8px 22px #39277414}.game-brand{align-items:center;gap:9px;min-width:0;display:flex}.game-brand>div{min-width:0}.game-brand strong,.game-brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.game-brand strong{font-size:.92rem}.game-brand small{color:var(--muted);margin-top:2px;font-size:.68rem}.compact-stats{grid-template-columns:repeat(4,minmax(72px,1fr));gap:6px;min-width:0;display:grid}.compact-stats>span{background:var(--surface-soft);border-radius:10px;justify-content:space-between;align-items:baseline;gap:7px;min-width:0;padding:5px 9px;display:flex}.compact-stats small{color:var(--muted);font-size:.62rem;font-weight:800}.compact-stats strong{font-size:.9rem}.menu-button{min-height:36px;padding:7px 14px}.play-layout{min-height:0;display:block}.card{border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--shadow);background:#fffffff2;border:1px solid #ddd5f5f0}.game{grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px;height:100%;padding:9px 12px 8px;display:grid;overflow:hidden}.board-heading,.hand-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.board-heading h2,.hand-heading h2{font-size:1rem}.pill{color:var(--primary-dark);background:var(--surface-soft);border-radius:999px;flex:none;padding:7px 11px;font-size:.74rem;font-weight:900}.message{border-radius:11px;align-items:center;min-height:32px;margin:0;padding:6px 12px;font-size:.75rem;font-weight:750;display:flex;overflow:hidden}.message.info{color:#22528a;background:#eaf2ff}.message.success{color:#086744;background:#e3f5ed}.message.hint{color:#7b4d00;background:#fff3d8}.message.error{color:#9a2435;background:#fde9ed}.board-wrap{min-height:0;position:relative}.board,.hand-grid{scrollbar-width:none;overscroll-behavior:none;isolation:isolate;min-height:0;position:relative}.board::-webkit-scrollbar{display:none}.hand-grid::-webkit-scrollbar{display:none}.board{background:0 0;border:0;border-radius:14px;width:100%;height:100%;padding:4px;display:block;overflow:hidden}.board.board-empty{place-items:center;display:grid}.start-target{color:var(--primary);text-align:center;border-radius:12px;place-items:center;padding:14px;font-size:.84rem;font-weight:850;display:grid;position:absolute;inset:12px}.actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.actions .button{min-height:35px;padding:6px 12px;font-size:.75rem}.action-dock{background:linear-gradient(#ffffff40,#f5f1ffe6);border-top:1px solid #5b3cc41a;border-radius:0 0 15px 15px;align-items:center;min-height:46px;padding:6px 10px 2px}kbd{background:#fff;border:1px solid #5b3cc42e;border-bottom-width:2px;border-radius:5px;margin-left:3px;padding:2px 5px;font-size:.63rem}.table-surface{background:radial-gradient(circle at 50% 38%,#5b3cc40e,#0000 43%),linear-gradient(#f9f7ff 0%,#f8f6ff 66%,#f3efff 100%);border:2px dashed #d8cef7;border-radius:17px;grid-template-rows:minmax(190px,1fr) minmax(118px,24vh);min-height:0;display:grid;overflow:hidden}.hand-dock{background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);gap:0;min-height:0;padding:3px 8px 2px;display:grid}.hand-heading{padding-inline:3px}.hand-heading:before{content:"";background:linear-gradient(90deg,#0000,#5b3cc424,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.hand-heading{padding-top:4px;position:relative}.hand-grid{padding-top:8px;display:block;overflow:visible}.empty-hand{height:100%;color:var(--muted);place-items:center;font-size:.8rem;display:grid}.board-canvas,.hand-canvas{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.board-canvas{transform:translate(-50%, -50%) scale(var(--board-fit-scale));transition:transform .22s}.hand-canvas{transform:translate(-50%, -50%) scale(var(--hand-fit-scale));transition:transform .2s}.domino{width:var(--board-tile-long);min-width:var(--board-tile-long);height:var(--board-tile-short);color:var(--text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;background:linear-gradient(#fff,#fbfaff);border:2px solid #33294f;border-radius:12px;grid-template-columns:1fr 1fr;padding:0;display:grid;position:relative;box-shadow:0 7px 15px #241d3d26}.domino:after{content:"";background:#43385f;width:2px;position:absolute;top:7px;bottom:7px;left:50%;transform:translate(-1px)}.domino-half{text-align:center;white-space:nowrap;place-items:center;min-width:0;padding:5px;font-size:.88rem;font-weight:850;display:grid;overflow:hidden}.board-canvas .domino,.hand-canvas .domino{margin:0;position:absolute}.board-connectors{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-connectors line{stroke:#5b3cc447;stroke-width:7px;stroke-linecap:round;stroke-dasharray:4 8}.board-canvas .domino{z-index:1;cursor:default;transition:left .22s,top .22s,box-shadow .16s}.board-canvas .domino.vertical{width:var(--board-tile-short);min-width:var(--board-tile-short);height:var(--board-tile-long);grid-template-rows:1fr 1fr;grid-template-columns:1fr}.board-canvas .domino.vertical:after{width:auto;height:2px;inset:50% 7px auto;transform:translateY(-1px)}.board-canvas .domino.is-double{z-index:3;box-shadow:0 8px 20px #241d3d33,0 0 0 2px #5b3cc414}.board-canvas .domino.turn-piece{z-index:2}.board-canvas .domino.auto-oriented{animation:.4s cubic-bezier(.18,.8,.2,1) autoOrientClockwise}@keyframes autoOrientClockwise{0%{opacity:.55;rotate:-90deg;scale:.86}to{opacity:1;rotate:0deg;scale:1}}.endpoint-target{z-index:9;width:var(--board-tile-long);height:var(--board-tile-short);cursor:pointer;touch-action:none;background:#ffb43b33;border:3px dashed #e3a008;border-radius:14px;padding:0;transition:border-color .16s,background .16s,box-shadow .16s,scale .16s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffb43b1f}.endpoint-target.vertical{width:var(--board-tile-short);height:var(--board-tile-long)}.endpoint-target:before{content:"";background:#e3a008b8;border-radius:999px;width:2px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-1px)}.endpoint-target.vertical:before{width:auto;height:2px;inset:50% 8px auto;transform:translateY(-1px)}.endpoint-target:after{content:"+";color:#b67a00;text-shadow:0 1px #fff7d9;place-items:center;font-size:1.15rem;font-weight:900;display:grid;position:absolute;inset:0}.endpoint-target:hover,.endpoint-target:focus-visible,.endpoint-target.endpoint-valid,.endpoint-target.endpoint-invalid{background:#ffb43b45;border-color:#e3a008;box-shadow:0 0 0 6px #ffb43b29}.endpoint-target.drop-hover,.endpoint-target.drop-hover.endpoint-valid,.endpoint-target.drop-hover.endpoint-invalid{background:#ffb43b57;border-style:solid;border-color:#e3a008;scale:1.06;box-shadow:0 0 0 8px #ffb43b33,0 12px 28px #241d3d29}.hand-canvas .domino{--hand-shift-x:0px;--hand-lift:0px;--hand-scale:1;--fan-angle:0deg;z-index:var(--hand-z,1);transform:translateX(var(--hand-shift-x)) translateY(var(--hand-lift)) rotate(var(--fan-angle)) scale(var(--hand-scale));transition:left .2s,top .2s,transform .18s cubic-bezier(.2,.78,.25,1),box-shadow .18s,opacity .15s}.hand-canvas .domino.hand-hovered{--hand-lift:-17px;--hand-scale:1.13;z-index:100;border-color:var(--primary);box-shadow:0 0 0 4px #5b3cc421,0 17px 31px #241d3d42;--fan-angle:0deg!important}.hand-canvas .domino.selected:not(.hand-hovered){--hand-lift:-8px;--hand-scale:1.04;z-index:60;border-color:var(--primary);box-shadow:0 0 0 4px #5b3cc429,0 10px 22px #241d3d2e}.hand-grid.exchange-mode .domino{cursor:pointer}.hand-canvas .domino.exchange-selected,.hand-canvas .domino.exchange-selected:not(.hand-hovered){--hand-lift:-11px;--hand-scale:1.06;z-index:80;background:linear-gradient(#fffdf4,#fff7d8);border-color:#d99000;box-shadow:0 0 0 5px #ffb43b47,0 13px 25px #241d3d33}.exchange-button:not(:disabled){color:#7b4d00;background:#fff3d8}.domino.pressed:not(.dragging){--hand-scale:.985}.domino.dragging{opacity:.22}.domino.hinted{animation:.7s ease-in-out 3 hintPulse}@keyframes hintPulse{0%,to{box-shadow:0 0 0 3px #ffb43b2e,0 7px 15px #241d3d26}50%{box-shadow:0 0 0 7px #ffb43b61,0 10px 24px #241d3d33}}.drag-ghost{z-index:9999;pointer-events:none;opacity:.97;cursor:grabbing;will-change:left, top, rotate;margin:0;position:fixed;top:0;left:0;rotate:0deg;box-shadow:0 18px 34px #241d3d47,0 0 0 4px #ffb43b59;transition:none!important;transform:none!important}body.is-dragging-domino,body.is-dragging-domino *{cursor:grabbing!important}.board.drag-active{border-style:solid;border-color:#5b3cc47a;box-shadow:inset 0 0 0 2px #5b3cc414}.board.drag-active.drop-valid,.board.drag-active.drop-invalid{background-color:#ffb43b12}.dialog{width:min(520px,100% - 24px);color:var(--text);background:#fff;border:0;border-radius:20px;padding:0;box-shadow:0 28px 80px #241d3d47}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d16337a}.dialog form{padding:22px}.dialog-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.dialog h2{font-size:1.32rem}.dialog p,.dialog li{font-size:.88rem;line-height:1.5}.dialog ol{padding-left:22px}.icon-button{width:36px;height:36px;color:var(--primary);background:var(--surface-soft);cursor:pointer;border:0;border-radius:10px;font-size:1.25rem}.dialog-tip{background:var(--surface-soft);border-radius:10px;padding:10px 12px}.dialog-close{width:100%}.dialog-actions{justify-content:center;gap:9px;margin-top:16px;display:flex}.vertical-actions{display:grid}.result-dialog{text-align:center}.result-icon{font-size:2.5rem}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.result-stats div{background:var(--surface-soft);border-radius:11px;padding:10px;display:grid}.result-stats strong{font-size:1.1rem}.result-stats span{color:var(--muted);font-size:.68rem}@media (width<=900px){.mode-grid{grid-template-columns:1fr}.mode-option{min-height:100px}.difficulty-grid{grid-template-columns:1fr}.difficulty-option{min-height:68px}.game-topbar{grid-template-columns:minmax(150px,.7fr) minmax(280px,1.3fr) auto}.compact-stats small{display:none}.compact-stats>span{justify-content:center}}@media (width<=650px){.game-screen{padding:5px}.game-frame{grid-template-rows:48px minmax(0,1fr);gap:5px}.game-topbar{grid-template-columns:minmax(120px,1fr) auto;gap:6px;padding:5px 7px}.compact-stats{grid-column:1/-1;display:none}.mini-mark{flex-basis:30px;width:30px;height:30px}.game-brand strong{font-size:.8rem}.game-brand small{font-size:.6rem}.menu-button{min-height:32px}.play-layout{display:block}.game{gap:5px;padding:7px}.board-heading .eyebrow{display:none}.message{min-height:30px;padding:5px 8px;font-size:.68rem}.actions{gap:4px}.actions .button{flex:1;min-width:0;padding-inline:5px;font-size:.66rem}.actions kbd{display:none}.hand-dock{padding-inline:2px}.hand-heading .eyebrow{display:none}}@media (height<=650px){.game-frame{grid-template-rows:46px minmax(0,1fr);gap:5px}.game-topbar{padding-block:4px}.play-layout{display:block}.board-heading .eyebrow,.hand-heading .eyebrow{display:none}.game{gap:4px;padding-block:6px}.message{min-height:28px;padding-block:4px}.actions .button{min-height:32px;padding-block:5px}.hand-dock{padding-top:3px}}@media (width<=650px){.game{grid-template-rows:auto auto minmax(0,1fr) auto}.table-surface{grid-template-rows:minmax(160px,1fr) minmax(108px,25vh)}.hand-canvas .domino.hand-hovered{--hand-lift:-12px;--hand-scale:1.08}}@media (height<=650px){.game{grid-template-rows:auto auto minmax(0,1fr) auto}.table-surface{grid-template-rows:minmax(145px,1fr) minmax(92px,23vh)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game{gap:5px}.board-wrap{padding:2px 4px 0}.board-heading{padding-inline:2px}.table-surface .pill{padding-block:5px}.hand-heading h2{font-size:.9rem}.hand-heading .eyebrow{font-size:.66rem}.hand-canvas .domino.hand-before-hover{--hand-shift-x:-7px}.hand-canvas .domino.hand-after-hover{--hand-shift-x:7px}@media (width<=900px){.table-surface{grid-template-rows:minmax(175px,1fr) minmax(112px,24vh)}}@media (width<=650px){.table-surface{grid-template-rows:minmax(150px,1fr) minmax(104px,26vh)}.action-dock{min-height:42px;padding-inline:4px}.hand-dock{padding-inline:3px}}@media (height<=650px){.table-surface{grid-template-rows:minmax(135px,1fr) minmax(88px,22vh)}.action-dock{min-height:38px;padding-block:3px 0}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:20000;color:#fff;background:var(--primary-dark);border-radius:10px;padding:10px 14px;font-weight:850;transition:transform .15s;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.topbar-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.preference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preference-option{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;align-items:flex-start;gap:10px;min-width:0;min-height:72px;padding:12px;display:flex}.preference-option:has(input:checked){border-color:var(--primary);background:#f7f4ff;box-shadow:0 0 0 3px #5b3cc41a}.preference-option input{width:20px;height:20px;accent-color:var(--primary);flex:0 0 20px;margin:1px 0 0}.preference-option span{gap:3px;display:grid}.preference-option strong{font-size:.9rem}.preference-option small{color:var(--muted);line-height:1.35}.dialog-preferences{grid-template-columns:1fr}.menu-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px;padding-top:14px;font-size:.75rem;display:flex}.menu-footer a{color:var(--primary-dark);font-weight:800}.info-page{background:var(--bg);min-height:100vh;padding:clamp(16px,4vw,48px);overflow:auto}.back-link{color:var(--primary-dark);margin-bottom:14px;font-weight:850;display:inline-block}.info-card{border:1px solid var(--border);width:min(820px,100%);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin:0 auto;padding:clamp(22px,4vw,42px)}.info-card h1{font-size:clamp(2rem,5vw,3rem)}.info-card h2{margin-top:26px;font-size:1.2rem}.info-card p,.info-card li{line-height:1.65}.endpoint-target:focus-visible,.domino:focus-visible{outline:4px solid var(--primary);outline-offset:4px}html.large-text{font-size:112.5%}html.large-text .domino-half{font-size:.94rem}html.high-contrast{--bg:#fff;--surface:#fff;--surface-soft:#eee9ff;--text:#110a24;--muted:#3f3850;--primary:#3b158f;--primary-dark:#24006e;--accent:#c87400;--border:#4a3d70;--success:#005f36;--danger:#9c001f}html.high-contrast .card,html.high-contrast .menu-card,html.high-contrast .game-topbar,html.high-contrast .dialog,html.high-contrast .info-card{border-width:2px}html.high-contrast .domino{border-width:3px}html.high-contrast .endpoint-target{background:#ffe39a;border-color:#9a5d00}html.high-contrast .message{border:2px solid}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=760px){.preference-grid{grid-template-columns:1fr}.topbar-actions{gap:3px}.topbar-actions .button{padding-inline:8px;font-size:.66rem}.menu-footer{flex-direction:column;align-items:flex-start}}.info-page{height:100dvh}.identity-card{border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f7f3ff);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:14px 16px;display:flex}.identity-card>div{gap:3px;display:grid}.identity-card small{color:var(--muted);font-weight:750}.identity-card strong{color:var(--primary-dark);font-size:1.08rem}.identity-chip{min-height:34px;color:var(--primary-dark);background:var(--surface-soft);border-radius:999px;align-items:center;padding:6px 12px;font-weight:850;display:inline-flex}.player-label{font-weight:780;color:var(--primary-dark)!important}.volume-option{align-items:center}.volume-option>span{flex:1}.volume-option input[type=range]{width:min(180px,42vw);accent-color:var(--primary)}.domino-half.compact-expression{letter-spacing:-.015em;padding-inline:3px;font-size:.74rem;line-height:1.05}.domino-half.multiline-expression{white-space:normal;grid-template-rows:auto auto;align-content:center;gap:2px}.expression-line{text-overflow:clip;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.board-canvas .domino.vertical .domino-half.compact-expression{font-size:.72rem}html.large-text .domino-half.compact-expression{font-size:.76rem}html.large-text .domino-half.multiline-expression{line-height:1}.ranking-dialog{text-align:left;width:min(760px,100vw - 24px)}.ranking-toolbar{justify-content:space-between;align-items:end;gap:12px;margin:12px 0;display:flex}.ranking-toolbar label{color:var(--muted);gap:5px;font-size:.78rem;font-weight:800;display:grid}.ranking-toolbar select{border:1px solid var(--border);min-height:40px;color:var(--text);font:inherit;background:#fff;border-radius:10px;padding:7px 34px 7px 10px;font-weight:800}.ranking-table-wrap{border:1px solid var(--border);border-radius:14px;max-height:300px;overflow:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:.82rem}.ranking-table caption{color:var(--muted);text-align:left;padding:10px;font-weight:800}.ranking-table th,.ranking-table td{border-top:1px solid var(--border);text-align:left;padding:9px 10px}.ranking-table thead th{z-index:1;background:#f3efff;border-top:0;position:sticky;top:0}.ranking-table tbody tr.current-player-row{background:#fff4d2}.ranking-table tbody tr:nth-child(2n):not(.current-player-row){background:#faf9ff}.empty-ranking{text-align:center;color:var(--muted);margin:0;padding:24px}.statistics-panel{margin-top:14px}.statistics-panel h3{margin-bottom:9px;font-size:1rem}.statistics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.statistics-grid span{background:var(--surface-soft);text-align:center;border-radius:12px;gap:2px;min-width:0;padding:10px 8px;display:grid}.statistics-grid strong{font-size:1rem}.statistics-grid small{color:var(--muted);font-size:.66rem;line-height:1.2}.result-rank{color:#765000;background:#fff3cf;border-radius:12px;margin:10px auto 0;padding:9px 12px;font-weight:850}@media (width<=760px){.identity-card{flex-direction:column;align-items:stretch}.identity-card .button{width:100%}.ranking-toolbar{flex-direction:column;align-items:stretch}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-table th,.ranking-table td{padding:8px 6px;font-size:.74rem}}@media (height<=720px) and (width>=800px){.menu-card{margin-block:10px}.menu-section{padding-block:10px}.identity-card{min-height:58px;padding-block:9px}}