:root{--ink:#10142b;--indigo:#1c2550;--felt:#23305e;--felt-light:#33447f;--gold:#c9a45c;--gold-light:#e8cf94;--vermilion:#c8402a;--jade:#2e7d5b;--ivory:#f3ecdc;--ivory-shade:#d9cfb8;--tile-back:#24396b;--text:#f4f0e6;--muted:#9aa3c7;--font-ui:"Noto Sans SC", system-ui, sans-serif;--font-title:"Ma Shan Zheng", "Noto Sans SC", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--font-ui)}h1{font-family:var(--font-title);color:var(--gold);font-weight:400}body{background-color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 60% at 50% -10%,#33447f8c,#0000 70%),radial-gradient(circle at 0 100%,#c9a45c14,#0000 40%),repeating-radial-gradient(circle at 50% 120%,#c9a45c09 0 2px,#0000 2px 22px);background-attachment:fixed;line-height:1.5;overflow-x:hidden}a{color:var(--gold-light)}h2{color:var(--gold-light);letter-spacing:.08em;margin:0 0 12px;font-size:18px;font-weight:700}.app{flex-direction:column;min-height:100%;display:flex}.app-content{flex-direction:column;flex:1;display:flex}.replaced-overlay{z-index:60}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:20px 16px 32px}.center-page{justify-content:center;align-items:center;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.panel{background:repeating-linear-gradient(135deg, #ffffff05 0 2px, transparent 2px 6px), radial-gradient(ellipse at 50% 0%, var(--felt-light), var(--felt) 70%);border:1px solid #c9a45c8c;border-radius:14px;padding:18px;position:relative;box-shadow:0 10px 30px #00000059,inset 0 0 0 3px #10142b59}.center-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{min-height:38px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:#10142b8c;border:1px solid #c9a45cb3;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:15px;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:#c9a45c2e;box-shadow:0 0 0 3px #c9a45c26}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, var(--gold-light), var(--gold));border-color:var(--gold-light);color:var(--ink);font-weight:700}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg, #f3dfae, var(--gold-light))}.btn.ghost{background:0 0;border-color:#9aa3c780}.btn.small{min-height:30px;padding:0 12px;font-size:13px}input,select{font:inherit;color:var(--text)}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.field.grow{flex:1;min-width:0}.field input,select{background:#10142bb3;border:1px solid #9aa3c759;border-radius:8px;outline:none;min-width:0;min-height:40px;padding:0 12px}.field input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a45c33}.field input::placeholder{color:#9aa3c78c}input[type=checkbox],input[type=radio]{accent-color:var(--gold);width:16px;height:16px;margin:0}input[type=range]{accent-color:var(--gold)}.form-error{color:#f6c9bf;background:#c8402a2e;border:1px solid #c8402a99;border-radius:8px;margin:0;padding:8px 12px;font-size:14px}.chip{color:var(--muted);white-space:nowrap;border:1px solid #9aa3c780;border-radius:999px;padding:1px 8px;font-size:12px;line-height:18px;display:inline-block}.chip.ready,.chip.unused{color:#a8e3c5;border-color:var(--jade);background:#2e7d5b33}.chip.host{color:var(--ink);background:var(--gold);border-color:var(--gold)}.chip.offline,.chip.revoked{color:#f6c9bf;border-color:var(--vermilion);background:#c8402a2e}.chip.ai{color:var(--gold-light);border-color:var(--gold)}.topbar{z-index:10;background:linear-gradient(#10142bf2,#1c2550d9);border-bottom:1px solid #c9a45c73;align-items:center;gap:16px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar-brand{font-family:var(--font-title);color:var(--gold);text-shadow:0 0 12px #c9a45c59;font-size:26px;line-height:1;text-decoration:none}.topbar-nav{flex:1;gap:4px;display:flex}.topbar-nav a{color:var(--muted);border-radius:999px;padding:4px 12px;text-decoration:none}.topbar-nav a.active,.topbar-nav a:hover{color:var(--gold-light);background:#c9a45c1f}.topbar-user{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-size:14px;overflow:hidden}.statusbar{color:var(--gold-light);background:#c9a45c29;border-bottom:1px solid #c9a45c66;justify-content:center;align-items:center;gap:12px;padding:6px 16px;font-size:14px;display:flex}.toasts{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--gold);color:var(--text);background:#10142bf2;border-radius:999px;padding:8px 18px;font-size:14px;animation:.2s ease-out toast-in;box-shadow:0 6px 20px #00000073}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.login-page{flex-wrap:wrap;justify-content:center;align-items:center;gap:56px;min-height:100vh;display:flex}.brand{text-align:center}.brand-title{font-family:var(--font-title);color:var(--gold);letter-spacing:.06em;text-shadow:0 0 28px #c9a45c59,0 4px #10142bcc;margin:0;font-size:clamp(72px,14vw,136px);line-height:1}.brand-sub{color:var(--muted);letter-spacing:.3em;margin:10px 0 0}.login-panel{flex-direction:column;gap:14px;width:min(360px,100%);display:flex}.tabs{border-bottom:1px solid #c9a45c59;margin-bottom:4px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px 0 10px;font-size:16px}.tab.active{color:var(--gold-light);border-bottom-color:var(--gold)}.options{border:0;flex-direction:column;gap:12px;min-width:0;margin:0 0 16px;padding:0;display:flex}.options:disabled{opacity:.85}.opt-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.opt-label{width:3em;color:var(--muted);flex:none;font-size:14px}.hint{color:var(--muted);font-size:12px}.seg{border:1px solid #c9a45c80;border-radius:999px;display:inline-flex;overflow:hidden}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.seg span{color:var(--muted);padding:6px 14px;font-size:14px;display:block}.seg input:checked+span{color:var(--ink);background:#c9a45cd9;font-weight:700}.seg input:focus-visible+span{outline:2px solid var(--gold-light);outline-offset:-2px}.options:disabled .seg label,.options:disabled .check{cursor:default}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.more-rules summary{cursor:pointer;color:var(--gold-light);font-size:14px}.options:disabled .more-rules summary{pointer-events:auto}.rule-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin-top:10px;display:grid}.rule-grid .wide{grid-column:1/-1}.lobby-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lobby-side{flex-direction:column;gap:20px;min-width:0;display:flex}.join-row{align-items:flex-end;gap:10px;display:flex}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.current-room{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.panel-head h2{margin:0}.invite-list{flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.invite-list li{background:#10142b73;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.invite-list code{letter-spacing:.12em;color:var(--ivory);flex:1;font-size:16px}.room-head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.room-code{font-family:var(--font-title);border:1px solid var(--gold);color:var(--gold-light);letter-spacing:.12em;cursor:copy;text-shadow:0 0 18px #c9a45c66;background:#10142b99;border-radius:12px;padding:6px 18px;font-size:56px;line-height:1}.room-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.seat-card{background:radial-gradient(ellipse at 30% 0%, var(--felt-light), var(--felt) 75%);border:1px solid #c9a45c73;border-radius:14px;align-items:center;gap:12px;min-height:96px;padding:14px;display:flex;position:relative;box-shadow:0 6px 18px #0000004d}.seat-card.empty{box-shadow:none;background:#10142b73;border-style:dashed}.seat-avatar{border:2px solid var(--gold);background:#10142b99;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.seat-card.empty .seat-avatar{border-color:#9aa3c759}.seat-avatar img{width:100%;height:100%;display:block}.seat-empty-mark{font-family:var(--font-title);color:#9aa3c780;font-size:26px}.seat-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.seat-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.seat-name .you{color:var(--gold-light);font-size:13px;font-weight:400}.chips{flex-wrap:wrap;gap:6px;display:flex}.room-side{min-width:0}.room-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.room-actions .btn{min-width:120px}.start-reasons{color:#f6d8d0;background:#c8402a1f;border:1px solid #c8402a80;border-radius:10px;margin:0 0 16px;padding:10px 14px 10px 28px;font-size:13px}.modal-backdrop{z-index:40;background:#080a16b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;align-items:center;gap:14px;min-width:min(320px,100%);display:flex}.settings-panel{flex-direction:column;gap:4px;max-width:560px;margin:0 auto;display:flex}.setting{cursor:pointer;border-bottom:1px solid #9aa3c726;grid-template-columns:6em minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.setting-name{font-size:15px}.setting-hint{font-size:13px}.setting input[type=range]{width:100%}.setting-value{text-align:right;min-width:3em;color:var(--gold-light);font-variant-numeric:tabular-nums}.switch{width:20px;height:20px}@media (width<=900px){.lobby-grid,.room-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.page{padding:12px 12px 24px}.panel{border-radius:12px;padding:12px}.seats{grid-template-columns:minmax(0,1fr);gap:8px}.seat-card{gap:10px;min-height:64px;padding:8px 10px}.seat-avatar{width:44px;height:44px}.room-code{padding:4px 12px;font-size:38px}.room-head{margin-bottom:12px}.login-page{gap:24px;min-height:calc(100vh - 8px)}.brand-title{font-size:80px}.rule-grid{grid-template-columns:minmax(0,1fr)}h2{margin-bottom:8px;font-size:16px}}@media (width<=600px){.lobby-grid,.room-grid{grid-template-columns:minmax(0,1fr)}.topbar-user{display:none}}.statusbar{z-index:25;position:relative}.table-page{z-index:20;background:var(--ink);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.table-canvas{position:absolute;inset:0}.table-waiting{place-items:center;margin:0;display:grid;position:absolute;inset:0}.action-bar{pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute}.action-row,.action-options{align-items:center;gap:calc(var(--bh) * .22);pointer-events:auto;display:flex}.action-row{height:100%}.action-btn{height:100%;min-width:calc(var(--bh) * 1.9);padding:0 calc(var(--bh) * .32);border-radius:calc(var(--bh) * .5);border:2px solid var(--gold);background:radial-gradient(ellipse 90% 70% at 50% 0%, #e8cf9447, transparent 70%), linear-gradient(180deg, #2d3a74, var(--indigo) 60%, #141b3c);color:var(--gold-light);font-family:var(--font-title);font-size:calc(var(--bh) * .56);letter-spacing:.08em;text-shadow:0 1px #0009,0 0 10px #c9a45c66;cursor:pointer;line-height:1;transition:transform 80ms,filter .12s;animation:.26s cubic-bezier(.34,1.56,.64,1) both action-pop;box-shadow:inset 0 0 0 1px #e8cf9459,inset 0 -3px #00000040,0 4px 14px #00000080,0 0 0 1px #10142be6}.action-btn:hover{filter:brightness(1.18);transform:translateY(-2px)}.action-btn:active{transform:translateY(1px)}.action-btn.kind-ron,.action-btn.kind-tsumo{color:#fff2dc;border-color:var(--gold-light);background:radial-gradient(ellipse 90% 70% at 50% 0%, #ffdcbe59, transparent 70%), linear-gradient(180deg, #d4573f, var(--vermilion) 60%, #8e2a1b)}.action-btn.kind-riichi{color:#fff2dc}.action-btn.kind-pass,.action-btn.kind-cancel{min-width:calc(var(--bh) * 1.6);color:var(--text);font-size:calc(var(--bh) * .46);background:linear-gradient(#2a3157,#171c38);border-color:#9aa3c7bf}.action-btn.active{background:linear-gradient(180deg, var(--gold-light), var(--gold));color:var(--ink);text-shadow:none;box-shadow:0 0 0 3px #e8cf9459,0 0 18px #e8cf948c}@keyframes action-pop{0%{opacity:0;transform:translateY(30%)scale(.6)}}.action-options{background:#10142bd1;border:1px solid #c9a45c8c;border-radius:10px;padding:6px;animation:.2s ease-out both action-pop;position:absolute;bottom:calc(100% + 8px);right:0}.action-option{cursor:pointer;background:#1c2550e6;border:1px solid #c9a45c80;border-radius:6px;gap:2px;padding:4px;display:flex}.action-option:hover{border-color:var(--gold-light);background:#33447ff2;transform:translateY(-2px)}.action-option img{height:calc(var(--bh) * .95);filter:drop-shadow(1px 2px 1px #00000073);width:auto;display:block}.countdown{height:100%;min-width:calc(var(--bh) * 1.3);padding:0 calc(var(--bh) * .18);border-radius:calc(var(--bh) * .5);color:var(--text);font-variant-numeric:tabular-nums;line-height:var(--bh);background:#10142bb8;border:1px solid #c9a45c73;justify-content:center;align-self:center;align-items:baseline;gap:2px;display:flex}.countdown-base{font-size:calc(var(--bh) * .55);font-weight:700}.countdown-bank{font-size:calc(var(--bh) * .34);color:var(--gold-light)}.countdown.urgent,.countdown.urgent .countdown-bank{color:var(--vermilion);border-color:var(--vermilion)}.countdown.urgent .countdown-base{animation:1s ease-out infinite countdown-beat}@keyframes countdown-beat{0%{transform:scale(1.25)}40%{transform:scale(1)}}.quick-toggles{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;right:8px}.quick-toggle{min-height:22px;color:var(--muted);font:12px/20px var(--font-ui);cursor:pointer;background:#10142bb8;border:1px solid #9aa3c78c;border-radius:999px;padding:0 9px}.quick-toggle:hover{color:var(--text);border-color:var(--gold)}.quick-toggle.on{color:var(--ink);background:linear-gradient(180deg, var(--gold-light), var(--gold));border-color:var(--gold-light);font-weight:700}.table-overlay{z-index:4;cursor:progress;background:#10142b8c;place-items:center;display:grid;position:absolute;inset:0}.table-overlay p{border:1px solid var(--gold);color:var(--gold-light);letter-spacing:.1em;background:#1c2550eb;border-radius:8px;margin:0;padding:10px 22px;font-size:18px}.rotate-overlay{z-index:5;color:var(--gold-light);font-family:var(--font-title);background:#10142bf5;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:26px;display:flex;position:absolute;inset:0}.rotate-overlay p{margin:0}.rotate-icon{border:3px solid var(--gold);border-radius:8px;width:44px;height:72px;animation:2.2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.result-backdrop{z-index:3;-webkit-backdrop-filter:blur(5px);background:radial-gradient(at 50% 40%,#1c25508c,#080a16d1);place-items:center;padding:12px;display:grid;position:fixed;inset:0}.result-backdrop.opaque{background:var(--ink)}.room-page .final-backdrop{z-index:45}.result-panel{--fx:1;--tile-h:clamp(30px, 7.4vh, 52px);overscroll-behavior:contain;border:1px solid var(--gold);width:min(780px,100%);max-height:calc(100dvh - 24px);color:var(--text);background:repeating-linear-gradient(135deg, #ffffff04 0 2px, transparent 2px 7px), radial-gradient(ellipse 90% 60% at 50% 0%, #33447fe6, transparent 75%), linear-gradient(180deg, var(--indigo), #141a3a);animation:result-in calc(.26s * var(--fx)) ease-out both;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;gap:12px;padding:18px 24px 16px;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 3px #10142be6,inset 0 0 0 4px #c9a45c73,0 18px 60px #0000008c,0 0 40px #c9a45c1f}@keyframes result-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.result-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.result-headline{font-family:var(--font-title);letter-spacing:.12em;color:var(--gold-light);text-shadow:0 2px #00000073,0 0 18px #c9a45c59;animation:headline-unfurl calc(.42s * var(--fx)) cubic-bezier(.2, .8, .2, 1) both;margin:0;font-size:clamp(36px,9vh,64px);font-weight:400;line-height:1}.result-headline.ron{color:#e0573d;text-shadow:0 2px #00000080,0 0 22px #c8402a8c}.result-headline.tsumo,.result-headline.final{color:var(--gold-light)}.result-headline.yakuman{color:#ffe9b0;text-shadow:0 0 10px #e8cf94,0 0 28px #e8cf94cc}.result-headline.draw{color:#b4b9cf;text-shadow:0 2px #00000073;font-size:clamp(30px,7.5vh,52px)}@keyframes headline-unfurl{0%{opacity:0;letter-spacing:.6em;transform:scaleX(.3)}}.result-who{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.result-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.result-who .result-name{color:var(--text);font-size:20px}.result-wind{width:22px;height:22px;font-family:var(--font-title);color:var(--gold-light);border:1px solid #c9a45cb3;border-radius:50%;flex:none;place-items:center;font-size:14px;display:inline-grid}.result-page{color:var(--muted);border:1px solid #9aa3c780;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:13px}.result-tiles{align-items:flex-end;gap:1px;display:inline-flex}.result-tiles img,.result-melds img{height:var(--tile-h);filter:drop-shadow(1px 2px 1px #00000073);width:auto;display:block}.result-tiles img.agari{margin-left:calc(var(--tile-h) * .25)}.result-hand{align-items:flex-end;gap:calc(var(--tile-h) * .3);flex-wrap:wrap;display:flex}.result-melds{gap:calc(var(--tile-h) * .18);display:inline-flex}.result-meld{gap:1px;display:inline-flex}.result-meld img.called{transform:translateY(calc(var(--tile-h) * -.12));filter:drop-shadow(1px 2px 1px #00000073)brightness(.92)}.result-indicators{flex-wrap:wrap;gap:22px;display:flex}.result-ind{align-items:center;gap:8px;display:flex}.result-ind .result-tiles img{height:calc(var(--tile-h) * .78)}.result-ind img.flip-up{animation:tile-flip calc(.25s * var(--fx)) ease-out}@keyframes tile-flip{0%{transform:scaleX(.05)}}.result-yaku{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));column-gap:26px;margin:0;padding:0;list-style:none;display:grid}.result-yaku li{opacity:0;transition:opacity calc(.2s * var(--fx)) ease-out, transform calc(.2s * var(--fx)) ease-out;border-bottom:1px dashed #c9a45c47;justify-content:space-between;gap:12px;padding:4px 2px;font-size:17px;display:flex;transform:translate(-8px)}.result-yaku li.shown{opacity:1;transform:none}.result-han{color:var(--gold-light);font-variant-numeric:tabular-nums}.result-yaku li.yakuman{color:#ffe3a3;text-shadow:0 0 10px #e8cf948c;border-bottom-color:#e8cf9499;font-weight:700}.result-yaku li.yakuman .result-han{color:#ffe3a3}.result-total{font-family:var(--font-title);color:var(--gold-light);letter-spacing:.06em;text-align:right;opacity:0;transform-origin:100%;transition:opacity calc(.26s * var(--fx)) ease-out, transform calc(.26s * var(--fx)) ease-out;margin:0;font-size:clamp(24px,5.5vh,34px);line-height:1.15;transform:scale(1.25)}.result-total.shown{opacity:1;transform:none}.result-total.yakuman{color:#ffe9b0;text-shadow:0 0 14px #e8cf94cc}.result-draw{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.result-draw li{min-height:calc(var(--tile-h) + 4px);align-items:center;gap:10px;display:flex}.result-draw .result-name{flex:none;width:9em}.result-status{flex:none;width:3.2em;font-weight:700}.result-draw li.tenpai .result-status{color:var(--gold-light)}.result-draw li.noten{color:var(--muted)}.result-points{font-variant-numeric:tabular-nums;border-top:1px solid #c9a45c66;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;margin:0;padding:10px 0 0;list-style:none;display:grid}.result-points li{border-radius:8px;align-items:center;gap:8px;min-width:0;padding:3px 8px;display:flex}.result-points li.me{background:#c9a45c1a}.result-points .result-name{flex:1;min-width:0}.result-before{font-size:13px}.result-after{text-align:right;min-width:3.6em;font-size:17px;font-weight:700}.result-delta{text-align:right;min-width:4.4em;font-weight:700}.tone-up .result-delta,.final-score.tone-up{color:var(--gold-light)}.tone-down .result-delta,.final-score.tone-down{color:var(--muted)}.result-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-foot .btn{gap:8px;min-width:132px}.result-countdown{font-variant-numeric:tabular-nums;background:#10142b33;border-radius:999px;min-width:1.6em;padding:0 6px;font-size:13px}.final-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.final-list li{font-variant-numeric:tabular-nums;animation:final-row calc(.36s * var(--fx)) ease-out both;background:#10142b73;border:1px solid #9aa3c740;border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto 5.5em;align-items:center;gap:16px;padding:8px 14px;display:grid}@keyframes final-row{0%{opacity:0;transform:translate(-14px)}}.final-list li.me{border-color:#e8cf9480}.final-list li.first{border-color:var(--gold);background:linear-gradient(90deg,#c9a45c52,#c9a45c0f);box-shadow:0 0 22px #c9a45c38}.final-rank{width:38px;height:38px;color:var(--text);border:1px solid #9aa3c799;border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid}.final-list li.first .final-rank{border-color:var(--gold-light);background:linear-gradient(180deg, var(--gold-light), var(--gold));color:var(--ink)}.final-name{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.final-list li.first .final-name{color:var(--gold-light)}.final-points{font-size:18px}.final-score{text-align:right;font-size:20px;font-weight:700}@media (height<=480px){.result-backdrop{padding:8px}.result-panel{gap:8px;max-height:calc(100dvh - 16px);padding:10px 16px}.result-head{gap:12px}.result-who .result-name{font-size:16px}.result-yaku{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.result-yaku li{padding:2px;font-size:14px}.result-points{gap:2px 16px;padding-top:6px}.result-after{font-size:15px}.final-list li{gap:10px;padding:4px 10px}.final-rank{width:30px;height:30px;font-size:16px}}@media (width<=560px){.result-points{grid-template-columns:minmax(0,1fr)}.final-list li{grid-template-columns:36px minmax(0,1fr) auto 4.6em;gap:8px}}@media (prefers-reduced-motion:reduce){.action-btn,.action-options,.countdown.urgent .countdown-base,.rotate-icon,.result-panel,.result-headline,.final-list li{animation:none}}