:root{--felt:#0f5a3c;--felt-dark:#0a3f2a;--panel:#13261e;--panel-2:#1c3529;--text:#f1f5f2;--muted:#a9c2b5;--accent:#f2b33d;--win:#e2483d;--plus:#63d38f;--minus:#ff7b72;--tile-spine:#1f7a64}*{box-sizing:border-box}html,body{background:var(--felt-dark);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-2);cursor:pointer;border:1px solid #3c5e4e;border-radius:10px;min-height:42px;padding:8px 14px;font-weight:700}button:active{transform:translateY(1px)}button.primary{background:var(--accent);color:#241a05;border-color:var(--accent)}button.big{width:100%;padding:14px;font-size:1.15rem}button.win{background:var(--win);border-color:var(--win)}button.on{background:var(--accent);color:#241a05}button.pass{background:0 0}.start{max-width:460px;margin:0 auto;padding:24px 16px 40px}.start h1{letter-spacing:.1em;margin:8px 0 0;font-size:2rem}.start .sub{color:var(--muted);margin:4px 0 20px}.card{background:var(--panel);border-radius:14px;margin-bottom:14px;padding:12px 16px}.card h2{color:var(--muted);margin:4px 0 8px;font-size:.95rem}.row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.row+.row{border-top:1px solid #24443a}select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #3c5e4e;border-radius:8px;padding:6px 8px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.tile{--h:calc(var(--w) * 1.36);width:var(--w);height:var(--h);border-radius:calc(var(--w) * .16);box-shadow:inset 0 0 0 calc(var(--w) * .025) #ffffffe6, inset 0 calc(var(--w) * -.12) 0 var(--tile-spine), inset 0 calc(var(--w) * -.15) 0 #00000014, 0 calc(var(--w) * .04) calc(var(--w) * .08) #00000073;padding-bottom:calc(var(--w) * .12);-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fffffff2 0%,#fff0 38%),linear-gradient(#fbf7ec 0%,#f1e8d2 100%);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.tile .face{width:84%;height:auto;filter:drop-shadow(0 calc(var(--w) * .01) 0 #0000001f);display:block}.tile.red{box-shadow:inset 0 0 0 calc(var(--w) * .05) #d9a637, inset 0 calc(var(--w) * -.12) 0 var(--tile-spine), 0 calc(var(--w) * .04) calc(var(--w) * .08) #00000073;background:linear-gradient(160deg,#fffffff2 0%,#fff0 38%),linear-gradient(#fff8ef 0%,#f6e3cf 100%)}.tile.back{box-shadow:inset 0 0 0 calc(var(--w) * .08) #1a6a57, inset 0 0 0 calc(var(--w) * .1) #e6c478b3, inset 0 calc(var(--w) * -.12) 0 #0b3a2f, 0 calc(var(--w) * .04) calc(var(--w) * .08) #00000073;background:radial-gradient(circle at 50% 45%,#ffffff2e,#fff0 55%),repeating-linear-gradient(45deg,#ffffff0d 0 2px,#fff0 2px 5px),linear-gradient(170deg,#2f8f78,#135848)}.side{width:calc(var(--w) * 1.36);height:calc(var(--w) * 1.36);flex:none;position:relative}.side>.tile{left:calc(var(--w) * .18);transform:translateY(calc(var(--w) * .18)) rotate(90deg);position:absolute;top:0}.side.called>.tile,.tile.called{opacity:.35}.tile.last,.side.last>.tile{outline-offset:0;outline:2px solid #ff3b30}.game{--S:min(100vw, calc(100dvh - 200px), 640px);height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;align-items:center;display:flex;overflow:hidden}.board{width:var(--S);height:var(--S);background:radial-gradient(circle at 50% 50%, #17734d, var(--felt) 60%, var(--felt-dark));flex:none;position:relative;overflow:hidden}.center{border-radius:calc(var(--S) * .02);justify-content:center;align-items:center;gap:calc(var(--S) * .008);width:34%;height:34%;font-size:calc(var(--S) * .032);color:var(--muted);background:#00000059;flex-direction:column;display:flex;position:absolute;top:33%;left:33%}.center .remain b{color:var(--text);font-size:1.3em}.round-info{width:26%;font-size:calc(var(--S) * .034);line-height:1.35;position:absolute;top:13%;left:7%}.round-info .round{font-size:1.2em;font-weight:800}.round-info small{color:var(--muted);margin-left:.4em}.round-info .dora{--w:calc(var(--S) * .042);gap:1px;margin-top:4px;display:flex}.round-info .label{color:var(--muted);font-size:.85em}.layer{pointer-events:none;position:absolute;inset:0}.rot1{transform:rotate(-90deg)}.rot2{transform:rotate(180deg)}.rot3{transform:rotate(90deg)}.score{justify-content:center;align-items:center;gap:calc(var(--S) * .012);width:34%;height:8%;font-size:calc(var(--S) * .034);font-variant-numeric:tabular-nums;display:flex;position:absolute;top:59%;left:33%}.score .wind{color:var(--muted);font-weight:800}.score.dealer .wind{color:var(--accent)}.score.active{box-shadow:inset 0 calc(var(--S) * -.006) 0 var(--accent)}.score .stick{width:calc(var(--S) * .06);height:calc(var(--S) * .01);background:#fff;border-radius:2px;position:relative}.score .stick:after{content:"";width:calc(var(--S) * .008);height:calc(var(--S) * .008);background:var(--win);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.river{--w:calc(var(--S) * .048);left:calc(50% - var(--w) * 3);width:calc(var(--w) * 6.5);flex-wrap:wrap;align-content:flex-start;align-items:flex-end;display:flex;position:absolute;top:68%}.cpu-hand{--w:calc(var(--S) * .044);align-items:flex-end;gap:calc(var(--w) * .3);white-space:nowrap;display:flex;position:absolute;bottom:.4%;left:50%;transform:translate(-50%)}.cpu-hand .tiles{display:flex}.meld{align-items:flex-end;display:flex}.bubble{color:#b0121f;font-weight:900;font-size:calc(var(--S) * .075);z-index:5;background:#fff;border-radius:999px;padding:.1em .6em;animation:.25s ease-out pop;position:absolute;top:72%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000080}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.4)}to{opacity:1;transform:translate(-50%)scale(1)}}.controls{flex-wrap:wrap;place-content:flex-end center;align-items:center;gap:8px;width:100%;max-width:640px;min-height:58px;padding:8px 8px 4px;display:flex}.controls .info{color:var(--muted);text-align:center;width:100%;font-size:.9rem}.controls button .mini{--w:15px;vertical-align:middle;margin-left:6px;display:inline-flex}.me{width:100%;max-width:720px;padding:0 6px 10px}.my-melds{--w:min(calc((100vw - 20px) / 19), 32px);justify-content:flex-end;gap:6px;display:flex}.my-melds:not(:empty){margin-bottom:4px}.my-hand{--w:min(calc((100vw - 16px) / 14.6), 46px);padding-top:calc(var(--w) * .4);justify-content:center;align-items:flex-end;display:flex}.my-hand .tile{transition:transform .1s}.my-hand .tile.can{cursor:pointer}.my-hand .tile.dim{filter:brightness(.6)}.my-hand .tile.selected{transform:translateY(-30%)}.tile.is-dora:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:0 0 0 2px #f2c94c,0 0 7px 2px #f2c94cb3}.my-hand .tile.drawn{margin-left:calc(var(--w) * .35)}.overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:16px;width:100%;max-width:540px;max-height:calc(100dvh - 24px);padding:16px;overflow:auto;box-shadow:0 10px 40px #0009}.result{--w:min(calc((100vw - 70px) / 17), 28px)}.result-title{color:var(--muted);font-size:.9rem}.result h3{margin:8px 0}.result-hand{flex-wrap:wrap;align-items:flex-end;gap:4px 0;display:flex}.result-hand .gap{width:calc(var(--w) * .4)}.result-hand .meld{margin-left:calc(var(--w) * .4)}.result-hand .win-tile{outline:2px solid var(--win)}.dora-row{color:var(--muted);--w:20px;align-items:center;gap:2px;margin:8px 0;font-size:.85rem;display:flex}.yaku{margin:6px 0;padding:0;list-style:none}.yaku li{border-bottom:1px dashed #2d4c3f;justify-content:space-between;padding:4px 0;display:flex}.points{text-align:right;margin:8px 0 4px;font-size:1.1rem}.points b{color:var(--accent);font-size:1.3rem}.win-block+.win-block{border-top:1px solid #355a4a;margin-top:10px}.draw-row{padding:6px 0}.draw-row .tenpai{color:var(--accent);font-weight:700}.draw-row .noten{color:var(--muted)}.draw-row .result-hand{margin-top:4px}.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:12px 0}.scores td{border-bottom:1px solid #24443a;padding:6px 4px}.scores .num{text-align:right}.plus{color:var(--plus)}.minus{color:var(--minus)}.result>button{width:100%}.final .rank{text-align:center;margin:10px 0;font-size:1.6rem}.final .rank1{color:var(--accent)}.final .me-row td{font-weight:800}.final .btns{flex-direction:column;gap:8px;display:flex}button.help{width:24px;height:24px;min-height:0;color:var(--accent);border:1.5px solid var(--accent);vertical-align:middle;background:0 0;border-radius:50%;margin-left:8px;padding:0;font-size:.8rem;line-height:1}.card h2 button.help{width:22px;height:22px;font-size:.75rem}.help-dialog h2{margin:0 0 10px;font-size:1.2rem}.help-dialog p{margin:8px 0;line-height:1.7}.help-dialog dl{margin:8px 0}.help-dialog dt{color:var(--accent);margin-top:10px;font-weight:800}.help-dialog dd{margin:2px 0 0;line-height:1.6}.help-dialog .note{color:var(--muted);font-size:.88rem}.help-dialog>button{width:100%;margin-top:12px}button.chip{min-height:28px;color:var(--muted);background:0 0;border:1px solid #3c5e4e;border-radius:999px;padding:3px 6px;font-size:.74rem;font-weight:700}button.chip.on{color:#241a05;background:var(--accent);border-color:var(--accent)}button.chip.on.cheat{background:#b78cff;border-color:#b78cff}.assist{--w:18px;flex:auto;width:100%;max-width:640px;min-height:0;padding:0 10px;font-size:.85rem;overflow-y:auto}.assist>*{margin-top:8px}.assist .muted,.muted{color:var(--muted)}.assist .small{font-size:.78rem}.assist .warn{color:var(--minus)}.hint-line{color:var(--accent);flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.hint-line .fold{color:var(--muted);font-size:.78rem;font-weight:400}.outlook{background:var(--panel);border-radius:10px;padding:8px 10px}.outlook .o-head{color:var(--muted)}.outlook .o-head b{color:var(--text);margin-left:4px}.outlook .o-yaku{margin:2px 0 4px;font-weight:700}.outlook .o-nums{flex-wrap:wrap;gap:4px 14px;display:flex}.outlook .o-nums b{color:var(--accent)}.outlook .waits{--w:20px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.outlook .wait{align-items:center;gap:3px;display:flex}.outlook .wait small{color:var(--muted);font-size:.7rem;line-height:1.15}.legend{color:var(--muted);font-size:.78rem;line-height:1.6}.legend span{margin-left:4px}.legend.cheat{color:#cdb4ff}.remain-grid{background:var(--panel);--w:min(calc((min(100vw, 640px) - 58px) / 18.5 - 1px), 28px);border-radius:10px;align-items:center;gap:4px;padding:4px 6px;display:flex}.remain-grid .r-title{writing-mode:vertical-rl;color:var(--muted);letter-spacing:.1em;flex:none;font-size:.7rem}.remain-grid .r-rows{flex:1}.r-row{justify-content:center;gap:1px;display:flex}.r-row+.r-row{margin-top:3px}.r-cell{width:var(--w);flex-direction:column;align-items:center;display:flex}.r-cell span{font-weight:800;font-size:max(10px, calc(var(--w) * .5));font-variant-numeric:tabular-nums;line-height:1.2}.r-cell.zero .tile{opacity:.3}.r-cell.zero span{color:var(--minus)}.my-hand .slot{flex-direction:column;align-items:center;display:flex}.my-hand .slot.drawn-slot{margin-left:calc(var(--w) * .35)}.my-hand .slot .tile.drawn{margin-left:0}.badges{height:0;font-size:max(9px, calc(var(--w) * .34));white-space:nowrap;flex-direction:column;justify-content:flex-end;align-items:center;font-weight:800;line-height:1;display:flex}.my-hand.has-badges .badges{height:24px;margin-bottom:2px}.b-star{color:var(--accent)}.b-safe{color:var(--plus)}.b-low{color:#c8e07a}.b-mid{color:#ffb347}.b-high{color:var(--minus)}.b-hit{color:#fff;background:#d4283a;border-radius:3px;padding:0 2px}.my-hand{padding-top:0}@keyframes discard-in{0%{opacity:0;transform:translateY(60%)scale(1.35)}60%{opacity:1;transform:translateY(-6%)scale(1.04)}to{transform:none}}@keyframes discard-in-side{0%{transform:translateY(calc(var(--w) * .18)) rotate(90deg) scale(1.35);opacity:0}to{transform:translateY(calc(var(--w) * .18)) rotate(90deg);opacity:1}}.tile.enter{animation:.28s cubic-bezier(.2,.8,.3,1.2) discard-in}.side>.tile.enter{animation:.28s ease-out discard-in-side}@keyframes draw-in{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:none}}.my-hand .tile.draw-in{animation:.22s ease-out draw-in}.my-hand .tile.draw-in.selected{animation:none}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.overlay .dialog{animation:.25s ease-out dialog-in}.score .stick{animation:1.6s ease-in-out infinite alternate stick-glow}@keyframes stick-glow{0%{box-shadow:0 0 #fff0}to{box-shadow:0 0 calc(var(--S) * .012) #ffffffe6}}@media (prefers-reduced-motion:reduce){.tile.enter,.side>.tile.enter,.my-hand .tile.draw-in,.overlay .dialog,.score .stick,.bubble{animation:none!important}}.start>button.big+button.big{margin-top:10px}button.secondary{background:var(--panel-2)}button.danger-btn{color:var(--minus);background:0 0;border-color:#6b3a3a;font-size:.95rem}.stats-card h2 .muted{margin-left:6px;font-weight:400}.stat-main{gap:12px;margin-bottom:10px;display:flex}.stat-main>div{background:var(--panel-2);border-radius:10px;flex:1;padding:8px 10px}.stat-main span,.stat-grid span{color:var(--muted);font-size:.78rem;display:block}.stat-main b{font-variant-numeric:tabular-nums;font-size:1.5rem}.rank-bars .rb{grid-template-columns:2.4em 1fr 7.5em;align-items:center;gap:8px;margin:4px 0;font-size:.85rem;display:grid}.rank-bars .bar{background:var(--panel-2);border-radius:5px;height:10px;overflow:hidden}.rank-bars .bar i{border-radius:5px;height:100%;display:block}.rank-bars i.r1{background:var(--accent)}.rank-bars i.r2{background:#8fc7a8}.rank-bars i.r3{background:#6d8f80}.rank-bars i.r4{background:#b8615c}.rank-bars .num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.stat-grid b{font-variant-numeric:tabular-nums;font-size:1.05rem}.recent td{font-size:.85rem}.recent .rank-1{color:var(--accent);font-weight:800}.recent .rank-4{color:var(--minus)}.privacy{color:var(--muted);text-align:center;margin-top:16px;font-size:.75rem;line-height:1.6}.controls button{position:relative}.controls button.rec{box-shadow:0 0 0 2px var(--accent)}.controls button.rec:after{content:"★";color:#241a05;background:var(--accent);border-radius:50%;padding:2px 3px;font-size:.8rem;line-height:1;position:absolute;top:-9px;right:-7px}button.chip[data-act=danger]{min-width:calc(6em + 14px)}.sound-btn{width:10.5%;height:10.5%;min-height:0;color:var(--text);z-index:6;background:#0000004d;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:1.2%;left:1.2%}.sound-btn svg{width:62%;height:62%}.sound-btn.sound-off{color:var(--muted)}.tools{z-index:6;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:1%;right:6.8%}.tools button.chip{background:#00000047;align-items:flex-end;height:22px;min-height:0;padding:0 6px 4px;font-size:.7rem;line-height:1;display:inline-flex}.tools button.chip ruby rt{font-size:.55em}.tools button.chip.on{background:var(--accent)}.tools button.chip.on.cheat{background:#b78cff}.tools button.chip[data-act=danger]{justify-content:center;min-width:calc(6em + 12px)}.tools-help{z-index:6;position:absolute;bottom:1%;right:.8%}.tools-help button.help{background:#00000047;width:22px;height:22px;margin:0}.b-guard{color:#5ec8ff;font-size:1.05em}.start-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.start-grid .card{margin-bottom:0;padding:10px 12px}.start-grid .row{flex-direction:column;align-items:stretch;gap:4px;padding:7px 0}.start-grid .row>span{white-space:nowrap;font-size:.9rem}.start-grid .row select{width:100%}.start-grid .row.inline{flex-direction:row;align-items:center}@media (width<=330px){.start-grid{grid-template-columns:1fr}}ruby rt{color:var(--muted);letter-spacing:0;font-size:.58em;font-weight:400}.outlook .o-head b{font-size:1.05em}.outlook .o-note{color:var(--muted);margin-left:8px;font-size:.8rem}.outlook .o-label{color:var(--muted);margin-right:6px;font-size:.75rem;font-weight:400;display:inline-block}.outlook .o-yaku{line-height:2}.outlook .o-nums{line-height:2.1}.outlook .o-nums small{color:var(--muted);font-size:.72rem}.outlook .waits .o-label small{font-size:.9em}.sel-note{color:var(--muted);font-size:.72rem;line-height:2}.board .controls{z-index:7;pointer-events:none;width:auto;max-width:none;min-height:0;padding:0;display:block;position:absolute;inset:0}.board .controls .info{text-align:center;width:auto;font-size:max(11px, calc(var(--S) * .032));color:var(--text);text-shadow:0 1px 3px #000000e6;line-height:1.25;position:absolute;bottom:.6%;left:0;right:0}.board .controls .ctl-buttons{left:3%;right:29.5%;bottom:calc(1.2% + max(14px, calc(var(--S) * .04)));pointer-events:none;flex-wrap:wrap;place-content:flex-end center;gap:6px;display:flex;position:absolute}.board .controls .ctl-buttons:empty{display:none}.board .controls button{pointer-events:auto;min-height:36px;padding:5px 12px;box-shadow:0 2px 10px #0009}.me{padding-top:6px}.quit-btn{width:10.5%;height:10.5%;min-height:0;color:var(--muted);z-index:6;background:#0000004d;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:1.2%;right:1.2%}.quit-btn svg{width:50%;height:50%}.confirm-dialog{max-width:340px}.confirm-dialog h2{margin:0 0 8px;font-size:1.15rem}.confirm-dialog p{color:var(--muted);margin:0 0 14px;line-height:1.6}.confirm-dialog .btns{gap:10px;display:flex}.confirm-dialog .btns button{flex:1}button.danger-solid{background:#b8433c;border-color:#b8433c}.yaku-btn{color:#241a05;z-index:6;background:#f5d58a;border:1px solid #f2b33d;border-radius:999px;align-items:flex-end;height:26px;min-height:0;padding:0 10px 5px;font-size:.76rem;line-height:1;display:inline-flex;position:absolute;top:67%;left:7%;box-shadow:0 2px 8px #00000073}.yaku-btn ruby rt{color:#5a4512;font-size:.55em}.yaku-panel{z-index:30;--w:18px;background:#13261ef7;border:1px solid #3c5e4e;border-radius:12px;padding:10px 12px 14px;font-size:.84rem;animation:.2s ease-out dialog-in;position:absolute;inset:2%;overflow-y:auto;box-shadow:0 10px 30px #0009}.yk-head{justify-content:space-between;align-items:center;display:flex}.yk-head h2{margin:0;font-size:1.1rem}.yk-close{border-radius:50%;width:32px;height:32px;min-height:0;padding:0;font-size:1.1rem}.yk-lead{color:var(--muted);margin:6px 0 8px;font-size:.76rem;line-height:1.7}.yk-lead b{color:var(--text)}.yk-item{border-bottom:1px solid #24443a}.yk-item summary{cursor:pointer;grid-template-columns:1.4em 1fr auto;grid-template-areas:"mark name han"".note note";align-items:end;gap:0 6px;padding:6px 0;list-style:none;display:grid}.yk-item summary::-webkit-details-marker{display:none}.yk-mark{text-align:center;grid-area:mark;font-weight:800}.yk-name{grid-area:name;font-weight:800}.yk-han{white-space:nowrap;grid-area:han;font-size:.75rem}.yk-note{color:var(--muted);grid-area:note;font-size:.74rem;line-height:1.8}.yk-tag{background:var(--panel-2);color:var(--muted);border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.68rem}.yk-tag.menzen{color:#ffcf7a}.yk-desc{margin:2px 0 6px 1.8em;font-size:.8rem;line-height:1.8}.yk-example{flex-wrap:wrap;gap:1px;margin:0 0 8px 1.8em;display:flex}.fit-great .yk-mark,span.fit-great{color:#f2b33d}.fit-good .yk-mark,span.fit-good{color:#8fd6a8}.fit-far .yk-mark,span.fit-far{color:#9fb3aa}.fit-none .yk-mark{color:#61766d}.fit-no .yk-mark,span.fit-no{color:#d17a74}.yk-item.fit-no .yk-name,.yk-item.fit-none .yk-name{opacity:.7}.yk-yakuman{margin-top:10px}.yk-yakuman>summary{cursor:pointer;color:var(--accent);padding:6px 0;font-weight:700}.tool-row{justify-content:flex-end;align-items:center;gap:2px;display:flex}.tools .tool-row button.help{background:#00000047;width:18px;height:18px;margin:0;font-size:.62rem}.tools button.chip{font-size:.68rem}.tools button.chip[data-act=danger]{min-width:calc(6em + 6px);padding:0 4px 4px}.yaku-corner{z-index:6;align-items:center;gap:2px;display:flex;position:absolute;bottom:1%;left:1%}.yaku-corner .yaku-btn{position:static}.yaku-corner button.help{background:#00000047;width:18px;height:18px;margin:0;font-size:.62rem}.board .controls .ctl-buttons{bottom:8.5%}.yaku-backdrop{z-index:25;background:#00000040;position:fixed;inset:0}.board-wrap.with-side{gap:12px;padding:0 12px}.yaku-side{width:340px;height:var(--S);background:var(--panel);--w:18px;border-radius:12px;flex:none;padding:10px 12px 14px;font-size:.84rem;overflow-y:auto}.yk-stat{color:var(--muted)}.yk-stat b{color:var(--accent)}.yk-stat.done{color:var(--accent);font-weight:700}.fit-luck .yk-mark,span.fit-luck{color:#b9a6e8}.yk-impossible{margin-top:10px}.yk-impossible>summary{cursor:pointer;color:var(--muted);padding:6px 0;font-weight:700}.game.side-layout{grid-template-columns:var(--S) 340px;grid-template-rows:auto auto minmax(0,1fr);justify-content:center;align-items:start;column-gap:12px;display:grid}.game.side-layout>.board-wrap{grid-area:1/1;width:auto}.game.side-layout>.me{grid-area:2/1;width:auto;max-width:none}.game.side-layout>.assist{grid-area:3/1;align-self:stretch;width:auto;max-width:none}.game.side-layout>.yaku-side{contain:size;grid-area:1/2/4;align-self:stretch;height:auto}.game.side-layout .my-hand{--w:min(calc((var(--S) - 16px) / 14.6), 46px)}.game.side-layout .my-melds{--w:min(calc((var(--S) - 20px) / 19), 32px)}.game.side-layout .remain-grid{--w:min(calc((var(--S) - 58px) / 18.5 - 1px), 28px)}.yaku-btn.on{background:var(--accent)}.yk-name[data-yaku-pop]{cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59}.yk-pop{z-index:60;border:1px solid var(--accent);pointer-events:none;--w:min(calc((92vw - 24px) / 15.8), 26px);background:#0f2219;border-radius:10px;max-width:min(92vw,420px);padding:8px 10px 10px;animation:.15s ease-out dialog-in;position:fixed;box-shadow:0 8px 24px #0009}.yk-pop-title{margin-bottom:6px;font-size:.9rem;font-weight:800}.yk-pop-title .muted{margin-left:6px;font-size:.75rem;font-weight:400}.yk-pop-tiles{flex-wrap:nowrap;gap:1px;display:flex}.yk-pop-desc{margin:0;font-size:.8rem;line-height:1.7}.yk-fold{margin-top:8px}.yk-fold>summary{cursor:pointer;color:var(--muted);padding:6px 0;font-weight:700}.yk-empty{padding:6px 0}.b-aim{color:#c58cff;font-size:1.05em}.yk-aim{color:#e9d8ff;background:#965adc40;border-color:#8d5fd0;min-height:0;margin:0 0 8px 1.8em;padding:5px 10px;font-size:.78rem}.yk-aim.on{color:#fff;background:#8d5fd0}.aim-tag{color:#f1e6ff;z-index:6;background:#3c1964d9;border:1px solid #8d5fd0;border-radius:8px;align-items:flex-end;gap:4px;max-width:27.5%;padding:3px 4px 3px 7px;font-size:.68rem;line-height:1.5;display:flex;position:absolute;top:66%;left:6.5%}.aim-tag ruby rt{color:#cdb6ef}.aim-tag button{border-radius:50%;flex:none;width:18px;height:18px;min-height:0;padding:0;font-size:.7rem;line-height:1}.aim-ng{color:#ff9c94}.aim-ok{color:#ffd45e;font-weight:800}.win-block{position:relative}@keyframes tile-pop{0%{opacity:0;transform:translateY(-14px)rotateX(70deg)}to{opacity:1;transform:none}}.result-hand .tile.fx-in{animation:.32s cubic-bezier(.2,.8,.3,1.2) both tile-pop;animation-delay:calc(var(--i) * 45ms)}@keyframes dora-glow{0%,to{box-shadow:0 0 0 1.5px #f2c94c,0 0 6px 1px #f2c94c99}50%{box-shadow:0 0 0 1.5px #ffe08a,0 0 12px 4px #f2c94ce6}}.result-hand .tile.glow-dora{animation:.32s cubic-bezier(.2,.8,.3,1.2) both tile-pop,1.6s ease-in-out infinite dora-glow;animation-delay:calc(var(--i) * 45ms), calc(var(--i) * 45ms + .4s)}.result-hand .tile.win-tile.fx-in{outline:2px solid var(--win)}@keyframes yaku-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.yaku li.fx-in{animation:.3s ease-out both yaku-in;animation-delay:calc(var(--tiles,14) * 45ms + var(--j,0) * .14s)}@keyframes stamp-in{0%{opacity:0;transform:scale(2.6)rotate(-18deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.stamp{letter-spacing:.08em;animation:.45s cubic-bezier(.2,.9,.3,1.3) both stamp-in;animation-delay:calc(var(--tiles,14) * 45ms + (var(--n,1) + 2) * .14s);pointer-events:none;z-index:2;background:#13261eb3;border:3px double;border-radius:8px;padding:4px 12px;font-size:1.35rem;font-weight:900;position:absolute;top:34px;right:6px;transform:rotate(-8deg)}.stamp ruby rt{color:inherit;opacity:.8}.stamp.tier-mangan{color:#f2b33d}.stamp.tier-haneman{color:#ff8a3d}.stamp.tier-baiman{color:#ff5a5a}.stamp.tier-sanbaiman{color:#d58cff}.stamp.tier-yakuman{color:#ffe27a;text-shadow:0 0 10px #ffd25ae6;font-size:1.6rem}@keyframes gold-shine{0%{background-position:0%}to{background-position:200%}}.win-block.yakuman-fx{background:linear-gradient(110deg,#785a1459,#ffd77847,#785a1459) 0 0/200% 100%;border-radius:12px;margin:-4px -4px 8px;padding:8px;animation:2.4s linear infinite gold-shine;box-shadow:0 0 0 1px #d9a637,0 0 24px #f2c94c59}.points .count{font-variant-numeric:tabular-nums}.confetti{pointer-events:none;z-index:3;height:360px;position:absolute;inset:-16px -16px auto;overflow:hidden}.confetti i{opacity:.9;border-radius:2px;width:7px;height:11px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:both;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(380px) rotate(var(--r));opacity:0}}@media (prefers-reduced-motion:reduce){.result-hand .tile.fx-in,.result-hand .tile.glow-dora,.yaku li.fx-in,.stamp,.win-block.yakuman-fx,.confetti i{animation:none!important}.confetti{display:none}}.board-wrap{flex:none;justify-content:center;width:100%;display:flex}.undo-btn{z-index:6;background:#0000004d;border:1px solid #fff3;border-radius:999px;align-items:center;gap:4px;height:28px;min-height:0;padding:0 10px 0 7px;font-size:.76rem;display:inline-flex;position:absolute;top:13%;right:7%}.undo-btn:disabled{opacity:.35;cursor:default}.tools button.chip,.tools button.chip[data-act=danger]{text-align:center;letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;width:calc(6em + 6px);min-width:0;height:22px;padding:0}.chara-svg{width:100%;height:100%;display:block}.avatar{z-index:5;pointer-events:none;background:#ffffff1f;border-radius:50%;width:8.4%;height:8.4%;position:absolute;box-shadow:0 0 0 1.5px #ffffff40}.avatar.turn{box-shadow:0 0 0 2px var(--accent), 0 0 10px #f2b33d99}.av-s1{top:58.8%;left:58.8%}.av-s2{top:32.8%;left:58.8%}.av-s3{top:32.8%;left:32.8%}.speech{color:#3b2f2a;max-width:40%;font-size:max(10px, calc(var(--S) * .029));z-index:9;pointer-events:none;background:#fffdf6;border-radius:10px;padding:4px 8px;font-weight:700;line-height:1.45;position:absolute;box-shadow:0 3px 10px #00000073}.speech ruby rt{color:#8a7a6a}@keyframes speech-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.sp-s1{top:68.5%;left:56%}.sp-s2{bottom:68.5%;left:56%}.sp-s3{top:26%;right:68.5%}.lv-chara{align-items:center;gap:6px;margin-top:4px;display:flex}.lv-face{flex:none;width:30px;height:30px}.lv-name{font-size:.82rem;font-weight:700;line-height:1.2}.lv-name small{color:var(--muted);font-size:.68rem;font-weight:400;display:block}.res-face{vertical-align:middle;width:30px;height:30px;margin-right:6px;display:inline-block}.row-face{vertical-align:middle;width:22px;height:22px;margin-right:5px;display:inline-block}.chara-comment{background:var(--panel-2);border-radius:10px;align-items:center;gap:8px;margin:8px 0;padding:6px 10px;font-size:.85rem;line-height:1.6;display:flex}.chara-comment>.chara-svg{flex:none;width:38px;height:38px}.chara-card .cc-faces{gap:6px;display:flex}.chara-card .cc-faces span{width:56px;height:56px}.chara-card .cc-head{align-items:baseline;gap:8px;margin-top:6px;display:flex}.chara-card .cc-head b{font-size:1.15rem}.chara-card .cc-catch{color:var(--accent);margin:6px 0 2px;font-weight:700}.chara-card .cc-profile{margin:4px 0;font-size:.88rem;line-height:1.7}.chara-card .cc-vs{color:var(--muted);font-size:.8rem}.chara-card .cc-vs b{color:var(--text)}@media (prefers-reduced-motion:reduce){.speech{animation:none}}.start-grid .lv-row{gap:4px}.lv-pick{position:relative}.lv-btn{background:var(--panel-2);border:1px solid #3c5e4e;border-radius:8px;align-items:center;gap:4px;width:100%;height:38px;min-height:0;padding:0 6px 0 8px;font-weight:700;display:flex}.lv-lv{color:var(--accent);text-align:left;min-width:2.6em;font-size:.78rem}.lv-nm{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.lv-nm small{color:var(--muted);margin-left:4px;font-size:.68rem;font-weight:400}.lv-ic{flex:none;width:28px;height:28px}.lv-caret{color:var(--muted);margin-left:2px;font-size:.7rem}.lv-list{z-index:40;border:1px solid var(--accent);background:#10241b;border-radius:10px;width:max(100%,200px);max-height:300px;padding:4px;animation:.15s ease-out dialog-in;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 10px 24px #0000008c}.lv-item{background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;width:100%;height:40px;min-height:0;padding:0 8px;font-weight:700;display:flex}.lv-item:hover{background:var(--panel-2)}.lv-item.cur{box-shadow:inset 0 0 0 1px var(--accent);background:#f2b33d2e}.lv-item .lv-ic{width:32px;height:32px}.lesson-banner{text-align:left;background:linear-gradient(120deg,#3a6b4f,#2a5240);border:1px solid #f2b33d;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:0;margin-bottom:14px;padding:8px 12px;display:flex}.lesson-banner .chara-svg{flex:none;width:46px;height:46px}.lesson-banner b{color:#ffe08a;font-size:1.05rem;display:block}.lesson-banner small{color:var(--text);font-size:.8rem;font-weight:400}.lesson-menu .ls-hero{align-items:center;gap:10px;margin:6px 0 12px;display:flex}.lesson-menu .ls-hero .chara-svg{flex:none;width:64px;height:64px}.lesson-menu .ls-hero p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.7}.ls-graduated{color:var(--accent);text-align:center;font-weight:800}.ls-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.ls-item{text-align:left;background:var(--panel);border-radius:12px;align-items:center;gap:10px;min-height:0;padding:8px 12px;display:flex}.ls-item.done{border-color:#6c8f4e}.ls-no{background:var(--panel-2);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.ls-text{flex:1}.ls-text b{display:block}.ls-text small{color:var(--muted);font-size:.78rem;font-weight:400}.stamp-ok{color:#e2483d;border:2px solid #e2483d;border-radius:6px;padding:2px 6px;font-weight:900;display:inline-block;transform:rotate(-10deg)}.lesson{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;padding:12px 14px 30px;display:flex}.ls-top{align-items:center;gap:10px;display:flex}.ls-top button{min-height:36px;padding:4px 10px;font-size:.85rem}.ls-title{font-size:1.1rem;font-weight:800}.ls-title small{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.ls-dots{gap:4px;margin:10px 0;display:flex}.ls-dots i{background:var(--panel-2);border-radius:3px;flex:1;height:5px}.ls-dots i.past{background:#6c8f4e}.ls-dots i.now{background:var(--accent)}.ls-stage{--w:min(calc((100vw - 60px) / 14.5), 36px);background:radial-gradient(circle at 50% 40%, #17734d, var(--felt) 70%);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:90px;padding:12px 10px;display:flex}.ls-stage:empty{display:none}.ls-tiles{flex-wrap:wrap;justify-content:center;gap:6px 2px;display:flex}.ls-tiles.small{--w:min(calc((100vw - 60px) / 16), 26px)}.ls-tiles .tile.tap{cursor:pointer;transition:transform .1s}.ls-tiles .tile.tap:hover{transform:translateY(-3px)}.ls-tiles .tile.sel{box-shadow:0 0 0 2px var(--accent);transform:translateY(-25%)}.ls-tiles .tile.right{box-shadow:0 0 0 3px #63d38f}.ls-tiles .tile.glow{box-shadow:0 0 0 2px var(--accent), 0 0 12px #f2b33dcc;animation:1s ease-in-out infinite alternate stick-glow}.ls-tiles .tile.dim{filter:brightness(.75)}.ls-tiles .ls-gap{width:calc(var(--w) * .4)}.ls-label{color:#d8eadf;align-self:flex-start;font-size:.78rem}.ls-groups{--w:min(calc((100vw - 60px) / 17), 28px);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ls-group{background:#ffffff1f;border-radius:6px;padding:3px;display:inline-flex}.ls-options{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.ls-opt{background:var(--panel);--w:26px;min-height:44px;padding:6px 14px}.ls-opt.right{box-shadow:0 0 0 2px #63d38f}.ls-opt-tiles{vertical-align:middle;gap:1px;display:inline-flex}.ls-talk{align-items:flex-start;gap:8px;margin-top:12px;display:flex}.ls-talk>.chara-svg{flex:none;width:54px;height:54px}.ls-bubble{color:#3b2f2a;background:#fffdf6;border-radius:14px;flex:1;padding:8px 12px;position:relative}.ls-bubble:before{content:"";border:7px solid #0000;border-left:0;border-right-color:#fffdf6;position:absolute;top:18px;left:-7px}.ls-bubble b{color:#8a6a3a;font-size:.8rem}.ls-bubble p{margin:2px 0 0;font-size:.95rem;font-weight:600;line-height:1.75}.ls-bubble ruby rt{color:#8a7a6a}.ls-p .ls-bubble{background:#fff7c9}.ls-p .ls-bubble:before{border-right-color:#fff7c9}.ls-feedback{border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;animation:.2s ease-out dialog-in;display:flex}.ls-feedback .chara-svg{flex:none;width:40px;height:40px}.ls-feedback p{margin:0;font-size:.9rem;line-height:1.7}.ls-feedback.ok{background:#63d38f29;border:1px solid #63d38f}.ls-feedback.ng{background:#ff7b7224;border:1px solid #ff7b72}.ls-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:14px;display:flex}.ls-actions button{min-width:96px}.ls-actions button:disabled{opacity:.4}.ls-actions button.big{width:100%}.ls-complete{text-align:center;justify-content:center;align-items:center}.ls-complete .ls-talk{text-align:left;width:100%}.ls-stamp-big{color:#e2483d;border:5px double #e2483d;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;margin-top:40px;font-size:2.4rem;font-weight:900;animation:.5s cubic-bezier(.2,.9,.3,1.3) both stamp-in;display:flex;transform:rotate(-12deg)}.intro-dialog{text-align:center;max-width:360px}.intro-dialog .intro-face{width:72px;height:72px;margin:0 auto}.intro-dialog p{color:var(--muted);line-height:1.7}.intro-dialog .btns{flex-direction:column;gap:8px;display:flex}.graduate-banner{border:1px solid var(--accent);background:linear-gradient(120deg,#f2b33d40,#63d38f33);border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.graduate-banner .chara-svg{flex:none;width:52px;height:52px}.graduate-banner p{margin:4px 0 0;font-size:.85rem;line-height:1.6}.ls-tiles{--w:min(calc((100vw - 64px) / 15.6), 34px);flex-wrap:nowrap;gap:0}.ls-sep{width:calc(var(--w) * .3);flex:none}.ls-tiles.small{gap:1px}.ls-tiles.row .tile.sel{transform:translateY(-22%)}.ls-tiles.quiz{flex-wrap:wrap;gap:10px}.ls-tiles.quiz .tile{--w:min(calc((100vw - 60px) / 8), 40px)}.ls-tiles.hand{--w:min(calc((100vw - 64px) / 14.8), 36px);gap:0}.ls-groups{--w:min(calc((100vw - 64px - 16px) / 14.4), 30px);flex-wrap:nowrap;gap:4px}.ls-group{gap:0;padding:2px}.yk-grp{flex:none;gap:1px;display:inline-flex}.yk-example,.yk-pop-tiles{column-gap:calc(var(--w,24px) * .3);row-gap:4px}.o-open{color:#c58cff;font-size:.72rem;font-weight:600;display:block}.tools{gap:2px}.tools button.chip,.tools button.chip[data-act=danger]{letter-spacing:0;width:72px;height:24px;font-size:.7rem}.tools .tool-row{gap:4px}.tools .tool-row button.help{width:22px;height:22px;font-size:.68rem}.undo-btn{height:32px;color:var(--accent);border:1.5px solid var(--accent);background:#00000073;padding:0 12px 0 9px;font-size:.85rem;font-weight:800;box-shadow:0 2px 8px #00000059}.undo-btn svg{width:18px;height:18px}.undo-btn:disabled{opacity:.45}.compare{background:var(--panel);border-radius:10px;margin-top:6px;padding:8px 10px}.cmp-title{margin-bottom:4px;font-weight:800}.cmp-title small{color:var(--muted);margin-left:4px;font-size:.72rem;font-weight:400}.cmp-head{color:var(--muted);justify-content:space-between;padding:0 4px 2px 52px;font-size:.68rem;display:flex}button.cmp-row{text-align:left;width:100%;min-height:0;color:var(--text);--w:19px;background:#00000038;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:5px 6px;font-weight:400;display:flex}button.cmp-row.sel{border-color:var(--accent);background:#f2c94c1f}.cmp-cut{flex-direction:column;flex:none;align-items:center;width:40px;display:flex}.cmp-cut small{color:var(--muted);margin-top:1px;font-size:.6rem}.cmp-waits{flex-wrap:wrap;flex:1;gap:4px 6px;min-width:0;display:flex}.cmp-tile{align-items:center;gap:2px;display:flex}.cmp-tile small{color:var(--text);font-size:.7rem}.cmp-tile.zero{opacity:.45}.cmp-nums{flex-direction:column;flex:none;align-items:flex-end;line-height:1.2;display:flex}.cmp-nums b{color:var(--accent)}.cmp-nums small{color:var(--muted);font-size:.68rem}.review{text-align:left;background:#00000038;border:1px solid #3c5e4e;border-radius:10px;margin:8px 0;padding:6px 10px;font-size:.85rem}.review-title{color:var(--accent);font-size:.8rem}.review p{margin:2px 0;line-height:1.7}.review p b{color:var(--accent)}.practice-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.practice-btns button{min-height:44px;font-weight:700}.practice-btns small{color:var(--muted);font-size:.68rem;font-weight:400;display:block}.dex-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.practice .pr-h1{letter-spacing:.05em;font-size:1.5rem}.pr-hand{--w:min(calc((100vw - 40px) / 14.6), 38px);flex-wrap:nowrap;justify-content:center;margin:10px 0;display:flex}.pr-hand .tile.tap{cursor:pointer}.pr-hand .tile.sel{outline:2px solid var(--accent);transform:translateY(-20%)}.pr-hand .tile.win-tile{outline:2px solid var(--win)}.pr-gap{width:calc(var(--w) * .4);flex:none}.pr-note{color:var(--muted);text-align:center;margin:6px 0;font-size:.85rem;line-height:1.7}.pr-feedback{border-radius:10px;margin:8px 0;padding:8px 12px;font-weight:700;line-height:1.7}.pr-feedback.ok{background:#5ec88c2e;border:1px solid #5ec88c}.pr-feedback.ng{border:1px solid var(--win);background:#e2483d26}.nk-table{background:var(--panel);border-radius:10px;padding:6px 8px}.nk-head{color:var(--muted);justify-content:space-between;padding:0 4px 4px;font-size:.7rem;display:flex}.nk-row{--w:19px;border-radius:8px;align-items:center;gap:6px;padding:5px 4px;display:flex}.nk-row.best{background:#f2c94c1f}.nk-row.mine{outline:1px solid var(--accent)}.nk-cut{flex-direction:column;flex:none;align-items:center;width:40px;display:flex}.nk-cut small{color:var(--muted);font-size:.6rem}.nk-kinds{flex-wrap:wrap;flex:1;gap:1px;min-width:0;display:flex}.nk-row b{color:var(--accent);flex:none}.pr-dora{--w:22px;color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:.85rem;display:flex}.pr-choices{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.pr-choice{min-height:46px;font-weight:700}.pr-choice.right{color:#fff;opacity:1;background:#2f7d55;border-color:#5ec88c}.pr-choice.wrong{border-color:var(--win);color:#fff;opacity:1;background:#7a2b26}.pr-yaku{background:var(--panel);border-radius:10px;padding:4px 10px}.pr-calc{text-align:center;font-size:.95rem}.pr-calc b{color:var(--accent)}.dex-h{color:var(--accent);margin:14px 0 6px;font-size:1rem}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.dex-item{opacity:.5;background:#00000038;border:1px solid #2d4c3f;border-radius:8px;padding:6px 8px}.dex-item.got{opacity:1;border-color:var(--accent);background:#f2c94c1a}.dex-item b{font-size:.9rem;display:block}.dex-item small{color:var(--muted);font-size:.68rem}.dex-new{border:1px solid var(--accent);background:#f2c94c26;border-radius:10px;margin-bottom:8px;padding:6px 10px;font-weight:700}.ls-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 10px;display:grid}.ls-tab{min-height:44px;color:var(--muted);background:#00000038;border:1px solid #3c5e4e;font-weight:800}.ls-tab.on{background:var(--accent);border-color:var(--accent);color:#241a05}.ls-tab small{margin-left:2px}.ls-hint{color:var(--muted);margin:0 0 8px;font-size:.82rem;line-height:1.7}.ls-opt.wrong{border-color:var(--win);color:#fff;background:#7a2b26}.tile.ls-mini{--w:20px;vertical-align:middle;display:inline-flex}.ls-bubble{min-width:0}.ls-bubble p,.ls-feedback p{overflow-wrap:anywhere}.r-cell.r-wait .tile{outline-offset:0;outline:2px solid #ff5a4f}.r-cell.r-wait span{color:#ff8a80}.r-cell.r-aim .tile{box-shadow:0 0 0 2px #c58cff,0 0 6px 1px #c58cffb3}.r-cell.r-aim span{color:#d9b3ff}.r-legend{gap:10px;margin-top:3px;font-size:.68rem;display:flex}.r-legend .lg-wait{color:#ff8a80}.r-legend .lg-aim{color:#d9b3ff}.cc-row{background:#00000038;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:6px;display:flex}.cc-row.best{border-color:var(--accent);background:#f2c94c1f}.cc-name{flex:none;align-items:center;gap:2px;width:84px;font-weight:800;display:flex}.cc-name .mini{--w:15px;margin-left:2px;display:inline-flex}.cc-main{flex-direction:column;flex:1;min-width:0;font-size:.85rem;line-height:1.35;display:flex}.cc-main b{color:var(--text);margin-left:2px}.cc-main small{color:var(--muted);font-size:.7rem}.cc-nums{flex-direction:column;flex:none;align-items:flex-end;line-height:1.25;display:flex}.cc-nums b{color:var(--accent)}.cc-nums b.warn{color:#ff8a80;font-size:.85rem}.cc-nums small{color:var(--muted);font-size:.68rem}.cc-head{padding-left:92px}.cc-row{gap:6px;margin-top:3px;padding:4px 6px}.cc-main{flex-flow:wrap;align-items:center;gap:0 4px;font-size:.85rem}.cc-main b{margin-left:0}.cc-main small{font-size:.75rem}.cc-cut{align-items:center;gap:1px;display:inline-flex}.cc-cut .mini{--w:13px;margin:0;display:inline-flex}.cc-nums{flex-direction:row;align-items:baseline;gap:4px}.r-sep{width:calc(var(--w) * .45);flex:none}.kc-bar{max-width:460px;margin:0 auto;padding:8px 12px 0}.kc-btn{color:var(--muted);background:#ffffff14;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:.8rem;font-weight:700;display:inline-flex}.kc-btn img{border-radius:50%;width:28px;height:28px}.kc-btn:hover,.kc-btn[aria-expanded=true]{background:#ffffff29}.kc-caret{font-size:.7rem}body.kc-ingame .kc-bar{display:none}