.vr-overlay{--vr-u: calc(100cqw / 370);position:absolute;inset:4px 4px auto;max-height:calc(100% - 8px);z-index:50;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(3 * var(--vr-u));padding:calc(8 * var(--vr-u));color:#f2ecde;background:#0b1728;border:1px solid #9b8254;border-radius:5px;box-shadow:0 8px 24px #0005;font-size:calc(11 * var(--vr-u));line-height:1.25;overflow:hidden}.vr-overlay *{box-sizing:border-box}.vr-heading{display:flex;align-items:center;justify-content:space-between;height:calc(18 * var(--vr-u));flex-shrink:0;color:#dac498;gap:calc(6 * var(--vr-u))}.vr-heading>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr-heading .vr-sticks{flex-shrink:0;color:#f2ecde;font-weight:400}.vr-heading-title{display:flex;gap:3px}.vr-heading-title>span{flex-shrink:0}.vr-heading-title .vr-heading-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:clip}.vr-heading nav{display:flex;flex-shrink:0;gap:4px}.vr-heading button{padding:0 6px;min-height:0;font:inherit;color:inherit;background:transparent;border:1px solid #9b8254}.vr-heading button[aria-pressed=true]{background:#675638}.vr-hand{--vr-tw: min( calc(22 * var(--vr-u)), calc((100cqw - 30px - var(--vr-group-gaps)) / var(--vr-count)) );display:flex;align-items:flex-start;justify-content:center;gap:4px;min-height:calc(33 * var(--vr-u));flex-shrink:0}.vr-tile-group{display:flex;gap:0}.vr-tile{display:inline-block;flex:0 0 auto;width:var(--vr-tw, calc(17 * var(--vr-u)));aspect-ratio:751 / 1087;vertical-align:bottom}.vr-tile picture,.vr-tile img{display:block;width:100%;height:100%;object-fit:contain}.vr-back{border-radius:9%/6%;border:1px solid #11233a;background:linear-gradient(#254268,#172c4c 78%,#d2cbbc 80%,#f0e8d5 94%,#aaa18d);box-shadow:inset 1px 0 #ffffff26}.vr-flower{position:relative;padding-right:calc(4 * var(--vr-u))}.vr-flower-count{position:absolute;right:0;bottom:0;font-weight:700;font-size:calc(var(--vr-tw) * 1087 / 751 / 7);line-height:1.1}.vr-draw-hand{min-height:calc(33 * var(--vr-u));display:grid;place-items:center}.vr-dora-line{display:block}.vr-indicators{position:relative;width:max-content;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:0;min-height:calc(26 * var(--vr-u));flex-shrink:0}.vr-overlay small{font-size:calc(9 * var(--vr-u));white-space:nowrap}.vr-indicators small{position:absolute;right:calc(100% + 4 * var(--vr-u))}.vr-yaku{flex:0 0 auto;height:calc(78 * var(--vr-u));min-height:0;padding:calc(5 * var(--vr-u)) calc(12 * var(--vr-u))}.vr-yaku ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--vr-yaku-rows),1fr);column-gap:calc(12 * var(--vr-u));height:100%;list-style:none;padding:0;margin:0}.vr-yaku li{font-size:calc(var(--vr-yaku-font) * var(--vr-u));line-height:1.2;display:flex;align-items:center;min-width:0;white-space:nowrap}.vr-ura-yaku{color:#dac498}.vr-draw-title{display:grid;place-items:center;font-size:calc(25 * var(--vr-u));letter-spacing:.2em}.vr-payment{text-align:center;min-height:calc(38 * var(--vr-u));flex-shrink:0}.vr-score{font-size:calc(16 * var(--vr-u));font-weight:600;color:#e9d6ad;white-space:nowrap}.vr-chips{margin-top:calc(3 * var(--vr-u));font-size:calc(16.5 * var(--vr-u))}.vr-summary{flex-shrink:0}.vr-summary table{table-layout:fixed;width:100%;border:0;border-collapse:collapse;font-size:calc(9 * var(--vr-u));font-variant-numeric:tabular-nums}.vr-summary th,.vr-summary td{border:0;padding:calc(3 * var(--vr-u)) 1px;text-align:right;white-space:nowrap}.vr-summary th:first-child{width:7%;text-align:left}.vr-summary th:nth-child(2){width:16%;text-align:left}.vr-summary th:nth-child(3){width:21%}.vr-summary th:nth-child(4){width:22%}.vr-summary th:nth-child(5){width:14%}.vr-summary th:nth-child(6){width:20%}.vr-summary thead{color:#bdb7aa;font-size:calc(9 * var(--vr-u))}.vr-summary .vr-name{overflow:hidden;text-overflow:clip;text-align:left}.vr-plus{color:#72bcff}.vr-minus{color:#f1848b}.vr-total{font-weight:700}.vr-footer{position:relative;display:flex;justify-content:center;align-items:center;min-height:calc(34 * var(--vr-u));flex-shrink:0}.vr-footer button{font-size:calc(13 * var(--vr-u));height:calc(32 * var(--vr-u));min-height:0;width:calc(88 * var(--vr-u));border:1px solid #a58a56;border-radius:4px;color:#f2ecde;background:#203049;padding:0}.vr-footer span{position:absolute;left:calc(100% + 6 * var(--vr-u));bottom:0;white-space:nowrap;font-size:calc(9 * var(--vr-u));color:#bdb7aa}.vr-ok-group{position:relative;display:flex}.vr-nagashi{text-align:center}body:has(.tl-preview){background:#08111d}.tl-preview .action-bar button{background:#142338;border-color:#8e7951;color:#f2ecde}.tl-preview{--vega-table-surface: #0e1b2c;--vega-tile-frame: inset 0 0 0 2px #e5c477;--vega-tile-radius: 9% / 6%;max-width:1000px;margin:auto;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom);color:#f2ecde;background:#0b1523;min-height:100svh}.tl-dev-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 0;font-size:11px}.tl-dev-tools select,.tl-dev-tools button{background:#142338;color:#f2ecde;border:1px solid #8e7951;border-radius:4px;min-height:30px}.tl-preview :focus-visible{outline:2px solid #e9cb8e;outline-offset:2px}.tl-preview h1{font-size:11px;font-weight:500;margin:0 auto 0 0;letter-spacing:.08em}.tl-public{max-width:620px;margin:auto}.tl-notice{height:23px;line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;padding:0 6px;background:#142235c9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #8e795155}.tl-surface{container-type:inline-size;--u: calc(100cqw / 370);--tw: calc(18 * var(--u));--th: calc(var(--tw) * 1087 / 751);position:relative;width:100%;aspect-ratio:370 / 386;background:var(--vega-table-surface);border-radius:5px}.tl-center{position:absolute;width:110px;height:110px;left:calc(50% - 55px);top:calc(190 * var(--u) - 55px);border:1px solid #a88e595c;background:#101a28;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:calc(3 * var(--u));border-radius:5px}.tl-center>strong{--u: 1px;position:absolute;top:0;left:0;width:100%;height:calc(32 * var(--u));display:grid;place-items:center;font-family:Georgia,serif;letter-spacing:.15em;font-size:calc(18 * var(--u));color:#e2cc9f}.tl-seat{position:absolute;left:50%;top:calc(190 * var(--u));width:0;height:0;transform:rotate(var(--rotation))}.tl-score{--u: 1px;position:absolute;top:calc(22 * var(--u));left:calc(-20 * var(--u));width:calc(43 * var(--u));height:calc(28 * var(--u));display:flex;flex-direction:column;align-items:stretch;gap:var(--u);font-size:calc(12 * var(--u));line-height:calc(14 * var(--u));white-space:nowrap;font-variant-numeric:tabular-nums}.tl-seat-right .tl-score{left:calc(-23 * var(--u))}.tl-seat-self .tl-score{left:calc(-21 * var(--u));width:calc(42 * var(--u))}.tl-seat-self .tl-score-value{width:100%}.tl-seat-self .tl-name{width:calc(64 * var(--u))}.tl-seat-left .tl-name,.tl-seat-right .tl-name{transform:translate(calc(var(--name-offset, 0) * var(--u)))}.tl-seat-self .tl-score-value{gap:calc(2 * var(--u))}.tl-score small{color:#d5bf95;font-size:inherit}.tl-score b{font-weight:500}.tl-score-value{display:flex;width:max-content;align-self:center;justify-content:center;gap:calc(3 * var(--u));height:calc(14 * var(--u));flex-shrink:0}.tl-river{position:absolute;left:calc(-55 * var(--u));top:calc(59 * var(--u));margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--u)}.tl-river-row{display:flex;gap:var(--u);height:var(--th);align-items:end}.tl-river-row>span{display:block;width:var(--tw);flex-shrink:0;height:var(--th)}.tl-river-row[data-row="4"]{width:max-content;transform:scale(var(--river-scale));transform-origin:left bottom;gap:calc(var(--river-gap) * var(--u))}.tl-tile{display:block;width:var(--tw);height:var(--th);flex-shrink:0}.tl-tile .vega-hand-art{width:100%;height:100%;object-fit:contain}.tl-tile.tl-latest{position:relative}.tl-tile.tl-latest:after{content:"";position:absolute;inset:0;box-shadow:var(--vega-tile-frame);border-radius:var(--vega-tile-radius);pointer-events:none}.tl-back{display:block;width:100%;height:100%;background:#233957;border:1px solid #60708a;border-bottom:calc(2 * var(--u)) solid #c9c7b9;border-radius:calc(2 * var(--u))}.tl-river-row>.tl-sideways,.tl-meld>.tl-sideways{width:var(--th);height:var(--tw);position:relative}.tl-sideways>.tl-tile{position:absolute;transform:rotate(90deg);transform-origin:top left;left:var(--th);top:0}.tl-kakan-top{position:absolute;width:var(--th);height:var(--tw);left:0;bottom:100%}.tl-kakan-top>.tl-tile{position:absolute;transform:rotate(90deg);transform-origin:top left;left:var(--th);top:0}.tl-meld.tl-added-kan{height:calc(2 * var(--tw))}.tl-claimed{opacity:.48}.tl-claimed:after{content:"";display:block;border-bottom:1px solid #d8be88}.tl-dora{--tw: calc(18 * var(--u));--th: calc(var(--tw) * 1087 / 751);position:absolute;top:calc(71 * var(--u));left:calc(50% - 55 * var(--u));width:calc(110 * var(--u));padding:calc(2 * var(--u)) calc(4 * var(--u));border:1px solid #8e795166;border-radius:4px;background:#101a28}.tl-tier{position:absolute;bottom:calc(100% + 5 * var(--u));left:0;width:100%;text-align:center;color:#d7c39d;font-size:calc(10 * var(--u));letter-spacing:.1em;height:calc(44 * var(--u));display:flex;align-items:flex-end;justify-content:center}.tl-tier .quick-match{width:calc(164 * var(--u));flex:0 0 auto;height:calc(44 * var(--u));padding:0 calc(5 * var(--u));font-size:calc(12 * var(--u))!important;font-weight:700;letter-spacing:.01em;color:#fff2d4;background:linear-gradient(135deg,#294963,#142b43);border:1px solid #e7c579;box-shadow:0 0 8px #e7c57933}.tl-tier .quick-match span{font-size:1.4em;color:#f4d591}.tl-tier .quick-match{border:2px solid #f2cf80;color:#fff3d9;background:linear-gradient(145deg,#29465f,#0d2139 70%);box-shadow:inset 0 1px #fff0bc44,0 0 10px #e7c57955;font-weight:800}.tl-tier .quick-match:not(:disabled) span{display:inline-block;animation:quick-arrow 1.3s ease-in-out infinite}@keyframes quick-arrow{0%,to{transform:translate(-1px)}50%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.tl-tier .quick-match span{animation:none}}.discard-ghost picture,.discard-ghost img{display:block;width:100%;height:100%;object-fit:contain}.tl-dora-slots{display:flex;gap:calc(2 * var(--u));min-height:calc(var(--th) + 3 * var(--u))}.tl-indicator,.tl-wall-stack{position:relative;flex:0 0 var(--tw);height:calc(var(--th) + 3 * var(--u))}.tl-indicator>.tl-tile{position:relative}.tl-wall-upper,.tl-wall-lower,.tl-indicator-under{position:absolute;top:0;left:0;width:var(--tw);height:var(--th);background:#233957;border:1px solid #60708a;border-bottom:calc(2 * var(--u)) solid #c9c7b9;border-radius:calc(2 * var(--u))}.tl-wall-lower,.tl-indicator-under{top:calc(3 * var(--u));left:var(--u);background:#18283f;border-color:#47586e;border-bottom-color:#b8b6a9}.tl-counters{display:flex;justify-content:space-between;margin-top:calc(2 * var(--u));font-size:calc(9 * var(--u));white-space:nowrap}.tl-name{display:block;width:max-content;max-width:calc(64 * var(--u));align-self:center;height:calc(13 * var(--u));flex-shrink:0;min-width:0;font-size:calc(9 * var(--u));line-height:calc(13 * var(--u));text-align:center;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:clip;color:#cfceca}.tl-name-text{display:block;min-width:100%;width:max-content;text-align:center}.tl-concealed,.tl-concealed-motion{--edge-width: clamp(6px, calc(7 * var(--u)), 8px);--edge-pitch: calc(25 * var(--u));position:absolute;left:0;top:calc(185 * var(--u) - var(--edge-width));transform:translate(-50%);display:flex;height:var(--edge-width);pointer-events:none}.tl-concealed-edge,.tl-concealed-motion-edge{display:block;flex:0 0 var(--edge-pitch);width:var(--edge-pitch);height:var(--edge-width);box-sizing:border-box;background:#e1dbcb;border-top:2px solid #233957;border-bottom:1px solid #9d9e96;border-right:1px solid #6c736f;box-shadow:inset 0 1px #f7f0df;border-radius:1px}.tl-extras{position:absolute;left:calc(105 * var(--u));bottom:calc(-178 * var(--u));--tw: calc(14 * var(--u));--th: calc(var(--tw) * 1087 / 751)}.tl-melds{display:flex;flex-direction:column-reverse;gap:calc(3 * var(--u))}.tl-meld{display:flex;align-items:end;gap:calc(.5 * var(--u));height:var(--th)}.tl-flowers{position:absolute;left:calc(171 * var(--u));top:calc(154 * var(--u));display:flex;flex-direction:column;align-items:center;--tw: calc(13 * var(--u));--th: calc(var(--tw) * 1087 / 751)}.tl-flowers small{font-size:calc(9 * var(--u));line-height:1}.tl-seat-self .tl-flowers{top:calc(166 * var(--u))}.tl-action{position:absolute;width:calc(80 * var(--u));height:calc(36 * var(--u));line-height:calc(36 * var(--u));font-size:calc(25 * var(--u));font-weight:600;text-align:center;color:#f2e4c8;background:linear-gradient(90deg,transparent,#101a28c9 20% 80%,transparent);text-shadow:0 1px 1px #08111d;z-index:10;pointer-events:none}.tl-flower-action{width:calc(36 * var(--u));visibility:hidden}.tl-preview .tl-input.mahjong-table{display:block;width:100%;height:auto;min-height:0;padding:0;margin:0;background:transparent;border:none}.tl-preview .tl-safe{width:100%;min-height:36px;background:#142338;color:#cfceca;border:1px solid #8e795155;border-radius:4px;font-size:11px;touch-action:manipulation}.tl-preview output{display:block;min-height:18px;font-size:10px;overflow-wrap:anywhere}@media(min-width:900px){.tl-public{max-width:min(620px,calc((100svh - 230px) * 370 / 386))}}.dev-test-header{display:flex;align-items:center;gap:10px;min-height:28px;font-size:11px}.dev-test-header strong{color:#e2cc9f}.dev-test-header a{margin-left:auto;color:#cfceca}.dev-test-play .dev-live-table.mahjong-table{display:flex;flex-direction:column;flex:1;gap:0;width:100%;height:auto;min-height:0;padding:0;margin:0;background:transparent;border:0}.dev-live-input{width:100%;max-width:900px;margin:0 auto}.dev-test-play .tl-safe{display:block;flex:1 0 16px;width:100%;min-height:16px;padding:5px 0 0;margin:0;border:0;border-radius:0;background:transparent;text-align:center;touch-action:manipulation;font-size:10px;white-space:nowrap}.dev-test-play .own-hand{margin-top:0;padding-top:0;padding-bottom:0;min-height:0}.dev-test-play .action-bar{margin:0}.dev-command-area{height:44px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-width:0;gap:4px}.dev-command-area .action-bar{flex:0 1 auto;width:auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;min-height:44px;padding:0;gap:3px}.dev-command-area .action-bar button{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;height:44px;padding:6px}.dev-call-off{flex:0 0 62px;height:44px;padding:4px;margin-right:auto;margin-left:var(--call-off-table-offset, 0px);display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;font-size:13px;white-space:nowrap;border:0;border-radius:0;color:#d6d9dd;background:transparent;box-shadow:none;touch-action:manipulation}.dev-call-off-indicator{flex:0 0 12px;width:12px;height:12px;border:1px solid #9da8b7;border-radius:50%}.dev-call-off[aria-pressed=true] .dev-call-off-indicator{background:#dfc68c;border-color:#dfc68c;box-shadow:inset 0 0 0 2px #0b1523}.dev-live-table .hand-slot[data-riichi-dim=true] .vega-hand-art{filter:brightness(.75)}.dev-live-table .vega-hand-tile{opacity:1;visibility:visible;filter:none}.dev-live-table .own-hand[data-input-locked=true] .vega-hand-tile{filter:none}.dev-live-table .action-bar[data-input-locked=true] button:disabled{opacity:1}.ankan-candidate-art{display:block;width:20px}.dev-countdown{flex:0 0 auto;height:44px;display:flex;align-items:flex-end;text-align:center}.dev-command-area .turn-timer{display:block;min-height:0;height:20px;line-height:20px;margin:0;padding:0;font-size:15px;white-space:nowrap}.dev-hand-area{position:relative}.dev-live-table .mobile-reservation{display:block}.dev-live-table .hand-slot.mobile-reservation{flex-shrink:0;aspect-ratio:751 / 1087}.dev-live-table .hand-slot{flex:0 0 var(--fixed-tile-width)}.dev-live-table .hand-tiles{width:100%;background:var(--vega-table-surface);margin-top:-10px;padding-top:10px;border-radius:4px}.dev-live-table .vega-hand-tile.selected,.dev-live-table .vega-hand-tile.legal.mouse-hover{outline:none;background:transparent}.dev-live-table[data-input-mode=touch] .vega-hand-tile.selected{transform:none}.dev-live-table .vega-hand-tile{position:relative;height:auto;aspect-ratio:751 / 1087}.dev-live-table .vega-hand-tile.selected:after,.dev-live-table .vega-hand-tile.legal.mouse-hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;aspect-ratio:751 / 1087;box-shadow:var(--vega-tile-frame);border-radius:var(--vega-tile-radius);pointer-events:none}.dev-live-table .discard-control.selected{border:1px solid #bed7c878;background:#cfa95025}.dev-test-play .dev-live-table[data-input-mode=mouse] .tl-safe{display:none}.dev-test-play{display:flex;flex-direction:column;min-height:100dvh}.dev-live-table>.tl-public{position:relative;width:100%;margin:0 auto;flex:none}.dev-live-table .tl-notice{position:absolute;top:0;left:0;width:100%;z-index:12}.dev-live-table .tl-river{width:calc(151 * var(--u))}.dev-live-table[data-input-mode=mouse] .discard-controls{display:none}.vega-production-preview>.play-shell{width:100%;max-width:1100px;height:100svh;padding:0;background:transparent}.dev-command-area .action-bar{position:relative}.kan-candidate-selection{position:absolute;right:0;bottom:calc(100% + 4px);z-index:12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:min(280px,75vw);padding:6px;border:1px solid #bca372;border-radius:8px;background:#101e32}.dev-command-area .action-bar:has(.kan-candidate-selection){z-index:15;overflow:visible}.play-shell{width:min(100%,480px);height:100dvh;height:100svh;margin:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom);color:#f3f4e9;background:radial-gradient(ellipse at top,#214f48,#102e2b 64%);overflow:hidden;position:relative;font-size:13px}.play-shell button,.play-shell input{font:inherit}.play-shell button{cursor:pointer;touch-action:manipulation}.play-shell button:focus-visible,.play-shell summary:focus-visible{outline:3px solid #ffd781;outline-offset:2px}.play-shell button:disabled{opacity:.55;cursor:wait}.hand-tile:focus-visible,.play-shell .hand-tile:focus-visible{outline:2px dashed #8ac7e5;outline-offset:-3px}.play-header{display:flex;min-height:44px;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff20;font-size:11px}.play-header a{color:inherit;text-decoration:none;letter-spacing:.06em;font-size:15px}.play-header strong{color:#e4c17b}.match-utilities{display:flex;flex-direction:column;gap:2px;padding:3px 0}.quick-match{font-size:10px!important;padding:4px 6px;border:1px solid #93afa6;border-radius:5px;background:#173a34;color:#f3f4e9}.quick-confirm{max-width:min(400px,calc(100vw - 32px));border:1px solid #a8c5b8;border-radius:12px;padding:20px;background:#133a32;color:#f3f4e9}.quick-confirm::backdrop{background:#0009}.quick-confirm h2{font-size:18px}.quick-confirm div{display:flex;flex-wrap:wrap;gap:12px}.quick-confirm button{min-height:44px}.background-progress{position:absolute;top:60px;right:12px;z-index:21;font-size:10px;color:#d1e4d9;pointer-events:none}.background-result{position:absolute;top:78px;right:12px;max-width:calc(100% - 24px);padding:8px 10px;border:1px solid #aac4b0;border-radius:8px;background:#183a32f5;z-index:22;display:grid;grid-template-columns:1fr auto;gap:3px 8px;font-size:11px}.background-result small{grid-column:1}.background-result button{grid-column:2;grid-row:1 / 3}.play-debug summary{padding:12px 4px;cursor:pointer}.play-debug[open] div{position:absolute;top:46px;right:10px;max-width:90%;padding:16px;background:#08201f;border:1px solid #75958c;z-index:30;overflow-wrap:anywhere}.play-error{padding:6px 10px;background:#713f27;color:#fff;z-index:25;flex-shrink:0}.mahjong-table{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:8px;gap:5px;position:relative}.opponents{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.opponent{min-width:0}.player-info{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;min-height:34px}.seat-badge{color:#ebd097;font-size:11px;white-space:nowrap}.player-label{overflow:hidden;text-overflow:ellipsis;max-width:75px;white-space:nowrap;font-size:10px;opacity:.75}.player-info strong{font-size:16px;font-variant-numeric:tabular-nums;margin-left:auto}.player-info small{font-size:10px;font-weight:400;margin-left:2px}.player-flags{color:#ffd38d;min-height:12px;font-size:11px}.opponent-backs{display:flex;gap:2px;height:16px;margin:3px 0 5px}.tile-back{display:inline-block;width:8px;height:15px;border-radius:2px;background:linear-gradient(120deg,#295a6b,#5a90a0);box-shadow:0 2px #08252d;border:1px solid #a1bfc466}.tile-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#173b40;line-height:1;font-family:system-ui,sans-serif}.tile-face b{font-size:1.28em;font-weight:750}.tile-face small{font-size:.72em;margin-top:3px}.tile-face.sou{color:#1e6848}.tile-face.red-tile{color:#bd3332}.tile-face.flower{color:#a24d62}.tile-face.honor b{font-size:1.02em}.tile-face i{font-size:7px;font-style:normal;position:absolute;right:1px;bottom:1px;color:#bb4141}.tile-static{display:inline-block;vertical-align:middle;width:22px;height:30px;background:#fcf6e3;border-radius:3px;box-shadow:0 2px #c4bda4;font-size:14px}.river{display:grid;grid-template-columns:repeat(6,22px);grid-auto-rows:29px;gap:3px 2px;padding:4px 0;margin:0;list-style:none;min-height:36px;align-content:start}.river li{position:relative;width:22px;height:28px}.river .tile-static{width:21px;height:27px;font-size:12px}.river li.riichi-discard{transform:rotate(90deg) scale(.82);outline:2px solid #d4a542}.river li.latest-discard{outline:2px solid #ffdb87;outline-offset:1px}.river li.claimed-discard{opacity:.45}.river em{position:absolute;right:-3px;bottom:-1px;font-size:9px;background:#0c3330;color:#fff;font-style:normal}.extras{display:flex;justify-content:flex-end;gap:6px;align-items:flex-end;min-height:4px}.melds{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.meld small{display:block;font-size:9px;margin-bottom:2px;color:#cad7c8}.meld>div{display:flex;gap:1px;align-items:flex-end}.meld .tile-static{width:16px;height:23px;font-size:11px}.meld .tile-back{width:16px;height:23px}.called-tile{transform:rotate(90deg) scale(.8)}.flowers{flex-shrink:0}.flower-stack{display:flex;align-items:center;gap:2px;animation:flower-slide .14s ease-out;border-right:3px double #d8ac80}.flower-stack .tile-static{width:17px;height:24px;font-size:12px}.flower-stack b{font-size:11px;padding-right:3px;color:#f0d197}.table-center{border:1px solid #bccea12b;border-radius:12px;background:#092c2870;padding:7px 10px;text-align:center;flex-shrink:0;margin:2px 22px}.table-brand{font-size:12px;color:#e0c692;letter-spacing:.08em}.table-brand span{margin-left:10px;font-size:10px}.round-info{font-size:11px;margin:4px 0;color:#d7ddd0}.dora-indicators{display:flex;justify-content:center;gap:4px;align-items:center}.dora-indicators>small{font-size:10px;margin-right:4px}.turn-timer{display:flex;gap:8px;justify-content:center;align-items:center;min-height:28px;font-size:11px;font-variant-numeric:tabular-nums}.turn-timer b{font-size:20px}.turn-timer small{font-size:10px;font-weight:400}.turn-timer.urgent{color:#ffd089}.table-safe{flex:1;min-height:32px;max-height:100px;display:flex;align-items:center;justify-content:center;color:#ffffff65;font-size:10px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.public-feedback{min-height:14px;text-align:center;color:#f3d198;font-size:10px;animation:result-arrive .15s ease-out}.own-river{align-self:center}.own-river .river{grid-template-columns:repeat(6,24px)}.own-controls{margin-top:auto;padding-bottom:6px}.hint-line{min-height:27px;font-size:10px;color:#eed8a7;display:flex;align-items:center;flex-wrap:wrap;gap:3px}.hint-line b{color:#ffd9c3}.wait-tiles{display:inline-flex;align-items:center;gap:2px}.wait-tiles .tile-static{width:14px;height:21px;font-size:10px}.action-bar{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-height:46px;padding:2px 0 7px}.action-bar button{min-height:44px;min-width:52px;border:1px solid #aac6b670;background:#264e47;color:#fff6df;border-radius:8px;padding:8px 12px;font-weight:650;font-size:14px}.action-bar .win-action{background:#eed093;border-color:#ffe3b5;color:#173b36}.own-hand{--tile-max: 31px;--tile-gap: 1px;--draw-spacing: 8px;container-type:inline-size;padding-top:12px;padding-bottom:4px;min-height:75px;width:100%}.hand-tiles{--fixed-tile-width: min( var(--tile-max), calc((100cqw - var(--draw-spacing) - 13 * var(--tile-gap)) / 14) );display:flex;justify-content:center;gap:var(--tile-gap);align-items:flex-end}.hand-slot{flex:0 0 var(--fixed-tile-width);min-width:0;max-width:var(--tile-max);display:flex;flex-direction:column;gap:8px}.hand-tile{border:0;padding:2px;min-width:0;max-width:none;width:100%;flex:none;height:58px;background:#d4d6c7;box-shadow:0 4px #778c7c;border-radius:4px;font-size:18px;transition:transform .08s,background .08s}.hand-tile.legal{background:#fff9e8;box-shadow:0 4px #c1ae7b}.hand-tile.selected{transform:translateY(-10px);background:#ffe2a2;outline:2px solid #fff0c5}.hand-tile.legal.mouse-hover{transform:translateY(-8px);background:#fff0be;outline:3px solid #ffcf68;filter:brightness(1.08)}.wall-display{display:none}.hand-tile.vega-hand-tile{padding:0;display:flex;align-items:flex-end;justify-content:center;background:transparent;box-shadow:none;filter:none}.vega-hand-art{display:block;width:100%;height:auto;aspect-ratio:751 / 1087;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.vega-hand-picture{display:block;width:100%}.hand-tile.vega-hand-tile{-webkit-tap-highlight-color:transparent}.hand-slot.drawn-slot{margin-left:var(--draw-spacing)}.discard-controls{--display-tile-width: min( var(--tile-max), calc((100cqw - var(--draw-spacing) - 13 * var(--tile-gap)) / 14) );--cell-width: min( calc(2 * var(--display-tile-width)), calc((100cqw - 6 * var(--tile-gap)) / 7.5) );display:grid;grid-auto-columns:var(--cell-width);grid-template-rows:repeat(2,auto);gap:3px var(--tile-gap);width:max-content;padding-right:calc(var(--cell-width) * var(--control-tail));margin:8px auto 0}.discard-control{grid-row:var(--control-row);grid-column:var(--control-column);width:100%;height:58px;flex:none;border:1px solid #bed7c878;border-radius:3px;background:linear-gradient(#ffffff0c,#ffffff20);color:#c5d9c8;padding:0;touch-action:manipulation;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.discard-control[data-control-row=lower]{transform:translate(50%)}.control-number{font-size:9px;opacity:.7}.discard-control.selected{background:#cfa95065;border:2px solid #ffe4a1;color:#ffe5a8}.discard-control[data-visual-disabled=true]{opacity:.35;background:#071c1b;cursor:default}.discard-control.empty-control{visibility:hidden}@media(hover:hover)and (pointer:fine){.discard-controls{display:none}.mahjong-table[data-input-mode=touch] .discard-controls{display:grid}}@media(any-pointer:coarse){.discard-controls{display:grid}}.hand-tile[aria-disabled=true]{cursor:default}.own-controls>.player-info{border-top:1px solid #ffffff20;margin-top:5px}.own-controls>.player-info{justify-content:center}.own-controls>.player-info strong{margin-left:8px}.own-controls .player-label{max-width:140px}.waiting-room{margin:auto 0;padding:28px 20px}.eyebrow{color:#cbb987;letter-spacing:.13em;font-size:10px}.waiting-room h1{font-size:36px;font-weight:600;letter-spacing:.05em;margin:20px 0}.waiting-room p{line-height:1.9;color:#d5ddd4}.waiting-room form{display:flex;flex-direction:column;gap:12px;margin:28px 0}.waiting-room label{font-size:12px}.waiting-room input{border:1px solid #89a599;background:#092c29;color:#fff;border-radius:8px;padding:14px;min-height:48px}.waiting-room button{border:0;background:#e5c88e;color:#183932;border-radius:8px;min-height:50px;font-weight:700}.waiting-room small{font-size:10px;overflow-wrap:anywhere;color:#b8c9ba}.random-match-panel button,.result-overlay>button{min-height:48px;padding:12px 20px;border-radius:8px}.random-match-panel small{display:block;margin-top:16px}.waiting-room .muted{font-size:11px;opacity:.65}.waiting-seats{display:flex;gap:10px}.waiting-seats span{border:1px solid #81a09350;border-radius:8px;flex:1;padding:18px 2px;text-align:center}.result-layer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;touch-action:none}.result-overlay{position:relative;width:90%;max-height:80%;background:#102a26ee;overflow:auto;overscroll-behavior:contain;border:1px solid #afc8b8;border-radius:10px;padding:12px;touch-action:pan-y}.result-layer[data-peeking=true] .result-overlay{opacity:0;pointer-events:none}.result-toolbar{position:sticky;top:-12px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#102a26;padding:6px}.result-toolbar button{min-width:70px;min-height:44px;color:#fff4cb;background:#35554c;border:1px solid #b8be9c;border-radius:6px}.result-overlay header{text-align:center}.result-overlay h1{font-size:32px;color:#edcf90;margin:12px 0}.result-overlay h2{font-size:16px}.result-overlay h3{font-size:12px}.result-overlay p{font-size:12px;line-height:1.8}.result-intro header{animation:result-arrive .2s ease-out}.result-card{background:#ffffff08;border:1px solid #ffffff18;border-radius:10px;padding:12px;margin:12px 0}.result-tiles{display:flex;gap:2px;flex-wrap:wrap}.result-tiles .tile-static{width:20px;height:30px;font-size:13px}.yaku-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.yaku-list li{font-size:12px;color:#ffe2ac;padding:4px 7px;background:#ffffff08;border-radius:4px}.transfers{padding-left:18px;font-size:11px;line-height:1.9}.transfers small{opacity:.65}.final-scores table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.final-scores td,.final-scores th{text-align:right;padding:9px 2px;border-bottom:1px solid #ffffff15}.final-scores th:first-child{text-align:left}@keyframes flower-slide{0%{transform:translate(-50px);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes result-arrive{0%{transform:translateY(8px);opacity:.4}to{transform:translateY(0);opacity:1}}@media(min-width:600px){.play-shell{box-shadow:0 0 70px #0007;border-inline:1px solid #ffffff12}}@media(min-height:741px)and (max-width:999px){.play-shell[data-table-renderer=legacy]>.mahjong-table:not(.dev-live-table){gap:3px;padding-top:6px}}@media(max-height:740px){.mahjong-table{gap:2px;padding-top:4px}.table-center{padding:3px 8px}.river{grid-auto-rows:24px;gap:2px}.river .tile-static,.river li{height:23px}.hand-tile,.discard-control{height:50px}.own-hand{min-height:65px}.opponent .extras{max-height:55px;overflow:auto}.play-header{min-height:38px}}@media(prefers-reduced-motion:reduce){.play-shell *{animation:none!important;transition:none!important}}@media(min-width:1000px)and (min-height:650px){.play-shell{width:min(100%,1720px);padding-inline:clamp(18px,2.5vw,48px);font-size:14px;background:radial-gradient(ellipse at center,#285c50,#153e36 72%,#0d2926)}.play-header{min-height:48px;font-size:13px}.mahjong-table{display:grid;grid-template-columns:minmax(180px,1fr) minmax(410px,2fr) minmax(180px,1fr);grid-template-rows:minmax(155px,auto) minmax(116px,auto) auto auto;align-content:center;gap:8px 24px;padding:12px 0 4px}.opponents{display:contents}.opponent{padding:12px;background:transparent;border:1px solid transparent;border-radius:12px}.opponent:first-child{grid-column:1;grid-row:1 / 4;align-self:center}.opponent:last-child{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(150px,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:18px;align-self:center}.opponent:last-child .player-info{grid-column:1;grid-row:1}.opponent:last-child .opponent-backs{grid-column:1;grid-row:2}.opponent:last-child .extras{grid-column:1;grid-row:3;align-self:start}.opponent:last-child>.river{grid-column:2;grid-row:1 / 4}.opponent-backs{height:24px;gap:3px;margin-block:8px}.opponent-backs .tile-back{width:12px;height:22px}.opponent .extras{max-height:none;overflow:visible}.river,.own-river .river{grid-template-columns:repeat(6,27px);grid-auto-rows:31px;gap:3px}.river li{width:27px;height:30px}.river .tile-static{width:26px;height:30px;font-size:14px}.table-center{grid-column:2;grid-row:2;justify-self:center;align-self:center;width:min(100%,420px);margin:0;padding:10px 18px;border-color:#d1c69a66;box-shadow:0 8px 25px #00191030}.table-brand{font-size:16px}.round-info{font-size:13px}.dora-indicators .tile-static{width:25px;height:33px}.turn-timer{min-height:30px;font-size:13px}.own-river{grid-column:2;grid-row:3;justify-self:center}.own-controls{grid-column:1 / 4;grid-row:4;width:min(100%,960px);justify-self:center;margin:0;padding:0 18px 6px;border-radius:14px;background:linear-gradient(transparent,#092d2566)}.own-hand{--tile-gap: 4px;--tile-max: 53px;--draw-spacing: 16px;min-height:87px}.discard-controls{--display-tile-width: min( var(--tile-max), calc( (100cqw - var(--draw-gap) - (var(--tile-count) - 1) * var(--tile-gap)) / var(--tile-count) ) );--cell-width: var(--display-tile-width);grid-template-rows:auto;padding-right:0}.discard-control{grid-row:1;grid-column:auto}.discard-control[data-control-row=lower]{transform:none}.hand-slot{flex:1 1 0;max-width:var(--tile-max)}.mobile-reservation{display:none}.hand-tile{height:70px;font-size:24px}.hand-slot.drawn-slot{margin-left:var(--draw-gap)}.own-controls .extras{min-height:4px}.hint-line{min-height:25px;font-size:12px}.action-bar{min-height:46px;padding-block:0 4px}.player-label{max-width:100px;font-size:11px}.player-info strong{font-size:19px}.wall-display{display:block;grid-column:3;grid-row:1 / 4;align-self:center;border-left:1px solid #d6cf9b33;padding:16px;color:#d6dfca}.wall-display h2{font-size:16px;font-weight:500}.wall-display small{font-size:10px;color:#b1c4b4;line-height:1.8}.wall-display p{font-size:12px}.wall-display strong{font-size:22px;color:#f0d299}.wall-stacks{display:grid;grid-template-columns:repeat(8,17px);gap:5px 3px}.wall-stack{display:flex;flex-direction:column;height:29px}.wall-stack .tile-back{width:17px;height:16px;flex-shrink:0}.wall-stack .tile-back+.tile-back{margin-top:-5px}.public-feedback{position:absolute;top:8px;right:8px;font-size:12px}.table-safe{position:absolute;left:0;bottom:225px;width:23%;height:40px}.mahjong-table[data-input-mode=mouse] .table-safe{visibility:hidden}.waiting-room{width:min(100%,460px);margin:auto}.result-overlay{width:min(800px,78%);padding-inline:24px}}@media(min-width:1600px)and (min-height:850px){.mahjong-table{gap:12px 30px}.hand-tile{height:82px;font-size:28px}.hand-slot{max-width:var(--tile-max)}.own-hand{--tile-max: 59px;min-height:101px}.river,.own-river .river{grid-template-columns:repeat(6,32px);grid-auto-rows:38px}.river li,.river .tile-static{width:31px;height:37px}.river .tile-static{font-size:18px}.opponent-backs{height:30px}.opponent-backs .tile-back{width:17px;height:28px}.table-center{padding-block:16px}.table-center .tile-static{width:30px;height:40px}.table-brand{font-size:19px}.round-info{font-size:14px}}.leave-after-match{min-height:32px;padding:6px;font-size:10px;white-space:nowrap;color:inherit;background:transparent;border:1px solid #72968a;border-radius:6px}.leave-after-match[aria-pressed=true]{color:#ffe5a5;background:#38574b;border-color:#e2c681}.qualification-notices{position:fixed;top:calc(128px + env(safe-area-inset-top));right:12px;z-index:100;max-width:min(28rem,calc(100vw - 24px));pointer-events:none}.qualification-notices p{margin:0 0 6px;padding:8px 12px;border:1px solid #bda874;border-radius:8px;background:#163932f0;color:#fff8df;font-size:.8rem;line-height:1.4}@media(min-width:900px){.qualification-notices{top:calc(76px + env(safe-area-inset-top))}}body:has(.vega-play){min-height:100dvh;background:#08111d}@media(max-height:740px)and (max-width:899px){.vega-play .dev-live-table[data-input-mode=touch]>.tl-public{max-width:min(620px,calc((100dvh - 262px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 370 / 386))}}.play-shell.vega-play{width:100%;max-width:1100px;height:100dvh;min-height:0;padding:env(safe-area-inset-top) 10px calc(env(safe-area-inset-bottom) + 4px);background:#0b1523}@media(min-width:900px){.vega-play .dev-live-table[data-input-mode=touch]>.tl-public{max-width:min(620px,calc((100dvh - 340px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 370 / 386))}}.vega-logo{position:relative;width:100%;max-width:20rem;flex:none}.vega-logo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stats-page{padding-top:var(--vega-page-top);min-width:0}.stats-card{margin-bottom:24px;min-width:0}.stats-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.vega-home .stats-card-heading h2{font-size:clamp(18px,3vw,24px);letter-spacing:.08em;font-weight:500}.stats-card-heading>span{color:var(--vega-muted);font-size:12px;white-space:nowrap}.stats-periods{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:8px 0 12px;margin-bottom:16px}.stats-values{min-height:270px}.stats-groups{display:grid;gap:26px}.stats-groups h3{margin:0 0 16px;font-size:13px;font-weight:500;color:var(--vega-muted);letter-spacing:.08em}.stats-groups dl{margin:0;display:grid;gap:16px 12px}.stats-income{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-income .stats-metric:first-child{grid-column:1 / -1}.stats-trends{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-metric{min-width:0}.stats-metric dt{font-size:12px;color:var(--vega-muted);margin-bottom:7px}.stats-metric dd{margin:0;font-size:var(--vega-metric);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.015em;overflow-wrap:anywhere}.stats-income .stats-metric:not(:first-child) dd{color:var(--vega-gold)}.vega-home .stats-footnote{color:var(--vega-muted);font-size:12px;line-height:1.9;margin:30px 0}@media(min-width:760px){.stats-groups{grid-template-columns:1.2fr 1fr;gap:36px}.stats-groups>section+section{padding-left:36px;border-left:1px solid var(--vega-border)}.stats-values{min-height:180px}}.ranking-page{max-width:var(--vega-content-width);margin-inline:auto;padding-top:var(--vega-page-top);min-width:0}.ranking-panel{min-width:0}.ranking-tier-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.vega-home .ranking-tier-selector button{background:transparent;border:1px solid var(--vega-border);border-radius:var(--vega-radius-control);padding:10px 14px;min-height:54px;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ranking-tier-selector small{font-size:12px;letter-spacing:.08em;color:var(--vega-muted)}.ranking-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.vega-home .ranking-panel button[aria-pressed=true]{color:var(--vega-gold);background:#d1bc8c0d;border-color:var(--vega-gold)}.ranking-list-heading{margin:26px 0 16px}.vega-home .ranking-list-heading h2{font-size:15px;font-weight:500;overflow-wrap:anywhere}.ranking-list-heading p{color:var(--vega-muted);font-size:12px;padding-top:6px}.ranking-list-heading p span{padding-left:8px}.ranking-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0;min-width:0}.ranking-list>div+div{border-top:1px solid var(--vega-border)}.ranking-position{font-size:15px;color:var(--vega-muted);font-variant-numeric:tabular-nums}.ranking-row[data-leading=true] .ranking-position{color:var(--vega-gold)}.ranking-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.ranking-value{text-align:right;font-size:16px;font-variant-numeric:tabular-nums;max-width:44vw;overflow-wrap:anywhere}.ranking-own{margin-top:24px;border-top:1px solid var(--vega-gold);padding-top:16px}.ranking-own h3{margin:0;font-size:13px;font-weight:400;color:var(--vega-gold)}.ranking-pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}.vega-home .ranking-pagination button{width:var(--vega-touch);height:var(--vega-touch);padding:0;border-radius:var(--vega-radius-control)}.vega-home .ranking-pagination [aria-current=page]{border-color:var(--vega-gold);color:var(--vega-gold);background:#d1bc8c0d}.ranking-message{min-height:130px;padding-block:24px;color:var(--vega-muted)}.vega-home .ranking-message a{color:var(--vega-gold);text-decoration:underline}.ranking-message button{background:transparent;border:0;text-decoration:underline;padding:10px}.ranking-coming-soon{text-align:center;padding:64px 0}.vega-home .ranking-coming-soon h2{font-size:18px;letter-spacing:.1em}.ranking-coming-soon p{padding-top:16px;color:var(--vega-gold);font-size:16px;letter-spacing:.15em}@media(min-width:760px){.ranking-row{grid-template-columns:3.5rem minmax(0,1fr) auto;padding:17px 8px}.ranking-username,.ranking-value{font-size:17px}}.history-page{max-width:var(--vega-content-width);margin:0 auto;padding-top:var(--vega-page-top);min-width:0}.history-page h1:focus{outline:none}.history-page button{font:inherit;cursor:pointer}.history-page button:disabled{cursor:default;opacity:.45}.history-page :is(button,a):focus-visible{outline:2px solid var(--vega-gold);outline-offset:3px}.history-modes small{display:block;font-size:.56rem;letter-spacing:.12em;margin-top:3px}.history-list-info{display:flex;justify-content:space-between;gap:var(--vega-card-gap);color:var(--vega-muted);font-size:.75rem}.vega-home .history-message{color:var(--vega-gold);font-size:.8rem;margin:10px 0}.history-message:empty{display:none}.history-list{list-style:none;padding:0;display:grid;gap:var(--vega-card-gap);margin:16px 0 0}.history-card{display:flex;align-items:stretch;min-width:0;border:1px solid var(--vega-border);border-radius:var(--vega-radius-compact);background:var(--vega-card)}.vega-home .history-star{flex:0 0 48px;border:0;border-radius:12px 0 0 12px;background:transparent;color:#99865f;font-size:1.6rem}.vega-home .history-star[aria-pressed=true]{color:#e2c986}.history-card-link{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;min-width:0;flex:1;padding:14px 20px 14px 0;text-decoration:none;color:var(--vega-text);border-radius:10px}.history-card-link:hover{background:#ffffff03}.history-card-meta{display:flex;align-items:center;gap:12px;grid-column:1;min-width:0;font-size:.9rem;font-variant-numeric:tabular-nums}.history-tier{color:var(--vega-gold);border:1px solid #a68a503d;border-radius:5px;padding:3px 7px;font-size:.64rem;letter-spacing:.04em}.history-tier-short{display:none}.history-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1 / -1;min-width:0;color:var(--vega-muted);font-size:.76rem;margin:0;line-height:1.35}.history-player{display:grid;gap:2px;min-width:0;padding:0 6px;border-right:1px solid var(--vega-border)}.history-player:last-child{border-right:0}.history-player small{font-size:.625rem;line-height:1.2;color:var(--vega-muted)}.history-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vega-text)}.history-pt{grid-column:2;grid-row:1;align-self:center;text-align:right;white-space:nowrap;font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:500}.history-pt[data-sign=positive]{color:#d8c99f}.history-pt[data-sign=negative]{color:#d8a7a5}.history-empty{padding:54px 20px;text-align:center;color:var(--vega-muted);border:1px solid var(--vega-border);border-radius:12px}.history-detail{overflow-wrap:anywhere}.vega-home .history-back,.vega-home .history-event-controls button{color:var(--vega-gold);border:1px solid var(--vega-border);background:var(--vega-card);padding:12px 16px;border-radius:8px}.vega-home .history-detail h2{font-size:1.15rem;margin-top:28px}.history-result-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.history-result-players section{background:var(--vega-card);padding:14px;border:1px solid var(--vega-border);border-radius:10px}.history-result-players h3{font-size:.9rem;margin:0 0 12px}.history-result-players p{font-size:.75rem;color:var(--vega-muted)}.history-events{background:var(--vega-card);padding:20px 20px 20px 58px;border:1px solid var(--vega-border);border-radius:12px}.history-events li{padding:9px 0;font-size:.85rem;border-bottom:1px solid var(--vega-border)}.history-events li::marker{color:var(--vega-muted)}.history-event-controls{display:flex;justify-content:space-between}@media(max-width:600px){.history-card-link{padding:10px 12px 10px 0;column-gap:8px}.history-card-meta{gap:8px;font-size:.79rem}.history-tier-full{display:none}.history-tier-short{display:inline}.vega-home .history-star{flex-basis:44px}.history-players{font-size:.78rem}.history-pt{font-size:1rem}.history-result-players{grid-template-columns:1fr}}:where(.vega-home,.auth-page){--vega-bg: #080d15;--vega-card: #101824;--vega-text: #f3efe5;--vega-muted: #a7afbb;--vega-gold: #d1bc8c;--vega-border: #2b3441;--vega-control-border: #5c6b7e;--vega-selected: #d1bc8c0d;--vega-hover: #ffffff07;--vega-pressed: #d1bc8c18;--vega-error: #d8a7a5;--vega-radius: 16px;--vega-radius-compact: 12px;--vega-radius-control: 8px;--vega-radius-pill: 999px;--vega-shadow: 0 10px 30px #0003;--vega-content-width: 920px;--vega-gutter: 20px;--vega-page-top: 88px;--vega-section-gap: 24px;--vega-card-gap: 10px;--vega-card-padding: 22px;--vega-touch: 44px;--vega-header-top: 10px;--vega-header-right: 14px;--vega-nav-clearance: 100px;--vega-nav-label: .6875rem;--vega-title: clamp(1.75rem, 4vw, 2.25rem);--vega-section-title: 1.15rem;--vega-metric: clamp(1.25rem, 2.4vw, 1.8125rem);--vega-label: .875rem;--vega-helper: .75rem}@media(min-width:760px){:where(.vega-home,.auth-page){--vega-gutter: 48px;--vega-card-padding: 28px 36px}}.vega-home{min-height:100dvh;background:var(--vega-bg);color:var(--vega-text);padding:env(safe-area-inset-top,0px) max(var(--vega-gutter),env(safe-area-inset-right)) calc(var(--vega-nav-clearance) + env(safe-area-inset-bottom,0px)) max(var(--vega-gutter),env(safe-area-inset-left));font-family:system-ui,sans-serif;line-height:1.6}.vega-home *,.vega-home *:before,.vega-home *:after{box-sizing:border-box}.vega-home a{color:inherit;text-decoration:none}.vega-home button{font:inherit;color:inherit;cursor:pointer}.vega-home :is(a,button,select):focus-visible{outline:2px solid var(--vega-gold);outline-offset:4px}.vega-home button:disabled{cursor:default}.vega-home h1,.vega-home h2,.vega-home p{margin:0}.vega-home h1{font-size:1.5rem;letter-spacing:.04em}.vega-home h2{font-size:var(--vega-section-title);font-weight:500}.home-content{max-width:var(--vega-content-width);margin:auto}.home-header{padding:64px 0 16px;text-align:center}.home-header .vega-logo{width:192px;margin:auto}.home-eyebrow{color:var(--vega-muted);letter-spacing:.17em;font-size:.68rem;font-weight:600}.home-play{padding:4px 0 30px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.home-section-heading small{color:var(--vega-muted);font-size:.75rem}.home-play-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:840px;margin-inline:auto}.home-tier-card{min-width:0;aspect-ratio:4 / 3;position:relative;border:0;border-radius:var(--vega-radius);background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.home-play-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.home-tier-card span{font-size:.7rem;letter-spacing:.12em}.home-tier-card strong{font-size:1.7rem;font-weight:600;letter-spacing:.09em}.home-tier-card small{font-size:.72rem}.home-tier-card:disabled{color:var(--vega-muted)}.home-tier-card[data-tier=PROFESSIONAL]{grid-column:1 / -1;width:calc(50% - 6px);justify-self:center}.home-muted{color:var(--vega-muted)}.home-stats-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.home-stats-comparison[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tier-record{min-width:0;padding:0 14px}.home-tier-record:first-child{padding-left:0}.home-tier-record:last-child{padding-right:0}.home-tier-record+.home-tier-record{border-left:1px solid var(--vega-border)}.home-tier-record h3{font-size:.78rem;letter-spacing:.04em;font-weight:600;margin:2px 0 20px;overflow-wrap:anywhere}.home-tier-record dl,.home-tier-record dd{margin:0}.home-tier-record dl>div+div{margin-top:24px}.home-tier-record dt{color:var(--vega-muted);font-size:.8rem;margin-bottom:4px}.home-tier-record strong{display:block;font-size:clamp(1.05rem,3.8vw,1.6rem);color:var(--vega-gold);font-weight:500;overflow-wrap:anywhere}.home-tier-record strong small{font-size:.75rem}.home-tier-record dd>span{font-size:.85rem}.home-ranking{padding-inline:12px}.home-ranking .home-section-heading{padding-inline:8px}.home-rank-comparison{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}.home-rank-comparison th{font-size:.75rem;font-weight:500;overflow-wrap:anywhere}.home-rank-comparison thead th{padding:12px 4px;text-align:left}.home-rank-comparison thead small{display:block;color:var(--vega-muted);font-size:.75rem;margin-top:4px}.home-rank-comparison th.home-rank-position{width:22px}.home-rank-comparison tbody th{vertical-align:middle;text-align:left;color:var(--vega-muted)}.home-rank-comparison td{padding:12px 5px;vertical-align:top;height:98px;border-left:1px solid var(--vega-border)}.home-rank-comparison tr{border-bottom:1px solid var(--vega-border)}.home-rank-comparison .home-rank{display:block;font-size:.75rem;margin-bottom:2px}.home-rank-comparison strong{display:block;font-size:.875rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-rank-value{display:block;font-size:.875rem;overflow-wrap:anywhere}.home-rank-value small{margin-left:3px;color:var(--vega-muted);font-size:.75rem}.home-rank-empty{font-size:.75rem;color:var(--vega-muted)}.home-feature-icon .home-content-icon{width:48px;height:48px}.home-bottom-nav .home-content-icon{width:32px;height:32px}.home-ranking-toggle{width:100%;background:transparent;border:0;cursor:pointer}@media(min-width:760px){.home-ranking .home-section-heading{padding-inline:0}.home-tier-record{padding-inline:30px}.home-tier-record h3{font-size:1rem}.home-rank-comparison thead th{font-size:.9rem;padding-inline:18px}.home-rank-comparison td{padding:18px}.home-rank-comparison strong,.home-rank-value{font-size:1rem}}@media(max-width:480px){.home-stats-comparison[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.home-stats-comparison[data-columns="3"]>:last-child{grid-column:1 / -1;border-left:0;border-top:1px solid var(--vega-border);padding:20px 0 0}.home-stats-comparison[data-columns="3"]>:last-child dl{display:grid;grid-template-columns:1fr 1fr}.home-stats-comparison[data-columns="3"]>:last-child dl>div+div{margin-top:0;padding-left:14px}}.home-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-icon{width:24px;height:24px;flex:0 0 auto}.home-tools{position:fixed;z-index:20;right:max(var(--vega-header-right),env(safe-area-inset-right));top:max(var(--vega-header-top),env(safe-area-inset-top));display:flex;gap:2px;padding:3px;border:1px solid #2b344180;border-radius:14px;background:#0c131ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-tools>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;font-size:.875rem;white-space:nowrap;border-radius:8px}.home-tools .home-register{border:1px solid #d1bc8c70;color:var(--vega-gold);background:#182333a8}.home-auth-prompt{width:min(380px,calc(100% - 40px));max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:28px 24px;border:1px solid #d1bc8c70;border-radius:14px;background:var(--vega-card);color:var(--vega-text);box-shadow:0 12px 36px #0005}.home-auth-prompt::backdrop{background:#0009}.home-auth-prompt h2{font-size:1rem}.home-auth-actions{display:grid;gap:12px;margin-top:24px}.home-auth-actions>*{display:grid;place-items:center;min-height:44px;padding:8px 12px;border:1px solid #d1bc8c70;border-radius:8px;background:transparent}.home-auth-actions>:first-child{background:#d1bc8c;color:#080d15}.home-auth-actions>button{border-color:transparent;color:var(--vega-muted)}.home-tools button,.home-drawer-heading button{position:relative;display:grid;place-items:center;background:none;border:0;width:44px;height:44px;border-radius:10px}.home-badge{position:absolute;top:0;right:0;min-width:16px;padding:0 3px;border-radius:8px;background:var(--vega-gold);color:var(--vega-bg);font-size:.6rem}.home-panel{margin:0 0 var(--vega-section-gap);padding:var(--vega-card-padding);border:1px solid var(--vega-border);background:var(--vega-card);border-radius:var(--vega-radius)}.vega-home select{font:inherit;font-size:.7rem;color:var(--vega-text);background:var(--vega-card);border:1px solid var(--vega-border);padding:12px 6px;border-radius:8px;max-width:45%;min-height:44px}.home-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-stats-grid>div+div{border-left:1px solid var(--vega-border);padding-left:20px}.home-stats-grid strong{display:block;font-size:clamp(1.35rem,4.5vw,2rem);font-weight:500}.home-stats-grid strong small{font-size:.75rem;color:var(--vega-muted);margin-left:6px}.home-stats-grid>div>span{color:var(--vega-gold);font-size:1.05rem}.home-stats-grid p{font-size:.8rem}.home-stats-grid p small{display:block;font-size:.65rem}.home-ranking ol{list-style:none;padding:0;margin:4px 0 14px}.home-ranking li,.home-self-rank{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--vega-border);font-size:.84rem}.home-ranking li strong,.home-self-rank strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.home-rank{color:var(--vega-gold);min-width:25px}.home-ranking li:first-child{font-size:1.03rem}.home-self-rank{font-size:.72rem;border-bottom:none;color:var(--vega-muted)}.home-more-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:12px;font-size:.8rem;color:var(--vega-gold)!important}.home-empty{padding:28px 0;font-size:.85rem;color:var(--vega-muted)}.home-features{padding:18px 0}.home-features>p{margin:0 0 16px}.home-feature{display:flex;align-items:center;gap:16px;min-height:88px;border-bottom:1px solid var(--vega-border)}.home-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;overflow:hidden;color:var(--vega-gold)}.home-feature>span:nth-child(2){flex:1}.home-feature strong{font-size:1rem;font-weight:500}.home-feature small{display:block;color:var(--vega-muted);font-size:.76rem}.home-feature>span:last-child{color:var(--vega-muted)}.home-footer{text-align:center;color:var(--vega-gold);padding:34px 0 14px;font-family:Georgia,serif;letter-spacing:.2em}.home-footer span{display:block;font:.55rem system-ui,sans-serif;letter-spacing:.25em;color:var(--vega-muted);margin-top:8px}.home-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:2px;padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#0c131ef5;border-top:1px solid var(--vega-border)}.home-bottom-nav>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:20%;max-width:140px;min-height:52px;padding:4px 0;border:0;border-radius:10px;background:none;color:var(--vega-muted);font-size:var(--vega-nav-label)}.home-bottom-nav [aria-current=page],.home-bottom-nav [aria-expanded=true]{color:var(--vega-gold);background:#d1bc8c12}.vega-home .home-bottom-nav button{font-size:var(--vega-nav-label)}.home-drawer{position:fixed;margin:0 0 0 auto;inset:0;width:min(360px,calc(100% - 44px));height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--vega-border);padding:calc(18px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));color:var(--vega-text);background:var(--vega-card);overflow-y:auto}.home-drawer::backdrop{background:#0008}.home-drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-drawer-user{margin-bottom:30px;overflow-wrap:anywhere}.home-drawer-user small{display:block;color:var(--vega-gold)}.home-drawer ul{list-style:none;margin:0;padding:15px 0;border-top:1px solid var(--vega-border)}.home-drawer li a{display:flex;justify-content:space-between;align-items:center;min-height:52px;font-size:.9rem}.home-notifications li{padding:16px 0;border-bottom:1px solid var(--vega-border);font-size:.87rem}.home-notifications>small{display:block;margin-top:24px;font-size:.7rem}.home-route-boundary{padding:110px 0 60px}.home-route-boundary h1{margin:18px 0}.home-route-boundary>p{color:var(--vega-muted)}.home-error{border:1px solid #ac8282;padding:12px;border-radius:8px;font-size:.8rem;margin:12px 0}.home-error button{background:none;border:0;text-decoration:underline;min-height:44px;padding-inline:12px}.home-tier-card strong.home-card-message{font-size:.8rem;letter-spacing:0;display:flex;flex-direction:column;align-items:center;gap:6px}@media(hover:hover)and (pointer:fine){.home-feature:hover,.home-drawer a:hover{color:var(--vega-gold)}.home-tier-card:not(:disabled):hover{transform:translateY(-1px)}}@media(min-width:760px){.home-header{padding:32px 0 20px}.home-header .vega-logo{width:240px}.home-play-cards{gap:24px}.home-tier-card strong{font-size:2.2rem}.home-tier-card[data-tier=PROFESSIONAL]{width:calc(50% - 12px)}.home-stats-grid strong{font-size:2.2rem}.home-stats-grid p small{display:inline;margin-left:8px}.home-features>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 48px}.home-ranking li,.home-self-rank{padding-inline:16px}}@media(max-height:700px)and (max-width:759px){.home-header{padding-top:64px;padding-bottom:16px}.home-header .vega-logo{width:168px}}.vega-home .vega-page-title{margin:0 0 var(--vega-section-gap)}.vega-home .vega-page-title h1{margin:6px 0 0;font-family:inherit;font-size:var(--vega-title);font-weight:500;line-height:1.3;letter-spacing:.02em}.vega-home .vega-page-title>p:last-child:not(:first-child){margin-top:12px;font-size:var(--vega-label)}.vega-home .home-bottom-nav .home-icon{width:28px;height:28px}.vega-home .vega-pill,.vega-home .ranking-pagination button{position:relative;flex:0 0 auto;min-height:var(--vega-touch);padding:8px 14px;border:1px solid var(--vega-control-border);border-radius:var(--vega-radius-pill);background:transparent;color:var(--vega-muted);font-size:var(--vega-helper);font-weight:500;line-height:1.4}.vega-home .ranking-pagination button{padding:0;border-radius:var(--vega-radius-control)}.vega-home .vega-pill[aria-pressed=true]:not(:disabled),.vega-home .ranking-pagination [aria-current=page]{background:var(--vega-selected);border-color:var(--vega-gold);color:var(--vega-gold)}.vega-home .vega-pill:disabled{background:transparent;border-color:var(--vega-border);color:var(--vega-muted);opacity:.45;cursor:default}.vega-home .vega-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:var(--vega-section-gap);border-bottom:1px solid var(--vega-border)}.vega-home .vega-tabs button{min-height:64px;padding:10px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--vega-muted);font-size:1rem;font-weight:500;line-height:1.4}.vega-home .vega-tabs [aria-selected=true]:not(:disabled){color:var(--vega-gold);border-bottom-color:var(--vega-gold)}.vega-home .vega-tabs small{font-size:.625rem;letter-spacing:.04em}.vega-home .vega-state{padding:24px 16px;border:1px solid var(--vega-border);border-radius:var(--vega-radius-compact);background:var(--vega-card);color:var(--vega-muted);font-size:var(--vega-label);line-height:1.6;overflow-wrap:anywhere}.vega-home .vega-state[data-kind=error]{border-inline-start:2px solid var(--vega-error)}.vega-home .vega-state[data-kind=loading]:before{content:"";display:block;width:32px;height:2px;margin-bottom:12px;background:var(--vega-gold);opacity:.6}.vega-home .vega-state button{display:block;min-height:var(--vega-touch);margin-top:12px;padding:8px 14px;border:1px solid var(--vega-control-border);border-radius:var(--vega-radius-control);background:transparent;color:var(--vega-text);font-size:var(--vega-label)}.vega-home .vega-state a{text-decoration:underline;text-underline-offset:3px}.vega-home :is(a,button):active:not(:disabled),.auth-page button:active:not(:disabled){background-color:var(--vega-pressed)}.auth-page .auth-submit:active:not(:disabled){background-color:#baa579}.vega-home :is(a,button,select),.auth-page :is(a,button,input){scroll-margin-block:80px 110px;-webkit-tap-highlight-color:#d1bc8c24}@media(hover:hover)and (pointer:fine){.vega-home :is(.vega-pill,.vega-tabs button,.ranking-pagination button,.home-tools>*,.home-bottom-nav>*,.vega-state button):hover:not(:disabled),.auth-page .auth-text-button:hover:not(:disabled){background-color:var(--vega-hover);color:var(--vega-text)}}:root{color:#f7f4e8;background:#0a1713;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{display:grid;min-height:100svh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgb(43 112 82 / 40%),transparent 42%),linear-gradient(155deg,#10261f,#07110e 70%)}.hero{width:min(100%,430px);padding:32px 24px;border:1px solid rgb(241 223 154 / 18%);border-radius:24px;background:#040e0bad;box-shadow:0 24px 80px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{margin:0 0 14px;color:#d8bd67;font-size:.75rem;font-weight:700;letter-spacing:.18em}h1{margin:0;font-size:clamp(2.4rem,12vw,4rem);line-height:1.08;letter-spacing:-.06em}.lead{max-width:28rem;margin:20px 0 28px;color:#d5ddd9;line-height:1.75}.status{display:flex;gap:10px;align-items:center;min-height:48px;padding:12px 14px;border:1px solid rgb(255 255 255 / 9%);border-radius:14px;color:#dde7e2;background:#ffffff0d;font-size:.9rem}.status__dot{width:9px;height:9px;border-radius:50%;background:#d8bd67;box-shadow:0 0 0 5px #d8bd671f}.status--online .status__dot{background:#5de29d;box-shadow:0 0 0 5px #5de29d1f}.status--offline .status__dot{background:#e66f64;box-shadow:0 0 0 5px #e66f641f}.scope-note{margin:18px 2px 0;color:#81918a;font-size:.78rem;line-height:1.6}@media(min-width:800px){.hero{padding:42px}}