*{margin:0;padding:0;box-sizing:border-box}:root{--ui-font: "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--home-display: "Bahnschrift", "DIN Alternate", "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", var(--ui-font);--z-overlay: 50;--z-winfx: 60;--z-curtain: 70;--z-match-intro: 80;--z-gate: 90;--z-modal: 110;--z-previewroom: 115;--z-hovercard: 118;--z-tutorial: 120;--z-toasts: 130}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0d2018;color:#f0e6c8;font-family:var(--ui-font);overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}.hidden{display:none!important}*{scrollbar-width:thin;scrollbar-color:#34405c transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3.5px solid transparent;border-radius:999px;background-color:#34405c;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#4a5878}::-webkit-scrollbar-corner{background:transparent}#table{position:absolute;inset:0;width:100%;height:100%;display:block}:root{--ui-scale: 1;--hud-boost: 1;--modal-boost: 1;--claims-boost: 1;--vp-w: 100vw;--vp-h: 100vh}#stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--ui-scale));transform-origin:center;z-index:10}html.force-landscape,html.force-landscape body{overflow:hidden}html.force-landscape body{position:fixed;top:0;left:0;width:var(--rot-w);height:var(--rot-h);transform-origin:top left;transform:translate(var(--rot-h)) rotate(90deg)}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}:where(#ui-root)>*{pointer-events:auto}#app:after{content:"";position:fixed;inset:0;z-index:9;pointer-events:none;border-style:solid;border-color:transparent;border-width:var(--ui-pad-y, 0) var(--ui-pad-x, 0);transition:border-color .16s ease}#app:has(#lobby:not(.hidden)):after,#app:has(#round-end:not(.hidden)):after,#app:has(#info-modal:not(.hidden)):after,#app:has(.solo-modal:not(.hidden)):after,#app:has(.tut-modal):after{border-color:#040c099e}#hud-scale{position:absolute;left:50%;bottom:0;width:1600px;height:900px;transform:translate(-50%) scale(var(--hud-boost));transform-origin:50% 100%;pointer-events:none;z-index:20}#hud-scale>*{pointer-events:auto}#hand-hud{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:18px;z-index:20}#hand-area{position:relative;height:108px;min-width:66px}.tile{position:absolute;bottom:0;left:0;width:66px;height:92px;border-radius:8px;background:var(--tile-body, linear-gradient(180deg, #faf5e6 0%, #ece2c8 100%));border:1px solid rgba(0,0,0,.4);box-shadow:0 3px 4px #00000073;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:translate .2s cubic-bezier(.22,1,.36,1),transform .12s ease-out,filter .1s ease}@media(hover:hover)and (pointer:fine){.tile:not(.disabled):hover{transform:translateY(-8px)}}.tile:not(.disabled):active{transform:translateY(-6px) scale(.97)}.tile:focus-visible{outline:3px solid #ffd54f;outline-offset:2px}.tile.moving{pointer-events:none}.tile.disabled{pointer-events:none;cursor:default;filter:brightness(.72)}.tile.riichi-option{outline:3px solid #ffd54f;outline-offset:-1px;filter:none}.tile img{width:100%;height:100%;padding:9% 8%;box-sizing:border-box;object-fit:fill;pointer-events:none}.tile-label{font-weight:700;font-size:20px;pointer-events:none}.tile-label.tile-honor{font-size:25px}.tile.mini{position:static;width:30px;height:42px;cursor:default;box-shadow:none}.tile.mini .tile-label{font-size:13px}.tile.mini .tile-label.tile-honor{font-size:17px}.tile.tile-enter{animation:tile-drop-in .3s ease-out}@keyframes tile-drop-in{0%{transform:translateY(-18px);opacity:0}to{transform:none;opacity:1}}.tile.dora{overflow:hidden}.tile.dora:after{content:"";position:absolute;top:-40%;left:-170%;width:55%;height:180%;background:linear-gradient(to right,#fff0,#ffffff8c,#fff0);transform:rotate(18deg);animation:dora-gleam 4s ease-in-out infinite;animation-delay:var(--dora-sync, 0ms);pointer-events:none}@keyframes dora-gleam{0%{transform:translate(0) rotate(18deg);opacity:0}6%{opacity:1}24%{transform:translate(618%) rotate(18deg);opacity:1}26%{transform:translate(618%) rotate(18deg);opacity:0}to{transform:translate(618%) rotate(18deg);opacity:0}}#app{--actions-left: calc(50% + 348px) ;--actions-maxw: calc(948px / var(--hud-boost) - 348px)}#side-actions{position:absolute;left:var(--actions-left);transform:scale(var(--claims-boost, 1));transform-origin:0 100%;bottom:200px;z-index:21;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.action-btn-row{display:flex;align-items:center;gap:8px}#riichi-btn{padding:14px 18px;font-size:17px;font-weight:700;border:none;border-radius:10px;background:#ef9a2d;color:#241a06;cursor:pointer;box-shadow:0 3px 5px #0006;white-space:nowrap}#riichi-btn:hover:not(:disabled){background:#ffad3f}#riichi-btn:disabled{opacity:.45;cursor:default}#draw-btn{padding:14px 20px;font-size:17px;font-weight:700;border:none;border-radius:10px;background:#2e7d5b;color:#f0e6c8;cursor:pointer;box-shadow:0 3px 5px #0006}#draw-btn:hover:not(:disabled){background:#379067}#draw-btn:disabled{opacity:.45;cursor:default}#stamina-hud{position:absolute;left:50%;transform:translate(-50%);bottom:133px;width:300px;height:16px;border-radius:8px;background:#0a0e18b8;border:1px solid rgba(255,255,255,.14);overflow:hidden;z-index:20}.stamina-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#2e8b62,#63d29a)}.stamina-fill.low{background:linear-gradient(90deg,#a03a2c,#e0684f)}.stamina-text{position:absolute;inset:0;text-align:center;font-size:11px;line-height:16px;color:#f0eee6;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}#deal-countdown{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:96px;font-weight:900;line-height:1.05;color:#ffd76e;text-shadow:0 0 32px rgba(255,215,110,.45),0 3px 8px rgba(0,0,0,.7);pointer-events:none;z-index:28}#deal-countdown .count-digit{display:inline-block;animation:countdown-pop .95s ease-out forwards}@keyframes countdown-pop{0%{transform:scale(1.4);opacity:1}55%{transform:scale(1);opacity:.95}to{transform:scale(.8);opacity:0}}#deal-countdown .count-go{font-size:68px;letter-spacing:.12em;text-indent:.12em}.tile-intl{position:absolute;top:3px;right:5px;font-size:12px;font-weight:800;line-height:1;color:#282c34d9;pointer-events:none;letter-spacing:-.02em}.tile.mini .tile-intl{top:1px;right:2px;font-size:8px}#waits-btn{flex:0 0 auto;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0006;color:#d8cfae;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}#waits-btn:hover{background:#ffffff1f;color:#f0e6c8}#waits-btn.held{background:#ffffff2e;color:#f0e6c8;border-color:#fff6}#waits-panel{position:absolute;transform:scale(var(--hud-boost));transform-origin:50% 100%;display:flex;align-items:center;gap:3px;padding:6px 10px;border-radius:10px;background:#0a0e18f0;border:1px solid rgba(122,199,79,.55);box-shadow:0 6px 18px #00000080;z-index:31;pointer-events:none}#waits-panel .tile.mini{position:static;width:26px;height:36px;box-shadow:none}#waits-panel .wait-cell{display:flex;flex-direction:column;align-items:center;gap:2px}#waits-panel .wait-left{font-size:11px;font-weight:700;line-height:1;color:#cfe7b8;font-variant-numeric:tabular-nums}#waits-panel .wait-cell.is-dead .wait-left{color:#8a8f99}#waits-panel .wait-cell.is-dead .tile.mini{opacity:.45}#furiten-badge{position:absolute;left:50%;transform:translate(-50%);bottom:197px;padding:6px 20px;border-radius:999px;background:#c83020f5;border:2px solid rgba(255,210,200,.75);color:#fff;font-size:16px;font-weight:900;letter-spacing:.08em;white-space:nowrap;z-index:25;pointer-events:none;box-shadow:0 0 18px #e03c28bf;animation:furiten-pulse 1.1s ease-in-out infinite}@keyframes furiten-pulse{0%,to{box-shadow:0 0 14px #e03c2899;transform:translate(-50%) scale(1)}50%{box-shadow:0 0 26px #ff5a3cf2;transform:translate(-50%) scale(1.05)}}#discard-hint{position:absolute;left:50%;transform:translate(-50%);bottom:169px;padding:5px 16px;border-radius:999px;background:#2e7d5beb;border:1px solid rgba(255,255,255,.22);color:#f0e6c8;font-size:13px;font-weight:700;z-index:21;pointer-events:none;animation:takeover-pulse 1s ease-in-out infinite}#takeover-countdown{position:absolute;left:50%;bottom:150px;transform:translate(-50%);padding:6px 18px;border-radius:999px;background:#a03a2ce6;border:1px solid rgba(255,255,255,.22);color:#ffe9dd;font-size:15px;font-weight:700;white-space:nowrap;z-index:21;pointer-events:none;animation:takeover-pulse 1s ease-in-out infinite}:root.hud-boosted #takeover-countdown{top:50%;bottom:auto;transform:translate(-50%,-50%) scale(var(--hud-boost, 1))}@keyframes takeover-pulse{0%,to{opacity:1}50%{opacity:.65}}.player-info{position:absolute;z-index:19;background:#0a0e18b8;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px 8px;color:#e8e4d8;font-size:13px;min-width:100px;max-width:150px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;gap:7px;scale:var(--hud-boost, 1)}.pi-avatar-wrap{position:relative}.pi-avatar{width:76px;height:76px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#f4f0e6;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #0006}.pi-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pi-status{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid rgba(0,0,0,.45);box-shadow:0 1px 4px #00000080}.pi-status.st-riichi{background:#c8452f;color:#ffe9dd}.pi-status.st-finished{background:#c9a53b;color:#241c05}.pi-status.st-auto{background:#4a5a74;color:#dde6f4}.pi-name{font-size:12px;font-weight:700;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-top:2px}.pi-stamina{width:58px;height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden;margin-top:1px}.pi-stamina-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#2e8b62,#63d29a)}.pi-stamina-fill.low{background:linear-gradient(90deg,#a03a2c,#e0684f)}.player-info:hover{border-color:#ffffff4d}.pi-rel0{left:14px;bottom:160px;transform-origin:0 100%}.pi-rel1{right:14px;top:26%;transform-origin:100% 0}.pi-rel2{left:14px;top:14px;transform-origin:0 0}.pi-rel3{left:14px;top:52%;transform-origin:0 50%}.player-info.pi-anchored{inset:0 auto auto 0!important;transform:translate(-50%,-50%);transform-origin:0 0;scale:1}#claims{position:absolute;left:var(--actions-left);transform:scale(var(--claims-boost, 1));transform-origin:0 100%;bottom:292px;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px;z-index:30}:root.hud-boosted #claims,:root.hud-boosted #side-actions{left:auto;right:calc(50% - 348px);align-items:flex-end;transform-origin:100% 100%}:root.hud-boosted #claims{--actions-maxw: calc((948px / var(--hud-boost) + 348px) / var(--claims-boost, 1))}:root.hud-boosted .pi-avatar{width:52px;height:52px;font-size:24px}:root.hud-boosted .player-info{padding:7px 9px 6px;gap:5px;min-width:84px}:root.hud-boosted .pi-name{font-size:16px;max-width:120px}:root.hud-boosted .pi-status{font-size:15px;padding:2px 9px}:root.hud-boosted .pi-stamina{width:64px;height:6px}:root.hud-boosted .hub-label{font-size:27px;letter-spacing:.04em}:root.hud-boosted .dr-toggle{font-size:22px}:root.hud-boosted .dt-text{font-size:21px}:root.hud-boosted .dt-count{font-size:18px}:root.hud-boosted .dt-foot{font-size:17px}:root.hud-boosted .dt-row{padding:16px 18px}:root.hud-boosted .daily-rail:not(.is-collapsed){width:470px}:root.hud-boosted .dt-reward-head{font-size:21px}:root.hud-boosted .dt-reward-hint{font-size:16px}:root.hud-boosted .dt-reward-claim{font-size:17px;padding:10px 18px}:root.hud-boosted #round-end .panel{max-height:none;overflow:visible}:root.hud-boosted #winfx{align-items:center;padding-top:0}.claim-row{display:flex;align-items:center;flex-wrap:wrap;max-width:var(--actions-maxw);gap:8px;background:#0000006b;border-radius:10px;padding:7px 9px}.claim-body{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}.claim-btn{border:none;border-radius:7px;padding:9px 16px;font-size:16px;font-weight:700;cursor:pointer;background:#e8dfc0;color:#22302a;transition:transform .1s ease-out,filter .1s ease-out}.claim-btn:not(:disabled):active{transform:scale(.96);filter:brightness(1.12)}@media(hover:hover)and (pointer:fine){.claim-btn:hover:not(:disabled){filter:brightness(1.08)}}.claim-btn.tile-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px}.claim-btn.tile-btn canvas{display:block;border-radius:3px}.claim-btn .claim-cost{font-size:14px;opacity:.85}.claim-btn:disabled{opacity:.45;cursor:default}.btn-win{background:#d64541;color:#fff;font-size:18px;padding:11px 20px}.btn-riichi{background:#ef9a2d;color:#241a06}.btn-kan,.btn-pon{background:#cfd8dc}.btn-chii{background:#b9d0c4}.claim-btn.has-cost{--cost-bg: #cfe8d2;--cost-edge: #3f9a5a;background:var(--cost-bg);border-left:5px solid var(--cost-edge)}.claim-btn.has-cost.cost-tier-2{--cost-bg: #f3e6a2;--cost-edge: #c9a227}.claim-btn.has-cost.cost-tier-3{--cost-bg: #f6c98e;--cost-edge: #d9782b}.claim-btn.has-cost.cost-tier-4{--cost-bg: #f2a59a;--cost-edge: #c8362b}.claim-btn.has-cost .claim-cost{font-weight:800;opacity:1;padding:1px 6px;border-radius:6px;background:#00000024}.btn-skip{background:transparent;color:#c9bfa3;font-size:18px;padding:6px 10px}.hot-badge{display:flex;align-items:center}.claim-row.pending{opacity:.85}.pending-label{font-size:14px;font-weight:700;color:#ffd54f;padding:6px 8px}.prompt-row{background:#8c3c1499;border:1px solid rgba(255,213,79,.5)}.prompt-countdown{min-width:46px;text-align:center;font-weight:700;font-size:15px;color:#ffd54f}.meld-gap{display:inline-block;width:12px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040c0999;z-index:var(--z-overlay)}#round-end .panel{transform:scale(var(--modal-boost))}#round-end.is-replay{pointer-events:none;background:#040c0957}.panel{background:#0d121ef5;border:1px solid #37415c;border-radius:16px;padding:26px 32px;min-width:400px;max-width:620px;max-height:918px;overflow-y:auto;box-shadow:0 14px 48px #0009}.end-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:6px}.end-title{margin:0}.end-sub{font-size:13px;color:#8d98b1;letter-spacing:.06em}.end-tenpai{margin:8px 0 0;font-size:13.5px;color:#aeb8ce}.end-phase-h{margin:10px 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#ffd54f}.end-stage-in{animation:end-stage-in .45s ease-out both}@keyframes end-stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel h1{font-size:26px;line-height:1.15;margin-bottom:20px}.panel h1 .sub{font-size:13px;color:#9db8a8;font-weight:400}#lobby{display:grid;align-items:center;justify-content:start;justify-items:start;overflow:hidden;background:#0d1220}#lobby.lobby-no3d{background:#0d1220 url(/home/keyart-1920.jpg) no-repeat 68% 48% / cover}@media(min-width:1921px),(min-resolution:1.5dppx){#lobby.lobby-no3d{background-image:url(/home/keyart-2560.jpg)}}#lobby-table{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .9s ease}#lobby-table.is-live{opacity:1}#lobby:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0d1220db,#0d12209e 24%,#0d122000 52%);pointer-events:none}.home{position:relative;z-index:2;width:1920px;height:1080px;flex:none;font-family:var(--home-display)}.home-logo{position:absolute;left:72px;top:64px;width:680px;height:170px;display:flex;align-items:center;gap:28px}.home-emblem{height:148px;width:auto;flex:none}.home-title{line-height:0}.home-title-img{height:68px;width:auto;display:block}.home-title-img.latin{height:53px}.home-sub{margin-top:10px;font-size:15px;font-weight:600;letter-spacing:.14em;color:#9aa5bd;text-transform:uppercase}.home-panel{position:absolute;left:48px;top:280px;width:790px;height:530px;background-image:linear-gradient(180deg,#e8c34a 0 1px,#3d4762 1px);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.home-panel-in{position:absolute;inset:1px;display:grid;padding:36px;background:#0c101cf7;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.home-form,.home-joined{display:flex;flex-direction:column;justify-content:center;min-height:0}.home-label{margin-bottom:10px;font-size:13px;font-weight:600;letter-spacing:.14em;color:#9aa5bd;text-transform:uppercase}.home-field{width:100%;height:64px;flex:none;padding:0 20px;border:1px solid #3d4762;border-radius:0;background:#080d18;color:#e8e4d8;font-family:var(--ui-font);font-size:20px;transition:border-color .12s ease-out}.home-field::placeholder{color:#68738b}.home-field:focus{outline:none;border-color:#e8c34a}.join-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#04070ea8;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.join-panel{position:relative;width:380px;padding:30px 34px 28px;background:#0d121e;border:1px solid #37415c;border-radius:16px;box-shadow:0 16px 52px #0009;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;text-align:center;animation:rc-pop .25s ease-out}.join-close{position:absolute;top:10px;right:12px;border:none;background:none;color:#68738b;font-size:20px;line-height:1;cursor:pointer;padding:6px}.join-close:hover{color:#d7deec}.join-title{margin:0;font-size:20px;font-weight:700;color:#eef2fa;letter-spacing:.1em}.join-sub{margin:0 0 6px;font-size:13px;color:#8d98b1}.join-code-input{width:100%;min-width:0;height:72px;border:1px solid #3d4762;border-radius:12px;background:#080d18;color:#e8e4d8;font-family:var(--ui-font);font-size:34px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.55em;text-indent:.55em;transition:border-color .12s ease-out}.join-code-input::placeholder{color:#3d4762;font-size:20px;letter-spacing:.2em;text-indent:.2em}.join-code-input:focus{outline:none;border-color:#e8c34a}.join-go{height:56px;border:none;border-radius:12px;background:#e8c34a;color:#171208;font-family:var(--ui-font);font-size:19px;font-weight:800;letter-spacing:.14em;cursor:pointer}@media(hover:hover)and (pointer:fine){.join-go:hover{filter:brightness(1.06)}}.home-quick{position:relative;height:88px;flex:none;margin-top:20px;padding:0 48px;border:none;background-image:linear-gradient(180deg,#ffd76e 0 2px,#e8c34a 2px);color:#0d1220;font-family:inherit;font-size:38px;font-weight:700;font-stretch:75%;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .12s ease-out,filter .12s ease-out}@media(hover:hover)and (pointer:fine){.home-quick:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}}.home-quick:active:not(:disabled){transform:translateY(1px);filter:brightness(.96)}.home-quick:disabled:not(.is-busy){opacity:.4;filter:saturate(.4);cursor:default}.home-quick.is-busy{cursor:progress}.home-quick.is-busy .hq-label{visibility:hidden}.home-quick.is-matching{display:flex;align-items:center;justify-content:center;gap:18px;font-size:30px;cursor:pointer}.home-quick.is-matching .hq-label{visibility:visible;font-variant-numeric:tabular-nums}.home-quick.is-matching .hq-ring{display:block;position:static;width:26px;height:26px;margin:0;flex:none;background:none;border:3px solid rgba(13,18,32,.28);border-top-color:#0d1220;border-radius:50%;mask:none;-webkit-mask:none;animation:home-ring .8s linear infinite}.hq-ring{display:none}.home-quick.is-busy .hq-ring{display:block;position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;background:repeating-conic-gradient(#0d1220 0 14deg,transparent 14deg 30deg);mask:radial-gradient(circle,transparent 56%,#000 58%);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);animation:home-ring 1.2s steps(12) infinite}@keyframes home-ring{to{transform:rotate(360deg)}}.home-rooms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.room-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:20px}.room-code-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.room-code-label{color:#68738b;font-size:12px;letter-spacing:.04em}.lobby-leave{justify-self:start;padding:10px 16px;border:none;border-radius:10px;background:transparent;color:#8b93a7;font:inherit;font-size:16px;font-weight:600;cursor:pointer}.lobby-leave:hover{color:#e8e4d8;background:#ffffff0f}.room-cfg-btn{justify-self:end;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#9aa5bd;cursor:pointer}.room-cfg-btn:hover{background:#ffffff12;color:#e8e4d8}.room-cfg-modal{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0000008c}.room-cfg-modal.hidden{display:none}.rc-panel{position:relative;width:440px;padding:28px 30px 22px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0c101c;box-shadow:0 16px 48px #0009}.rc-title{color:#ffd76e;font-size:16px;font-weight:700;margin-bottom:18px}.rc-body{display:flex;flex-direction:column;gap:14px}.rc-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.rc-label{color:#cdd4e4;font-size:14px}.rc-seg{display:flex;flex:none;width:180px;border:1px solid #3d4762;border-radius:999px;overflow:hidden}.rc-seg-btn{flex:1;padding:7px 0;border:none;background:transparent;color:#9aa5bd;font:inherit;font-size:13px;font-weight:600;text-align:center;cursor:pointer}.rc-seg-btn+.rc-seg-btn{border-left:1px solid #2a3349}.rc-seg-btn.is-on{background:#e7b94429;color:#e7b944}.rc-seg-btn:not(.is-on):not(:disabled):hover{color:#e8e4d8;background:#ffffff0d}.rc-seg-btn:disabled{opacity:1;cursor:default}.rc-foot{margin-top:18px;color:#68738b;font-size:12px}.rc-close{position:absolute;top:10px;right:12px}.home-alt{height:70px;border:1px solid #66728a;border-radius:0;background:#202a3f;color:#e8e4d8;font-family:inherit;font-size:21px;font-weight:600;font-stretch:87.5%;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease-out,border-top-color .12s ease-out,background-color .12s ease-out}@media(hover:hover)and (pointer:fine){.home-alt:hover:not(:disabled){transform:translateY(-1px);border-top-color:#c3ccdd;background:#26314a}}.home-alt:active:not(:disabled){transform:translateY(1px)}.home-alt:disabled{opacity:.4;filter:saturate(.4);cursor:default}.home-hub{position:absolute;left:48px;top:828px;width:790px;display:flex;justify-content:center;gap:8px}.hub-item{position:relative;display:flex;min-width:116px;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 16px;border:1px solid transparent;border-radius:14px;background:transparent;color:#9aa5bd;font-family:inherit;cursor:pointer;transition:color .12s ease-out,border-color .12s ease-out,background .12s ease-out}.hub-badge{position:absolute;top:10px;right:14px;box-sizing:border-box;background:#ffce4a;color:#241a05;border-radius:999px;box-shadow:0 0 0 2px #0f1218d9;pointer-events:none}.hub-badge--count{min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.hub-badge--dot{width:10px;height:10px;padding:0}.hub-item:hover{border-color:#3d4762;background:#202a3f80;color:#ffd76e}.hub-item:focus-visible{outline:2px solid #ffd76e;outline-offset:2px}.hub-icon{display:flex;align-items:center;justify-content:center}.hub-label{font-size:15px;font-weight:600;letter-spacing:.08em;white-space:nowrap}.home-id{display:flex;align-items:center;gap:18px;flex:none;margin:-10px -12px;padding:10px 12px;border-radius:14px;cursor:pointer;transition:background .15s ease}@media(hover:hover)and (pointer:fine){.home-id:hover{background:#ffffff0a}}.home-id:focus-visible{outline:2px solid #e8c34a;outline-offset:2px}.home-id .hid-rank:hover{border-color:transparent;background:none}.hid-slot{flex:none}.hid-avatar{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid #e8c34a;border-radius:16px;overflow:hidden;background:#131a2b;color:#f5f2ea;font-family:var(--ui-font);font-size:30px;font-weight:700}.hid-avatar img{width:100%;height:100%;object-fit:cover}.hid-avatar svg{color:#9aa5bd}.hid-avatar.is-tile{background:#f2efe6}.hid-avatar.is-tile img{width:78%;height:78%;object-fit:contain}.hid-text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.hid-name{width:100%;padding:2px 0;color:#e8e4d8;font-family:var(--ui-font);font-size:30px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hid-meta{display:flex;align-items:center;gap:10px;padding-left:8px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hid-label{color:#68738b}.hid-value{color:#b7c2d8}.hid-rank{display:flex;align-items:center;gap:12px;margin-left:4px;padding:4px 6px;background:none;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.hid-rank:hover{border-color:#3d4762;background:#ffffff0a}.hid-rank-img{height:44px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}.hid-rank-row{display:flex;align-items:center;gap:12px;min-width:0}.hid-wallet{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 9px;border:1px solid rgba(240,200,106,.38);border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#00000029),#1b2438;box-shadow:inset 0 1px #ffffff12,0 2px 10px #00000059;color:#f6d788;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.hid-wallet-num{text-shadow:0 1px 2px rgba(0,0,0,.5);padding-right:2px}.coin-icon{display:inline-flex;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.hid-crate{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#00000029),#1b2438;box-shadow:inset 0 1px #ffffff12,0 2px 10px #00000059;color:#cfd8ea;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s ease,color .15s ease,opacity .15s ease}.hid-crate-icon{display:flex;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.hid-crate.is-empty{opacity:.5}.hid-gift{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 12px;border:1px solid rgba(240,200,106,.5);border-radius:999px;background:linear-gradient(180deg,#f0c86a24,#00000029),#241f14;box-shadow:inset 0 1px #ffffff12,0 2px 10px #00000059;color:#f0c86a;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s ease,color .15s ease}.gift-coins,.gift-crate{display:grid;place-items:center;min-height:96px;color:var(--gold, #f0c86a)}.hid-gift-icon{display:flex;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}@media(hover:hover)and (pointer:fine){.hid-gift:hover{border-color:#f0c86a;color:#ffe6a8}}@media(hover:hover)and (pointer:fine){.hid-crate:hover{border-color:#fff6;color:#ffd76e;opacity:1}}.hid-wallet-plus{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#ffd964,#dfa32e);box-shadow:inset 0 1px #ffffff80,0 1px 3px #0006;color:#1b2438;font-size:16px;font-weight:800;line-height:1;transition:filter .15s ease}@media(hover:hover)and (pointer:fine){.hid-wallet:hover{border-color:#f0c86abf;box-shadow:inset 0 1px #ffffff12,0 2px 12px #f0c86a2e}.hid-wallet:hover .hid-wallet-plus{filter:brightness(1.12)}}.home-sep{margin:24px 0 0;flex:none;border:none;border-top:1px solid #202a3f}.home-tools{position:absolute;right:48px;bottom:54px;display:flex;gap:20px}.home-tool{display:flex;width:64px;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;color:#e8e4d8;font-family:inherit;cursor:pointer;transition:color .12s ease-out}.ht-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px}.ht-label{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.home-tool:hover:not(:disabled){color:#ffd76e}a.home-tool{text-decoration:none}.home-tool:disabled{opacity:.4;cursor:default}.home-social{position:absolute;left:48px;bottom:92px;display:flex;gap:26px}.home-social-item{display:flex;align-items:center;gap:8px;padding:0;border:none;background:transparent;color:#8f9ab2;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:color .12s ease-out}.home-social-item:hover{color:#ffd76e}.home-social-item:focus-visible{outline:2px solid #ffd76e;outline-offset:3px}.home-version{position:absolute;left:48px;bottom:54px;display:flex;gap:10px;color:#68738b;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.home-version i{color:#3d4762;font-style:normal}.home-quick:focus-visible,.home-alt:focus-visible,.home-tool:focus-visible{outline:2px solid #ffd76e;outline-offset:3px}.home-joined{text-align:center}.home-joined .home-quick{margin-top:auto}.home-seat{color:#9aa5bd;font-size:15px;letter-spacing:.06em}.home-hint{margin-top:12px;color:#68738b;font-size:13px}.lobby-code{display:flex;justify-content:center;gap:10px;margin:12px 0 18px;padding:6px 10px;border:none;border-radius:12px;background:transparent;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .14s ease-out}.lobby-code:hover{background:#ffffff0f}.lobby-code:focus-visible{outline:2px solid #ffd76e;outline-offset:2px}.lobby-code.is-copied .code-cell{box-shadow:0 0 0 2px #e7b944,0 4px 12px #00000080}.code-cell{display:flex;align-items:center;justify-content:center;width:52px;height:70px;background:linear-gradient(180deg,#f7f4ea,#e9e4d4);color:#0d1220;font-family:var(--ui-font);font-size:30px;font-weight:900;box-shadow:0 4px 12px #00000080,inset 0 1px #fffc}.lobby-members{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lobby-member{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 10px 14px;border:1px solid #202a3f;border-radius:12px;background:#131a2b;color:#e8e4d8;font-size:14px}.lobby-member.lm-empty{border-style:dashed;background:transparent}.lobby-member.lm-empty .lm-name{color:#68738b;font-style:italic}.lm-avatar{width:64px;height:64px;flex:none;border-radius:14px;font-size:26px;box-shadow:none}.lm-avatar-empty{border:1px dashed #3d4762;background:#0b1020}.lm-name{max-width:100%;overflow:hidden;font-family:var(--ui-font);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.lobby-unranked{color:#8b7a3f}.lm-rank-banner{height:34px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}.lm-tags{display:flex;gap:5px;min-height:17px}.lm-tag{flex:none;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.lm-owner{background:#e8c34a29;color:#e8c34a}.lm-you{background:#b7c2d824;color:#b7c2d8}.home-minres{display:none}.panel h2{font-size:22px;margin-bottom:14px}.panel label{display:block;font-size:14px;color:#c9bfa3;margin-bottom:12px}.panel input{display:block;width:100%;margin-top:4px;padding:9px 12px;font-size:16px;border-radius:8px;border:1px solid rgba(240,230,200,.25);background:#0f241b;color:#f0e6c8}.end-count{position:relative;margin-top:18px;padding:9px 14px;border-radius:9px;background:#ffffff0a;overflow:hidden;text-align:center}.end-count-fill{position:absolute;inset:0;transform-origin:left center;background:#57c78524;animation-name:end-shrink;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes end-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.end-count-label{position:relative;color:#aeb8ce;font-size:14px;font-weight:600;letter-spacing:.06em}.panel button{border:none;border-radius:9px;padding:10px 18px;font-size:15px;font-weight:700;cursor:pointer;background:#26314b;color:#d7deec}.panel button.primary{background:#2e8f63;color:#f2fff8}.end-back{width:100%;margin-top:16px}@media(hover:hover)and (pointer:fine){.panel button:hover{filter:brightness(1.1)}}.lobby-buttons{margin-bottom:18px}.lobby-joined p{margin-bottom:10px}.lobby-joined .hint{font-size:13px;color:#9db8a8}.end-scores{display:grid;gap:6px;margin:16px 0 4px}.end-row{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#ffffff08;border:1px solid transparent;border-radius:10px;font-size:15px}.end-row.end-self{border-color:#3d4f78;background:#5785c714}.end-place{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;color:#9aa5bd;font-size:13px;font-weight:700;flex:none}.end-top .end-place{background:#f0c86a2e;color:#f0c86a}.end-top .end-name{color:#f0c86a}.end-wind{font-weight:900;color:#8d98b1;width:1.4em;text-align:center;flex:none}.end-avatar{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:#131a2b;color:#d7deec;font-family:var(--ui-font);font-size:14px;font-weight:700}.end-avatar img{width:100%;height:100%;object-fit:cover}.end-avatar.is-tile{background:#f2efe6}.end-avatar.is-tile img{width:78%;height:78%;object-fit:contain}.end-row.end-top .end-avatar{box-shadow:0 0 0 1px #e8c34a inset}.end-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7deec;font-weight:600}.end-delta{font-variant-numeric:tabular-nums;font-size:13.5px;color:#68738b}.end-delta.pos{color:#7fe0a8}.end-delta.neg{color:#e8a0a0}.end-score{min-width:64px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#eef2fa}#toasts{position:absolute;bottom:calc(197px * var(--hud-boost));left:50%;transform:translate(-50%) scale(var(--hud-boost));transform-origin:50% 100%;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;z-index:var(--z-toasts);pointer-events:none}.toast{background:#122a20f0;border:1px solid rgba(240,230,200,.2);color:#f0e6c8;padding:10px 18px;border-radius:9px;font-size:15px;box-shadow:0 4px 14px #00000080;white-space:pre-line;max-width:min(520px,86vw);opacity:1;transform:none;transition:opacity .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}@starting-style{.toast{opacity:0;transform:translateY(8px)}}.toast-error{background:#8c2a20f0}.toast.fade{opacity:0;transition-duration:.15s}#winfx{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:108px;pointer-events:none;z-index:var(--z-winfx)}.winfx-card{background:#081a12ed;border:1px solid rgba(232,195,74,.45);border-radius:14px;padding:18px 28px 16px;text-align:center;box-shadow:0 12px 48px #0000008c;animation:winfx-in .35s ease-out;max-width:760px}.winfx-out{opacity:0;transition:opacity .15s ease-out}.winfx-banner{font-size:34px;font-weight:800;line-height:1.15;color:#e8c34a;letter-spacing:.4em;text-indent:.4em;animation:winfx-pop .45s ease-out}.winfx-name{color:#d8cfae;font-size:14px;margin-top:2px}.winfx-hand{display:flex;justify-content:center;align-items:flex-end;gap:3px;margin:12px 0 4px;flex-wrap:wrap}.winfx-hand .meld-gap{width:14px}.winfx-melds{margin-top:2px}.winfx-tile{opacity:0;animation:winfx-flip .3s ease-out forwards}.winfx-hand .tile.mini{width:46px;height:64px;border-radius:6px}.winfx-wintile{outline:2px solid #e8c34a;outline-offset:1px;border-radius:6px}.winfx-yaku{list-style:none;margin:6px 0 0;padding:0;color:#f0e6c8;font-size:15px;line-height:1.7}.winfx-yaku li{opacity:0;animation:winfx-rise .3s ease-out forwards}.winfx-count{opacity:0;animation:winfx-rise .3s ease-out forwards;color:#e8c34a;font-weight:700;font-size:18px;margin-top:8px}.winfx-flows{margin-top:10px;font-size:14px;display:flex;flex-direction:column;gap:3px;align-items:center}.winfx-flow{display:flex;gap:10px;align-items:center;opacity:0;animation:winfx-rise .3s ease-out forwards}.winfx-flow .pos{color:#7ac74f}.winfx-flow .neg{color:#e05d44}.winfx-flow .flow-arrow{color:#9aa5bd;font-weight:700}.winfx-flow-total{font-size:16px;font-weight:800;margin-top:3px}.winfx-ura{margin-top:8px;display:flex;gap:4px;align-items:center;justify-content:center;opacity:0;animation:winfx-rise .3s ease-out forwards}.winfx-ura-label{color:#b48cd9;font-weight:700;font-size:13px;margin-right:6px}.winfx-resume{margin-top:12px;font-size:12px;color:#9aa5bd}@keyframes winfx-in{0%{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}@keyframes winfx-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes winfx-flip{0%{transform:rotateY(90deg);opacity:0}to{transform:none;opacity:1}}@keyframes winfx-rise{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.seat-flash{position:absolute;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:seat-flash-slam .45s ease-out forwards;z-index:30;font-size:38px;font-weight:900;color:#ffd76e;letter-spacing:.22em;text-indent:.22em;white-space:nowrap;text-shadow:0 0 18px rgba(255,215,110,.5),0 2px 6px rgba(0,0,0,.6)}.seat-flash-big{animation-duration:1.4s;font-size:52px;color:#ff7043;letter-spacing:.3em;text-indent:.3em;text-shadow:0 0 24px rgba(255,112,67,.55),0 2px 6px rgba(0,0,0,.6)}@keyframes seat-flash-slam{0%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}#settings-btn{position:absolute;top:12px;right:12px;z-index:31;width:52px;height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0006;color:#d8cfae;cursor:pointer;display:flex;align-items:center;justify-content:center}#settings-btn:hover{background:#ffffff1f}#rules-btn{position:absolute;top:12px;right:72px;z-index:31;width:52px;height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0006;color:#d8cfae;cursor:pointer;display:flex;align-items:center;justify-content:center}#rules-btn:hover{background:#ffffff1f}#info-modal,.solo-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0000008c}.solo-modal.hidden{display:none}.quit-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0000008c}.quit-modal.hidden{display:none}.quit-panel{width:360px;max-width:86vw;padding:26px 26px 20px;border-radius:12px;background:#0c101c;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 48px #0009;color:#e8e4d8;transform:scale(var(--modal-boost, 1));transition:transform .18s cubic-bezier(.22,1,.36,1)}@starting-style{.quit-panel{transform:scale(calc(var(--modal-boost, 1) * .97))}}.quit-text{margin:0 0 20px;font-size:15px;line-height:1.6;text-align:center}.quit-actions{display:flex;gap:10px}.quit-btn{flex:1;padding:9px 0;border-radius:8px;border:1px solid #37415c;background:transparent;color:#dfe6f5;font:600 14px var(--ui-font);cursor:pointer}.quit-btn:hover{border-color:#55628a;background:#ffffff0a}.quit-btn-go{border-color:#7a4444;color:#e08f8f}.quit-btn-go:hover{border-color:#b45b5b;background:#b45b5b1f}#info-modal,.solo-modal,.room-cfg-modal,.join-modal,.tut-modal,.quit-modal{transition:opacity .14s ease-out}@starting-style{#info-modal,.solo-modal,.room-cfg-modal,.join-modal,.tut-modal,.quit-modal{opacity:0}}#info-modal.is-leaving,.solo-modal.is-leaving,.room-cfg-modal.is-leaving,.join-modal.is-leaving,.tut-modal.is-leaving,.quit-modal.is-leaving{opacity:0;pointer-events:none}.info-panel,.tut-panel,.rc-panel{transition:transform .18s cubic-bezier(.22,1,.36,1)}@starting-style{.info-panel,.tut-panel{transform:scale(calc(var(--modal-boost, 1) * .97))}.rc-panel{transform:scale(.97)}}.info-panel{width:1180px;height:760px;transform:scale(var(--modal-boost));display:flex;flex-direction:column;border-radius:14px;background:#0c101c;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 48px #0009;color:#e8e4d8}:root.hud-boosted .info-panel{width:calc(var(--vp-w) / var(--ui-scale) / var(--modal-boost));height:calc(var(--vp-h) / var(--ui-scale) / var(--modal-boost));border-radius:0;border:none}:root.hud-boosted #round-end .panel,:root.hud-boosted .tut-panel{min-width:0;max-width:calc(var(--vp-w) * .94 / var(--ui-scale) / var(--modal-boost));max-height:calc(var(--vp-h) * .92 / var(--ui-scale) / var(--modal-boost));overflow-y:auto}:root.hud-boosted .info-tab{font-size:17px;padding:11px 22px}:root.hud-boosted .info-body{font-size:16px}:root.hud-boosted .info-close{width:46px;height:46px;font-size:28px}:root.hud-boosted #app:has(#info-modal:not(.hidden))>#rules-btn,:root.hud-boosted #app:has(#info-modal:not(.hidden))>#settings-btn,:root.hud-boosted #app:has(.solo-modal:not(.hidden))>#rules-btn,:root.hud-boosted #app:has(.solo-modal:not(.hidden))>#settings-btn,:root.hud-boosted #app:has(.tut-modal)>#rules-btn,:root.hud-boosted #app:has(.tut-modal)>#settings-btn,:root.hud-boosted #app:has(#round-end:not(.hidden))>#rules-btn,:root.hud-boosted #app:has(#round-end:not(.hidden))>#settings-btn{display:none}.info-tabs{display:flex;align-items:center;gap:6px;padding:10px 14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.info-tab{padding:10px 22px;border:none;border-radius:10px 10px 0 0;background:transparent;color:#9aa5bd;font-size:15.5px;font-weight:700;cursor:pointer}.info-tab:hover{color:#d8cfae}.info-tab.active{color:#ffd76e;background:#ffffff12;box-shadow:inset 0 -2px #ffd76e}.info-close{margin-left:auto;width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:#9aa5bd;font-size:20px;line-height:1;cursor:pointer}.info-close:hover{background:#ffffff1a;color:#f0e6c8}#seatprofile-modal .info-panel{width:min(920px,92vw);height:auto;max-height:min(620px,88vh)}.info-body{flex:1 1 auto;min-height:0;padding:18px 26px 24px;overflow-y:auto;font-size:14px}.info-body--settings{display:flex;flex-direction:column;gap:18px;width:100%;max-width:880px;margin-inline:auto}.settings-card{border:1px solid #2a3349;background:linear-gradient(180deg,#141b2c,#101624);padding:20px 26px 12px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.settings-card .settings-row+.settings-row{border-top:1px solid #1c2436}.info-body--wardrobe>*,.info-body--records>*,.info-body--profile>*,.info-body--achievements>*,.info-body--licenses>*,.info-body--leaderboard>*,.info-body--daily>*{max-width:860px;margin-inline:auto}.daily-rail{position:absolute;right:48px;top:280px;width:316px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0c101c80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 34px #00000059;overflow:hidden;transition:width .28s cubic-bezier(.4,0,.2,1)}.daily-rail.is-collapsed{width:var(--dr-collapsed-w, 190px)}.dr-toggle{display:flex;width:100%;align-items:center;gap:10px;padding:14px 16px;border:none;background:transparent;color:#e8e4d8;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.dr-toggle:hover{color:#ffd76e}.dr-icon{display:flex;align-items:center}.dr-title{flex:1;min-width:0;overflow:hidden;text-align:left;white-space:nowrap}.dr-icon,.dr-chevron{flex:none}.dr-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .16s ease-out}.daily-rail.is-collapsed .dr-chevron{transform:rotate(135deg)}.dr-collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.daily-rail.is-collapsed .dr-collapse{grid-template-rows:0fr}.dr-clip{min-height:0;overflow:hidden}.dr-body{padding:0 14px 14px}@media(prefers-reduced-motion:reduce){.dr-collapse,.daily-rail{transition:none}}.dr-body .dt-row{padding:11px 12px;border-color:#ffffff1a;background:#131a2b80}.dr-body .dt-row.dt-done{background:#2f9e6b29}.dr-body .dt-text{font-size:13px}.dr-body .dt-foot{margin-top:12px}.dt-list{display:flex;flex-direction:column;gap:10px}.dt-row{padding:14px 16px;border:1px solid #202a3f;border-radius:10px;background:#131a2b}.dt-row.dt-done{border-color:#2f6b52;background:#2f9e6b1a}.dt-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.dt-text{color:#e8e4d8;font-size:14px;font-weight:600}.dt-count{flex:none;color:#8b93a7;font-size:13px;font-variant-numeric:tabular-nums}.dt-row.dt-done .dt-count{color:#49c98c}.dt-bar{height:8px;border-radius:999px;background:#1c2436;overflow:hidden}.dt-bar-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#2f9e6b,#49c98c);transition:transform .26s ease-out}.dt-foot{margin-top:16px;color:#68738b;font-size:12px;text-align:center}.lb-list{display:flex;flex-direction:column;gap:6px}.lb-row{display:grid;grid-template-columns:34px 30px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:9px 14px;border:1px solid #202a3f;background:#131a2b}.lb-row.lb-self{border-color:#7a6320;background:#e7b94414}.lb-place{color:#68738b;font-size:14px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.lb-row:nth-child(-n+3) .lb-place{color:#e7b944}.lb-avatar{width:30px;height:30px;border-radius:6px;overflow:hidden;display:grid;place-items:center;background:#253046;color:#f0e6c8;font-size:13px;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.lb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.lb-avatar.is-tile{background:#e8e2d4}.lb-icon{width:24px;height:24px;object-fit:contain;flex:none}.lb-name{color:#e8e4d8;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rank{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.lb-score{color:#cdd4e4;font-size:13px;font-variant-numeric:tabular-nums}.lb-games{color:#68738b;font-size:12px;font-variant-numeric:tabular-nums}.settings-card--wide{width:100%}.settings-docs{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0 12px}.credits-intro{color:#9aa5bd;font-size:13px;line-height:1.6;margin:2px 0 18px}.credits-group+.credits-group{margin-top:22px}.credits-h{color:#ffd76e;font-size:13px;font-weight:700;letter-spacing:.08em;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:4px}.credits-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 2px;border-bottom:1px solid #1c2436}.credits-name{color:#e8e4d8;font-size:14px;text-decoration:none}a.credits-name:hover{color:#ffd76e;text-decoration:underline}.credits-lic{flex:none;color:#8b93a7;font-size:12px;font-variant-numeric:tabular-nums}.info-body--profile>.profile-wrap{max-width:1040px}.wd-hint{color:#9aa5bd;font-size:13px;line-height:1.6;margin:6px 0 18px}.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}.wd-card{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #3d4762;border-radius:0;background:#101624;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease-out,background-color .12s ease-out}.wd-card:hover{border-color:#66728a;background:#141c2e}.wd-card.active{border-color:#e8c34a;cursor:default}.wd-back{flex:none;width:48px;height:64px;border-radius:7px;overflow:hidden;border:1px solid rgba(0,0,0,.45)}.wd-back img{display:block;width:100%;height:100%;object-fit:cover}.wd-meta{display:grid;gap:7px}.wd-name{font-size:16px;font-weight:600;color:#e8e4d8}.wd-swatches{display:flex;gap:6px}.wd-sw{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.wd-badge{font-size:12px;letter-spacing:.08em;color:#68738b}.wd-card.active .wd-badge{color:#e8c34a}.settings-h{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding-bottom:11px;border-bottom:1px solid #1c2436;font-size:13px;font-weight:700;letter-spacing:.16em;color:#93a2bd;text-transform:uppercase}.settings-h:before{content:"";flex:none;width:3px;height:14px;background:#e8c34a}.solo-title{padding:14px 18px;font-size:15px;font-weight:600;letter-spacing:.1em;color:#e8e4d8}.wd-section{display:flex;align-items:baseline;gap:10px;margin:24px 0 10px;font-size:13px;font-weight:600;letter-spacing:.12em;color:#9aa5bd;text-transform:uppercase}.wd-scope{font-size:11px;font-weight:500;letter-spacing:.06em;padding:2px 8px;border:1px solid #3d4762;color:#68738b;text-transform:none}.wd-scope.owner{border-color:#e8c34a8c;color:#e8c34a}.wd-felt{position:relative}.wd-felt-rim{position:absolute;inset:auto 0 0;height:12px}.wd-face{background:#f2efe6;display:grid;place-items:center}.wd-face img{width:72%!important;height:auto!important}.wd-stick{flex:none;width:72px;height:64px;display:grid;place-items:center}.wd-stick-bar{position:relative;width:66px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.4)}.wd-stick-dot{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%)}.wd-voice{display:flex;align-items:center;gap:12px}.wd-voice-label{font-size:13px;color:#68738b}.wd-voice-label+.settings-radio-row,.wd-voice-label:not(:first-child){margin-left:10px}.shop-state{grid-column:1 / -1;display:flex;align-items:center;gap:8px;width:100%;padding-top:8px;border-top:1px solid #2a3348;flex-wrap:wrap}.shop-owned{font-size:12px;font-weight:700;color:#7fe0a8;letter-spacing:.08em}.shop-onsale{font-size:12px;font-weight:700;color:#f0c86a;letter-spacing:.08em}.shop-rarity{display:inline-block;align-self:flex-start;width:fit-content;margin-top:3px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em}.shop-rarity--uncommon{color:#b0c3d9;border-color:#b0c3d980}.shop-rarity--rare{color:#6f86ff;border-color:#4b69ff80}.shop-rarity--epic{color:#a06bff;border-color:#8847ff80}.shop-rarity--exotic{color:#ff6a6a;border-color:#eb4b4b80}.shop-rarity-rare{color:#f0c86a;background:#f0c86a24;border:1px solid rgba(240,200,106,.4)}.shop-tradable{display:inline-block;align-self:flex-start;width:fit-content;margin-top:3px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#8fbcf0;background:#669de024;border:1px solid rgba(102,157,224,.42)}.shop-via-steam{padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8fbcf0;background:#669de024;border:1px solid rgba(102,157,224,.42)}.shop-price-usd{color:#8fbcf0}.shop-state--dual{flex-direction:column;align-items:stretch;gap:6px}.shop-track{display:flex;align-items:center;gap:8px}.shop-track-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:#9aa6bd;white-space:nowrap}.shop-soon{margin-left:auto;padding:5px 12px;border-radius:8px;background:#ffffff0f;color:#9aa6bd;font-size:12px;font-weight:700;letter-spacing:.06em}.shop-price{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:13.5px;font-weight:700;color:#d7deec;font-variant-numeric:tabular-nums}.shop-buy{margin-left:auto;padding:5px 14px;border:none;border-radius:8px;background:#2e8f63;color:#f2fff8;font-size:13px;font-weight:700;cursor:pointer}.shop-price+.shop-buy{margin-left:8px}.shop-limited-tag{position:absolute;z-index:3;top:6px;right:6px;padding:2px 6px;border:1px solid #6b5524;border-radius:5px;background:#2a2112f0;color:#e6c877;font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.25;white-space:nowrap;pointer-events:none}.shop-limited-tag--poster{top:14px;left:14px;right:auto;padding:3px 9px;max-width:46%;font-size:12px;white-space:normal;font-variant-numeric:tabular-nums}.shop-buy:disabled{background:#ffffff14;color:#9aa6bd;cursor:default}.shop-wallet{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:2px 0 10px;font-size:16px;font-weight:800;color:#f6d788;letter-spacing:.02em;font-variant-numeric:tabular-nums}.shop-wallet-amount{display:flex;align-items:center;gap:7px}.shop-wallet-topup{padding:4px 13px;border:1px solid rgba(240,205,110,.55);border-radius:999px;background:#f0cd6e1a;color:#f6d788;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer}.shop-wallet-topup:hover{background:#f0cd6e33}@media(hover:hover)and (pointer:fine){.shop-buy:hover{filter:brightness(1.1)}}.topup-note{margin:2px 0 10px;font-size:13.5px;color:#e8a2a2}.info-body--topup{display:flex;flex-direction:column}.topup-reel{flex:1;min-height:0;display:flex;align-items:stretch;gap:8px}.topup-nav{flex:0 0 auto;align-self:center;width:34px;height:64px;border:1px solid rgba(232,226,214,.16);border-radius:8px;background:#ffffff0a;color:var(--ivory, #e8e2d6);font-size:20px;line-height:1;cursor:pointer}.topup-nav:hover:not(:disabled){background:#ffffff17}.topup-nav:disabled{opacity:.28;cursor:default}.topup-reel--static .topup-nav{display:none}.topup-viewport{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.topup-viewport::-webkit-scrollbar{display:none}.topup-list{min-height:0;height:100%;display:flex;align-items:stretch;gap:16px;padding:6px 2px 2px}.topup-list>.topup-pack{flex:0 0 238px;scroll-snap-align:start;background:linear-gradient(180deg,rgba(240,205,110,calc(.03 + var(--tier, 0) * .1)),#ffffff08);border-color:rgba(230,195,105,calc(.22 + var(--tier, 0) * .32))}.topup-pack{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px 16px 16px;border:1px solid rgba(230,195,105,.35);border-radius:16px;background:linear-gradient(180deg,#ffffff12,#ffffff08);color:#f2f5fb;font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums}.topup-list>.topup-pack--best{flex-basis:296px}.topup-pack--best .topup-coins{font-size:30px}.topup-pack--best .topup-bonus{font-size:15.5px;padding:4px 15px}.topup-pack--best .topup-price{font-size:21px;padding:13px 0}.topup-pack--best .topup-art img{max-width:min(100%,250px)}.topup-pack--best{border-color:#f0cd6ed9;background:radial-gradient(120% 90% at 50% 0%,rgba(240,205,110,.14),transparent 55%),linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:0 0 22px #f0cd6e1f}.topup-ribbon{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:4px 18px;border-radius:999px;background:linear-gradient(180deg,#f6d788,#d9a83f);color:#23293c;font-size:14px;font-weight:900;letter-spacing:.06em;white-space:nowrap;box-shadow:0 2px 8px #00000059}.topup-art{flex:1;min-height:120px;width:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15%;position:relative;border-radius:13px;background:radial-gradient(120% 62% at 50% 92%,rgba(240,205,110,.16),transparent 70%),radial-gradient(70% 44% at 50% 46%,rgba(240,205,110,.1),transparent 72%)}.topup-art:after{content:"";position:absolute;left:12%;right:12%;bottom:12%;height:10px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(240,205,110,.3),transparent 72%)}.topup-art img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45)) drop-shadow(0 0 26px rgba(240,205,110,.16));transition:transform .16s ease;position:relative;z-index:1}.topup-pack:hover:not(:disabled) .topup-art img{transform:translateY(-4px) scale(1.04)}.topup-coins{display:flex;align-items:center;gap:9px;font-size:24px;color:#f6d788}.topup-bonus{font-size:14px;font-weight:800;color:#8fd6a0;background:#48a06233;border:1px solid rgba(120,200,145,.35);border-radius:999px;padding:3px 13px;min-height:24px}.topup-bonus--empty{visibility:hidden}.topup-price{margin-top:4px;width:100%;text-align:center;padding:11px 0;border-radius:11px;background:linear-gradient(180deg,#f0cd6e,#d9a83f);color:#23293c;font-size:18px;font-weight:900;letter-spacing:.02em;box-shadow:0 2px 10px #00000040}@media(hover:hover)and (pointer:fine){.topup-pack:hover:not(:disabled){background:linear-gradient(180deg,#ffffff1c,#ffffff0d);border-color:#e6c36999}.topup-pack:hover:not(:disabled) .topup-price{filter:brightness(1.08)}}.shop-equipped{margin-left:auto;font-size:12.5px;font-weight:700;color:#e8c34a;letter-spacing:.08em}.shop-go-equip,.shop-try{margin-left:auto;padding:5px 12px;border:1px solid #3d4762;border-radius:8px;background:#ffffff0d;color:#b7c2d8;font-size:12.5px;cursor:pointer}.shop-go-equip:hover,.shop-try:hover{border-color:#57c785}.shop-try{margin-left:0}.records-empty{display:grid;gap:10px;place-items:center;padding:90px 20px;text-align:center;color:#9aa5bd}.records-title{font-size:19px;font-weight:600;color:#b7c2d8}.records-list{display:grid;gap:10px;padding:4px 0 12px}.record-row{display:grid;gap:11px;width:100%;padding:14px 16px 16px;text-align:left;background:#ffffff08;border:1px solid #313a52;border-radius:10px;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.record-row:hover{border-color:#57c785;background:#57c7850f}.record-head{display:flex;align-items:baseline;gap:10px}.record-meta{margin-left:auto}.record-when{font-size:14px;font-weight:600;color:#d7deec}.record-meta{font-size:12px;color:#8d98b1}.record-play{display:flex;align-items:center;color:#57c785;transition:opacity .14s ease-out,transform .14s ease-out}@media(hover:hover)and (pointer:fine){.record-play{opacity:0;transform:translate(-4px)}.record-row:hover .record-play,.record-row:focus-visible .record-play{opacity:1;transform:none}}.record-place{flex:none;min-width:14px;color:#68738b;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.record-self .record-pname,.record-self .record-place{color:#57c785}.record-players{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.record-player{display:flex;align-items:baseline;gap:6px;min-width:0;padding:8px 10px;border:1px solid #263049;border-radius:8px;background:#ffffff05;font-size:12.5px;color:#9aa5bd}.record-player.record-self{border-color:#57c78573;background:#57c7850f}.record-pname{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-pscore{flex:none;font-variant-numeric:tabular-nums;color:#c3cbdd}#replay-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:1180px;padding:8px 12px;background:#0a0e18d1;border:1px solid #37415c;border-radius:12px;z-index:65;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .28s ease,opacity .28s ease}#replay-bar.rb-tucked{transform:translate(-50%) translateY(140%);opacity:0;pointer-events:none}#replay-peek{position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:92px;height:6px;border-radius:3px;background:#96a5c380;z-index:64;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .28s ease,background .15s ease}#replay-peek.show{opacity:1;pointer-events:auto}#replay-peek:hover{background:#78c896c7}.rb-btn{padding:6px 10px;background:#ffffff0f;border:1px solid #3d4762;border-radius:8px;color:#d7deec;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap}.rb-btn:hover{border-color:#57c785}.rb-play{min-width:40px;text-align:center}.rb-exit{color:#e8a0a0}.rb-label{font-size:12.5px;color:#aeb8ce;font-variant-numeric:tabular-nums;white-space:nowrap}.rb-slider{flex:1 1 220px;min-width:140px;accent-color:#57c785}.rb-seats{display:flex;align-items:center;gap:6px}.rb-pov-label{font-size:12px;color:#8d98b1}.rb-seat{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;background:#ffffff0a;border:1px solid #3d4762;border-radius:8px;color:#b7c2d8;font-size:12px;cursor:pointer}.rb-seat.active{border-color:#57c785;color:#7fe0a8;background:#57c7851a}@media(max-width:1000px){#replay-bar{flex-wrap:wrap;justify-content:center}}.profile-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:16px 18px;padding:10px 0 16px}.profile-wrap>.profile-card{grid-column:1}.profile-wrap>.profile-stats{grid-column:2;align-content:center}.profile-wrap>.profile-trend{grid-column:1 / -1;margin-top:0}.profile-wrap>:not(.profile-card):not(.profile-stats):not(.profile-trend){grid-column:1 / -1}@media(max-width:760px){.profile-wrap{grid-template-columns:minmax(0,1fr)}.profile-wrap>*{grid-column:1!important}}.profile-card{display:flex;align-items:center;gap:26px;padding:22px 26px;background:#ffffff08;border:1px solid #313a52;border-radius:14px}.profile-badge{width:148px;height:148px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.profile-avatar{width:144px;height:144px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid #3d4762;border-radius:18px;overflow:hidden;background:#131a2b;color:#eef2fa;font-family:var(--ui-font);font-size:44px;font-weight:700;box-shadow:0 6px 16px #00000073}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar.is-tile{background:#f2efe6}.profile-avatar.is-tile img{width:78%;height:78%;object-fit:contain}.profile-rank-mini{width:26px;height:26px;object-fit:contain;vertical-align:-6px;margin-right:6px}.profile-info{display:grid;gap:8px;flex:1 1 auto;min-width:0}.profile-name{font-size:22px;font-weight:700;color:#eef2fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-rank{font-size:18px;font-weight:700;letter-spacing:.05em;line-height:1.5}.profile-elo{font-size:26px;font-weight:700;line-height:1.15;color:#eef2fa;font-variant-numeric:tabular-nums}.profile-bar{height:9px;max-width:360px}.profile-stats{display:grid;gap:8px}.profile-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:10px 16px;background:#ffffff08;border:1px solid #313a52;border-radius:10px;font-size:14px}.profile-row-label{color:#8d98b1}.profile-row-value{color:#d7deec;font-weight:600;font-variant-numeric:tabular-nums}.profile-trend{margin-top:8px;padding:12px 16px 8px;background:#ffffff08;border:1px solid #313a52;border-radius:10px}.profile-trend-head{font-size:13px;color:#8d98b1;margin-bottom:6px}.profile-trend-empty{font-size:13px;color:#667089;padding:10px 0 8px}.profile-trend-svg{display:block;width:100%;height:auto}.pt-grid{stroke:#2a3348;stroke-width:1}.pt-ylabel{fill:#667089;font-size:10px;font-variant-numeric:tabular-nums}.pt-line{fill:none;stroke:#f0c86a;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.pt-dot{fill:#f0c86a;stroke:#161e30;stroke-width:1.5}.end-rank{display:flex;align-items:center;gap:16px;margin:14px 0 4px;padding:14px 18px 14px 12px;background:#ffffff08;border:1px solid #313a52;border-radius:12px;animation:rc-pop .35s ease-out}@keyframes rc-pop{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.rc-icon{width:76px;height:76px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.rc-body{display:grid;gap:5px;flex:1 1 auto;min-width:0}.rc-label{font-size:12px;letter-spacing:.12em;color:#68738b;text-transform:uppercase}.rc-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.rc-title{font-size:19px;font-weight:700;letter-spacing:.04em}.rc-delta{font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}.rc-gain{color:#7fe0a8}.rc-loss{color:#e8a0a0}.rc-flat{color:#aeb8ce}.rc-bar{height:7px;border-radius:4px;background:#ffffff14;overflow:hidden}.rc-bar-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#3d9c72,#57c785);transition:transform .9s cubic-bezier(.22,1,.36,1)}.rc-progress-text{font-size:12.5px;color:#8d98b1;font-variant-numeric:tabular-nums}.rc-note{font-size:12.5px;color:#aeb8ce}.end-rank-skip{margin:0;padding:12px 4px;text-align:center;font-size:13.5px;color:#94a0b8}.rc-note.rc-up{color:#f0c86a;font-weight:700}.rc-note.rc-down{color:#e8a0a0}.rules-nums{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:start;margin-top:4px}@media(max-width:620px){.rules-nums{grid-template-columns:1fr}}.rules-cols{max-width:820px;margin-inline:auto}.howto-list{margin:8px 0 18px;padding-left:20px;color:#d5dced;font-size:15px;line-height:1.85}.howto-list li{margin-bottom:10px}.howto-list li::marker{color:#ffd76e}.howto-list strong{color:#f5ecd2;font-weight:700}.yk-subtabs{position:sticky;top:-14px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin:-14px -18px 10px;padding:12px 18px 10px;background:#0c101c;border-bottom:1px solid rgba(255,255,255,.1)}.yk-subtab{padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#9aa5bd;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.yk-subtab:hover{color:#d8cfae;border-color:#ffffff4d}.yk-subtab.active{color:#241c05;background:#e8c34a;border-color:#e8c34a}.yk-list{columns:2;column-gap:12px}.yk-list>.yk-card{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:12px}@media(max-width:900px){.yk-list{columns:1}}.yk-card{padding:11px 14px 13px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#ffffff08}.yk-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.yk-name{font-size:15px;font-weight:700;color:#f0e6c8}.yk-han{padding:1px 8px;border-radius:999px;background:#9fb4d829;color:#9fb4d8;font-size:12px;font-weight:700}.yk-han.yk-yakuman{background:#ffd76e2e;color:#ffd76e}.yk-open{padding:1px 8px;border-radius:999px;background:#ffffff0f;color:#8b96ad;font-size:10.5px;font-weight:600}.yk-open.yk-closed{background:#7ac74f24;color:#9fd0b5}.yk-shape{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin:7px 0 6px}.yk-shape-gap{width:9px;flex:none}.yk-desc{color:#d3dbea;font-size:13.5px;line-height:1.75}.yk-rt{display:inline-block;margin-right:6px;padding:0 7px;border-radius:999px;background:#e05d442e;color:#ef8f7a;font-size:11.5px;font-weight:700;vertical-align:1px}.yk-note{margin:7px 0 0;color:#9aa5bd;font-size:13px;line-height:1.75}.yk-note-dim{margin-top:12px;color:#6d7a94;font-size:12.5px}.rules-join-first{margin:12px 0 0;color:#9aa5bd;font-size:13.5px}.rules-h{font-size:15.5px;font-weight:800;color:#ffd76e;margin:26px 0 6px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:5px}.rules-h:first-child{margin-top:0}.rules-row{display:flex;justify-content:space-between;gap:16px;max-width:560px;padding:4px 0;font-size:14.5px}.rules-v{color:#9fb4d8;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.rules-notes{margin:10px 0 0;padding-left:18px;color:#9aa5bd;font-size:13px;line-height:1.7}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 0}.settings-left{flex:1 1 auto;min-width:0}.settings-label{font-size:17px;font-weight:600;color:#eceadf}.settings-tip{max-width:80ch;margin:5px 0 0;font-size:13px;line-height:1.65;color:#7b88a1}.settings-volume{display:flex;align-items:center;gap:10px}.settings-slider{width:132px;accent-color:#57c785}.settings-slider:disabled{opacity:.4;cursor:not-allowed}.settings-slider:disabled+.settings-volume-num{opacity:.4}.settings-volume-num{min-width:48px;text-align:right;font-size:14px;font-weight:600;color:#b7c2d8;font-variant-numeric:tabular-nums}.settings-toggle{flex:none;white-space:nowrap;padding:5px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#2e7d5b;color:#f0e6c8;font-size:13px;font-weight:700;cursor:pointer}.settings-toggle.off{background:#ffffff14;color:#9aa5bd}.settings-select{flex:none;padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#f0e6c8;font-size:13px;cursor:pointer}.settings-select option{background:#1c2431;color:#f0e6c8}.settings-radio-row{display:flex;gap:6px}.settings-radio{padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#9aa5bd;font-size:12px;font-weight:700;cursor:pointer}.settings-radio:hover{color:#d8cfae}.settings-radio.active{background:#e8c34a;border-color:#e8c34a;color:#241c05}.auto-actions{position:absolute;left:24px;bottom:200px;z-index:21;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transform:scale(var(--hud-boost, 1));transform-origin:0 100%}#autopilot-btn{padding:11px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#00000059;color:#d8cfae;font-size:15px;font-weight:600;cursor:pointer}#autopilot-btn:hover:not(:disabled){background:#ffffff1f}#autopilot-btn.active{background:#8fb7d9;border-color:#8fb7d9;color:#10281c}#autopilot-btn:disabled{opacity:.45;cursor:default}#autowin-btn{padding:11px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#00000059;color:#d8cfae;font-size:15px;font-weight:600;cursor:pointer}#autowin-btn:hover{background:#ffffff1f}#autowin-btn.active{background:#8fb7d9;border-color:#8fb7d9;color:#10281c}#finished-hint{margin-left:10px;align-self:center;padding:8px 14px;border-radius:10px;background:#e8c34a29;border:1px solid rgba(232,195,74,.5);color:#e8c34a;font-size:13px;font-weight:700;white-space:nowrap}#center-info-3d{zoom:3;width:168px;height:168px;border-radius:14px;background:linear-gradient(160deg,#101626eb,#080c16eb);border:1px solid rgba(150,170,210,.22);box-shadow:0 6px 22px #00000073,inset 0 0 26px #00000059;color:#f0e6c8;pointer-events:auto;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.cs-pts.diff-ahead{color:#7ac74f}.cs-pts.diff-behind{color:#ff8a65}.cs-pts.diff-even{color:#9aa5bd}.center-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center}.center-round{font-size:24px;font-weight:900;letter-spacing:.08em;color:#ffd76e;text-shadow:0 1px 4px rgba(0,0,0,.6)}.center-sub{font-size:11px;font-weight:600;color:#b7c2d8}#dora-panel{position:absolute;top:14px;left:14px;transform:scale(var(--hud-boost));transform-origin:0 0;z-index:45;display:flex;align-items:stretch;gap:0;padding:0;background:linear-gradient(160deg,#101626eb,#080c16eb);border:1px solid rgba(150,170,210,.22);border-radius:12px;box-shadow:0 6px 22px #00000073,inset 0 0 20px #00000059;overflow:hidden}#dora-panel .dora-label{display:flex;align-items:center;justify-content:center;padding:8px 7px;color:#d9b64a;font-size:12px;font-weight:700;letter-spacing:.22em;writing-mode:vertical-rl;background:#d9b64a14;border-right:1px solid rgba(150,170,210,.16);text-shadow:0 1px 2px rgba(0,0,0,.6)}#dora-panel .dora-tiles{display:flex;align-items:center;gap:5px;padding:9px 11px}#dora-panel .tile{position:static;width:38px;height:53px;border-radius:5px;cursor:default;box-shadow:0 2px 4px #00000080}#dora-panel .dora-placeholder{width:38px;height:53px;border-radius:5px;background:linear-gradient(180deg,#6e5a2a,#4c3d1c);opacity:.85;border:1px solid rgba(0,0,0,.45);box-shadow:inset 0 1px #ffffff14}#center-info-3d .tile.mini{width:21px;height:29px}#center-info-3d .tile.mini .tile-label{font-size:9px}#center-info-3d .tile.mini .tile-label.tile-honor{font-size:12px}#center-info-3d .dora-placeholder{width:21px;height:29px;border-radius:3px}.center-score{position:absolute;display:flex;align-items:center;gap:4px;font-size:12px}.cs-rel0{bottom:4px;left:50%;transform:translate(-50%)}.cs-rel2{top:4px;left:50%;transform:translate(-50%) rotate(180deg)}.cs-rel1{right:0;top:50%;transform:translate(calc(50% - 16px),-50%) rotate(-90deg)}.cs-rel3{left:0;top:50%;transform:translate(calc(-50% + 16px),-50%) rotate(90deg)}.cs-wind{font-weight:900;font-size:17px;color:#9fb4d8}.cs-wind.dealer{color:#ffd76e}.cs-pts{font-weight:700;font-size:15px;color:#f0eee6}.center-score.cs-finished{opacity:.55}.dora-placeholder{display:inline-block;width:30px;height:42px;box-sizing:border-box;border-radius:4px;background:linear-gradient(180deg,#d99a3e,#b87c28);opacity:.55;border:1px solid rgba(0,0,0,.35)}.match-intro{position:fixed;inset:0;z-index:var(--z-match-intro);display:flex;align-items:center;justify-content:center;background:radial-gradient(90rem 50rem at 50% 120%,#0d1730,#010516 62%);transition:opacity .45s ease}.mi-content{display:flex;flex-direction:column;align-items:center;gap:30px}.match-intro.mi-leaving{opacity:0;pointer-events:none}.mi-mark{height:112px;width:auto}.mi-title{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:.35em;text-indent:.35em;color:#e8c34a}.mi-cards{display:flex;gap:40px}.mi-card{width:264px;padding:42px 24px 34px;display:flex;flex-direction:column;align-items:center;gap:16px;background:#ffffff0a;border:1px solid #2c3550;border-radius:16px;opacity:0;transform:translateY(18px);animation:mi-enter .5s ease forwards}.mi-card-me{border-color:#e8c34a;box-shadow:0 0 0 1px #e8c34a59,0 12px 30px #00000059}@keyframes mi-enter{to{opacity:1;transform:none}}.mi-avatar{width:128px;height:128px;font-size:56px;border-radius:26px}.mi-avatar svg{width:56px;height:56px}.mi-name{max-width:100%;display:flex;align-items:center;gap:8px;font-size:22px;font-weight:600;color:#edf1fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-you{flex:none;font-size:12px;font-weight:700;color:#0c1020;background:#e8c34a;border-radius:4px;padding:2px 7px}.mi-rank{display:flex;align-items:center;gap:10px;font-size:17px;color:#c9d3ea}.mi-rank-badge{width:60px;height:60px;object-fit:contain}.mi-stats{font-size:15px;color:#8d99b8}.mi-loading{margin-top:4px;display:flex;align-items:center;gap:10px;font-size:14px;color:#8d99b8}.mi-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(232,195,74,.2);border-top-color:#e8c34a;animation:mi-spin .9s linear infinite}@keyframes mi-spin{to{transform:rotate(360deg)}}#login-gate,#age-gate{position:fixed;inset:0;z-index:var(--z-gate);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:16px;background-color:#0a1a14;background-image:radial-gradient(64% 46% at 50% 2%,#e8c34a29,#e8c34a00 68%),radial-gradient(78% 62% at 50% 52%,#265642bf,#26564200 70%),radial-gradient(130% 110% at 50% 46%,#15342a,#0c1e17 44%,#050f0c)}.login-stage{display:flex;flex-direction:column;align-items:center;margin:auto;gap:18px;transform:scale(clamp(1,var(--ui-scale),1.75))}.login-brand{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:14px;-webkit-user-select:none;user-select:none}.login-emblem{height:78px;width:auto}.login-wordmark{height:36px;width:auto;display:block}.login-wordmark.latin{height:28px}.login-brand-sub{grid-column:1 / -1;margin:10px 0 0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:#7f9a8a}.login-tools{display:flex;gap:26px}.login-tool{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:4px 6px;border:none;background:transparent;color:#8fa79a;font-family:inherit;cursor:pointer;transition:color .12s ease-out}.login-tool:hover{color:#ffd76e}.lt-icon{display:flex;align-items:center;justify-content:center;height:24px}.lt-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media(max-height:640px){.login-stage{gap:14px}.login-panel{max-height:62vh}.login-emblem{height:44px}.login-wordmark{height:22px}.login-wordmark.latin{height:17px}.login-brand-sub{display:none}}.age-row{display:flex;gap:10px}.age-row select{flex:1;min-width:0}.preload-gate{position:fixed;inset:0;z-index:var(--z-gate);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0d2018;transition:opacity .45s ease}.preload-gate.preload-done{opacity:0;pointer-events:none}.preload-mark{width:88px;height:auto;-webkit-user-select:none;user-select:none}.preload-bar{width:260px;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.preload-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:#ffd54f;transition:transform .25s ease-out}.preload-label{font-size:13px;color:#b7c2d8;font-variant-numeric:tabular-nums}.login-panel{display:flex;flex-direction:column;gap:14px;width:min(376px,calc(100vw - 96px));max-height:78vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(232,195,74,.35) transparent;padding:34px 32px;background-image:linear-gradient(180deg,#e8c34a 0 1px,transparent 1px 100%),linear-gradient(180deg,#121828f5,#0a0e18f7);box-shadow:inset 0 0 0 1px #e8c34a29;filter:drop-shadow(0 22px 46px rgba(0,0,0,.5));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.login-panel h1{margin:0;font-family:var(--home-display);font-size:21px;letter-spacing:.06em;color:#e8c34a}.login-hint{margin:0 0 6px;font-size:13px;color:#9ab0a0}.login-panel input,.login-panel select{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#00000059;color:#f0e6c8;font-size:15px;font-family:var(--ui-font)}.login-panel input:focus-visible,.login-panel select:focus-visible{outline:2px solid #e8c34a;outline-offset:1px}.login-error{min-height:18px;font-size:13px;color:#ff8a7a}.login-error:empty{min-height:0;margin-bottom:-14px}.login-submit{padding:11px 0;border:none;border-radius:8px;background:#e8c34a;color:#21290f;font-size:16px;font-weight:700;letter-spacing:.12em;cursor:pointer}.login-submit:disabled{opacity:.55;cursor:default}.login-sep{display:flex;align-items:center;gap:10px;margin:2px 0;color:#6b7690;font-size:12px}.login-sep:before,.login-sep:after{content:"";flex:1;height:1px;background:#2c3448}.login-guest{padding:11px 0;border:1px solid #4a5876;border-radius:8px;background:transparent;color:#dbe4f2;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:border-color .12s ease-out,background-color .12s ease-out}.login-guest:hover:not(:disabled){border-color:#7d8caa;background:#ffffff0a}.login-guest:disabled{opacity:.55;cursor:default}.auth-birth{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.auth-birth-why{margin:-2px 0 0;color:#7c869c;font-size:12px;line-height:1.5}.login-links{display:flex;justify-content:space-between;gap:12px}.login-link{padding:4px 0;border:0;background:none;color:#9fb2d4;font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.login-link:hover{color:#d7e3f6}.login-ok{color:#7fcf9a}.login-google{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 12px;border:1px solid #747775;border-radius:8px;background:#fff;color:#1f1f1f;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.25px;cursor:pointer;transition:filter .12s ease-out}.login-google:hover:not(:disabled){filter:brightness(.95)}.login-google:disabled{opacity:.6;cursor:default}.login-google-mark{display:block;flex:0 0 auto}.login-steam{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 12px;border:1px solid #2a475e;border-radius:8px;background:#171a21;color:#c7d5e0;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.25px;cursor:pointer;transition:filter .12s ease-out}.login-steam:hover:not(:disabled){filter:brightness(1.25)}.login-steam:disabled{opacity:.6;cursor:default}@media(min-width:900px)and (min-height:600px){.login-stage{display:grid;grid-template-columns:minmax(280px,auto) auto;grid-template-rows:1fr auto;align-items:center;justify-items:end;column-gap:64px;row-gap:24px}.login-brand{grid-area:1 / 1}.login-tools{grid-area:2 / 1;align-self:end}.login-panel{grid-area:1 / 2 / 3 / 3;max-height:92vh}.login-emblem{height:112px}.login-wordmark{height:52px}.login-wordmark.latin{height:40px}.login-brand-sub{display:block;margin-top:14px;font-size:13px}}@media(orientation:landscape)and (max-height:599px)and (min-width:640px){.login-stage{display:grid;grid-template-columns:minmax(160px,auto) auto;grid-template-rows:1fr auto;align-items:center;justify-items:end;column-gap:36px;row-gap:12px;transform:none}.login-brand{grid-area:1 / 1}.login-tools{grid-area:2 / 1;align-self:end}.login-panel{grid-area:1 / 2 / 3 / 3;max-height:94vh}.login-emblem{height:56px}.login-wordmark{height:26px}.login-wordmark.latin{height:20px}.login-brand-sub{display:none}}.match-curtain{position:fixed;inset:0;z-index:var(--z-curtain);display:grid;place-items:center;background:#05070c;animation:curtain-in .2s ease-out}.resume-curtain-out{animation:curtain-out .2s ease-in forwards}@keyframes curtain-out{to{opacity:0}}.match-curtain-label{margin:0;color:#8b95ad;font-family:var(--ui-font);font-size:15px;letter-spacing:.08em;animation:curtain-pulse 1.4s ease-in-out infinite}@keyframes curtain-in{0%{opacity:0}}@keyframes curtain-pulse{50%{opacity:.45}}.overlay.is-final{background-color:#070f0c;background-image:radial-gradient(62% 44% at 50% 0%,#e8c34a21,#e8c34a00 66%),radial-gradient(120% 100% at 50% 44%,#12281f,#0a1a14 46%,#050d0a);align-items:flex-start;overflow-y:auto;padding:40px 32px;--final-k: clamp(1, var(--ui-scale), 1.6);inset:50% auto auto 50%;width:calc(var(--vp-w, 100vw) / var(--final-k));height:calc(var(--vp-h, 100vh) / var(--final-k));transform:translate(-50%,-50%) scale(calc(var(--final-k) / var(--ui-scale)))}.final-screen{width:100%;max-width:1180px;margin:auto;display:flex;flex-direction:column;gap:26px}.final-head{display:flex;align-items:baseline;justify-content:center;gap:16px}.final-title{margin:0;font-family:var(--home-display);font-size:40px;letter-spacing:.08em;color:#e8c34a}.final-rounds{font-size:16px;font-weight:600;letter-spacing:.1em;color:#8fa79a}.final-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.final-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px 20px;border:1px solid #2a3349;background:linear-gradient(180deg,#141b2c,#101624);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.final-player.is-top{border-color:#e8c34a8c;background:linear-gradient(180deg,#1d2033,#12162a)}.final-player.is-me{border-color:#5ad6b280;box-shadow:inset 0 0 0 2px #4fd1a5,0 0 22px #4fd1a52e}.fp-you{position:absolute;top:0;right:0;padding:5px 12px 6px;background:#4fd1a5;color:#052018;font-size:13.5px;font-weight:800;letter-spacing:.1em;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)}.fp-place{font-family:var(--home-display);font-size:24px;line-height:1;color:#7d8caa}.final-player.is-top .fp-place{color:#e8c34a}.fp-avatar{width:76px;height:76px;border-radius:16px;display:grid;place-items:center;overflow:hidden;font-size:30px;font-weight:700;color:#f0e6c8;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #0006}.fp-avatar img{width:100%;height:100%;object-fit:cover}.fp-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:600;color:#eceadf}.fp-score{font-size:32px;font-weight:700;color:#cfd6e4;font-variant-numeric:tabular-nums}.final-player.is-top .fp-score{color:#ffd76e}.final-screen .end-rank{width:100%;max-width:720px;margin:0 auto;gap:22px;padding:20px 26px 20px 20px;border-color:#313a52;border-radius:0;background:linear-gradient(180deg,#141b2c,#101624);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.final-screen .rc-icon{width:96px;height:96px}.final-screen .rc-title{font-size:22px}.final-screen .rc-delta{font-size:16px}.final-screen .rc-bar{height:9px}.final-screen .rc-label,.final-screen .rc-progress-text,.final-screen .rc-note{font-size:13.5px}.final-screen .end-stats{margin:0;overflow-x:auto}.final-screen .end-stats-table{font-size:16px}.final-screen .end-stats-note{font-size:13px}.final-screen .end-back{align-self:center;width:auto;min-width:240px;margin-top:4px;border:none;border-radius:10px;padding:14px 30px;background:#2e8f63;color:#f2fff8;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer}@media(hover:hover)and (pointer:fine){.final-screen .end-back:hover{filter:brightness(1.1)}}@media(max-width:760px),(max-height:620px){.overlay.is-final{padding:22px 16px 28px}.final-screen{gap:16px}.final-title{font-size:30px}.final-players{gap:10px}.final-player{gap:6px;padding:14px 10px 12px}.fp-place{font-size:19px}.fp-avatar{width:56px;height:56px;border-radius:12px;font-size:23px}.fp-name{font-size:16px}.fp-score{font-size:24px}.final-screen .end-rank{gap:14px;padding:14px 16px 14px 12px}.final-screen .rc-icon{width:64px;height:64px}.final-screen .rc-title{font-size:18px}.final-screen .end-stats-table{font-size:14px}.final-screen .end-back{min-width:180px;padding:12px 22px;font-size:16px}}@media(max-width:560px){.final-players{grid-template-columns:repeat(2,minmax(0,1fr))}}.end-stats{margin:14px 0 4px}.end-stats-table{width:100%;border-collapse:collapse;font-family:var(--ui-font);font-size:13px;font-variant-numeric:tabular-nums}.end-stats-table th,.end-stats-table td{padding:6px 4px;text-align:center;white-space:nowrap}.end-stats-table thead th{border-bottom:1px solid #2c3448;color:#7c869c;font-size:11px;font-weight:600}.end-stats-table tbody td{border-bottom:1px solid rgba(44,52,72,.55);color:#d5dcea}.end-stats-name{max-width:8em;overflow:hidden;color:#e8e4d8;font-weight:600;text-align:left;text-overflow:ellipsis}.end-stats-table tbody tr.is-me td,.end-stats-table tbody tr.is-me .end-stats-name{color:#f0e4bd}.end-stats-note{margin:8px 0 0;color:#6b7690;font-size:11px;line-height:1.5}.end-rounds{margin-left:10px;color:#7c869c;font-size:12px}@media(max-width:720px){.end-stats{overflow-x:auto}.end-stats-table{min-width:560px}}.pf-avatar{margin:0 0 18px;border:1px solid #2b3550;border-radius:12px;background:#0c101c66}.pf-avatar-head{display:flex;gap:12px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none}.pf-avatar-head::-webkit-details-marker{display:none}.pf-avatar-current{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #e8c34a;border-radius:10px;overflow:hidden;background:#131a2b;color:#8b95ad;font-family:var(--ui-font);font-size:20px;font-weight:700}.pf-avatar-current img{width:100%;height:100%;object-fit:cover}.pf-avatar-current.is-tile{background:#f2efe6}.pf-avatar-current.is-tile img{width:78%;height:78%;object-fit:contain}.pf-avatar-headtext{display:grid;gap:2px;min-width:0}.pf-avatar-title{color:#e8e4d8;font-family:var(--ui-font);font-size:15px;font-weight:700}.pf-avatar-hint{color:#7c869c;font-size:12px;line-height:1.45}.pf-avatar-chevron{flex:none;margin-left:auto;width:8px;height:8px;border-right:2px solid #7d8caa;border-bottom:2px solid #7d8caa;transform:rotate(45deg);transition:transform .14s ease-out}.pf-avatar[open] .pf-avatar-chevron{transform:rotate(-135deg)}.pf-avatar-err{min-height:16px;margin:0;padding:0 12px 10px;color:#e88a8a;font-size:12px}.pf-avatar-btn{padding:0;border:0;background:none;border-radius:50%;cursor:pointer;line-height:0}.pf-avatar-btn:hover{filter:brightness(1.12)}.pf-avatar-btn:focus-visible{outline:2px solid #f0c86a;outline-offset:2px}.pf-avatar-solo{display:grid;place-items:center;padding:6px 0 14px}.pf-avatar-blank{display:grid;place-items:center;color:#7d879e}.pf-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px;padding:4px 12px 12px}.pf-avatar-cell{display:grid;place-items:center;aspect-ratio:1;padding:0;border:1px solid #3d4762;border-radius:12px;background:#131a2b;color:#6b7690;font-family:var(--ui-font);font-size:22px;font-weight:700;cursor:pointer;overflow:hidden;transition:border-color .12s ease-out,transform .12s ease-out}.pf-avatar-cell[data-avatar=""]{background:#0e1422;color:#8b95ad}.pf-avatar-cell img{width:100%;height:100%;object-fit:cover}.pf-avatar-cell:hover{border-color:#7d8caa}.pf-avatar-cell:active{transform:scale(.94)}.pf-avatar-cell.is-on{border-color:#e8c34a;border-width:2px}.auth-diag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#6b7690;word-break:break-all}.settings-action{flex:none;white-space:nowrap;padding:5px 16px;border:1px solid #4a5876;border-radius:999px;background:transparent;color:#dbe4f2;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s ease-out,background-color .12s ease-out}.settings-action:hover:not(:disabled){border-color:#7d8caa;background:#ffffff0d}.settings-action:disabled{opacity:.55;cursor:default}.settings-action--danger{border-color:#7a4444;color:#f0a8a8}.settings-action--danger:hover:not(:disabled){border-color:#a95c5c;background:#a95c5c1f}.purchase-gate-panel{display:flex;flex-direction:column;gap:14px;max-width:380px;text-align:center}.purchase-gate-panel h2{margin:0;font-size:19px}.purchase-gate-panel p{margin:0;color:#b9c4d8;font-size:14px;line-height:1.6}.purchase-gate-primary{padding:11px 18px;border:0;border-radius:8px;background:linear-gradient(180deg,#d8b45a,#b8902f);color:#221a06;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.purchase-gate-primary:disabled{opacity:.6;cursor:default}.purchase-gate-close{padding:8px 0;border:0;background:none;color:#9fb2d4;font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.purchase-gate-note{color:#7c869c;font-size:12px}.tut-modal{position:fixed;inset:0;z-index:var(--z-tutorial);display:flex;align-items:center;justify-content:center;background:#000000ad}.tut-panel{transform:scale(var(--modal-boost));width:560px;padding:30px 34px 24px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#0c101c;box-shadow:0 18px 54px #000000a6;color:#e8e4d8;text-align:center}.tut-dots{display:flex;justify-content:center;gap:7px;margin-bottom:22px}.tut-dot{width:7px;height:7px;border-radius:50%;background:#2a3349}.tut-dot.on{background:#e7b944}.tut-visual{display:flex;align-items:center;justify-content:center;min-height:104px;margin-bottom:22px}.tut-h{color:#ffd76e;font-size:20px;font-weight:700;margin-bottom:10px}.tut-b{color:#9aa5bd;font-size:14px;line-height:1.75}.tut-foot{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.tut-nav{display:flex;gap:8px}.tut-skip,.tut-prev{padding:9px 16px;border:none;background:transparent;color:#68738b;font:inherit;font-size:13px;cursor:pointer}.tut-skip:hover,.tut-prev:hover{color:#e8e4d8}.tut-prev.hidden{display:none}.tut-next{padding:10px 26px;border:none;border-radius:8px;background:#e7b944;color:#141821;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.tut-next:hover{background:#f0c85c}.tut-tiles{display:flex;gap:3px}.tut-claim{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.tut-chips{display:flex;gap:8px}.tut-chip{padding:6px 16px;border:1px solid #3d4762;border-radius:999px;color:#cdd4e4;font-size:13px;font-weight:600}.tut-stamina{display:flex;flex-direction:column;align-items:center;gap:9px}.tut-bar{width:260px;height:12px;border-radius:999px;background:#1c2436;overflow:hidden}.tut-bar-fill{width:62%;height:100%;background:linear-gradient(90deg,#2f9e6b,#49c98c)}.tut-bar-label{color:#68738b;font-size:12px;letter-spacing:.08em}.tut-costs{display:flex;flex-direction:column;justify-content:center;gap:9px;width:240px;margin:0 auto}.tut-cost{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px}.tut-cost .tut-chip{padding:4px 0;text-align:center}.tut-cost-bar{height:10px;border-radius:999px;background:linear-gradient(90deg,#b3742a,#e0a03c)}.tut-cost-bar.low{width:35%}.tut-cost-bar.mid{width:55%}.tut-cost-bar.high{width:75%}.rules-tut-btn{display:block;width:100%;margin-bottom:18px;padding:12px;border:1px solid #7a6320;border-radius:10px;background:#e7b94414;color:#e7b944;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.rules-tut-btn:hover{background:#e7b94429}#draw-btn:not(:disabled):active,#riichi-btn:not(:disabled):active,#waits-btn:active,#autopilot-btn:active,#autowin-btn:active,#settings-btn:active,#rules-btn:active,.panel button:not(:disabled):active,.info-tab:active,.info-close:active,.settings-toggle:active,.settings-radio:active,.settings-select:active,.wd-card:active,.shop-buy:not(:disabled):active,.shop-go-equip:active,.shop-try:active,.rb-btn:active,.rb-play:active,.rb-exit:active,.rb-seat:active,.yk-subtab:active,.tut-next:active,.tut-skip:active,.tut-prev:active,.rules-tut-btn:active,.lobby-leave:active,.room-cfg-btn:active,.rc-seg-btn:active,.rc-close:active,.hub-item:active,.home-tool:active,.hid-rank:active,.hid-wallet:active,.lobby-code:active,.join-go:active,.join-close:active,.dr-toggle:active,.login-submit:not(:disabled):active,.login-google:not(:disabled):active,.login-guest:active{transform:scale(.97)}#replay-peek:active{transform:translate(-50%) scale(.97)}@media(prefers-reduced-motion:reduce){.box-card--opening .box-crate,.box-card--rare{animation:none}.tile.dora:after,#furiten-badge,#discard-hint,#takeover-countdown{animation:none}.tile.tile-enter,#deal-countdown .count-digit,.end-stage-in,.join-panel,.end-rank,.winfx-card,.winfx-banner,.seat-flash{animation:none}.winfx-tile,.winfx-yaku li,.winfx-count,.winfx-flow,.winfx-ura,.mi-card{animation:none;opacity:1;transform:none}.tile{transition-duration:.01ms,.01ms,.1s}.info-panel,.tut-panel,.rc-panel{transition:none}.toast{transition:opacity .18s ease-out}#replay-bar{transition-duration:.01ms}}#studio{position:absolute;inset:0;z-index:70;background:#0d1220}#studio-table{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .6s ease}#studio-table.is-live{opacity:1}.studio-chrome{position:absolute;inset:0;pointer-events:none}.studio-head{position:absolute;top:22px;left:28px;display:flex;align-items:center;gap:16px;pointer-events:auto}.studio-back{background:#0d121ed9;border:1px solid #37415c;border-radius:10px;color:#dfe6f5;font:600 15px var(--ui-font);padding:8px 14px;cursor:pointer}.studio-back:hover{border-color:#d9b96c;color:#d9b96c}.studio-title{font:700 22px var(--home-display);letter-spacing:.08em;color:#e8edf8;text-shadow:0 2px 8px rgba(0,0,0,.6)}.studio-panel{position:absolute;top:76px;left:28px;bottom:86px;width:348px;display:flex;flex-direction:column;gap:12px;padding:16px;background:#0d121eeb;border:1px solid #37415c;border-radius:14px;overflow-y:auto;pointer-events:auto}.studio-hint,.studio-stance{font:400 12.5px/1.55 var(--ui-font);color:#8d99b5}.studio-sec{font:700 13px var(--ui-font);letter-spacing:.06em;color:#aab6d2;margin-bottom:6px}.studio-slots{display:flex;flex-wrap:wrap;gap:6px}.studio-slot-chip{background:#222a40e6;border:1px solid #3d4a6b;border-radius:999px;color:#dfe6f5;font:500 13px var(--ui-font);padding:5px 12px;cursor:pointer}.studio-slot-chip:hover{border-color:#d9b96c;color:#d9b96c}.studio-list{display:flex;flex-direction:column;gap:6px}.studio-row{display:flex;align-items:center;gap:10px;background:#181f31e6;border:1px solid #313c59;border-radius:10px;padding:8px 12px;cursor:pointer;text-align:left}.studio-row.is-on{border-color:#d9b96c}.studio-row-slot{flex:none;font:600 11.5px var(--ui-font);color:#94a1c0;background:#343f5eb3;border-radius:6px;padding:2px 7px}.studio-row-name{font:500 14px var(--ui-font);color:#e4eaf6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-empty,.studio-soon,.studio-flash{font:400 12.5px/1.55 var(--ui-font);color:#8d99b5}.studio-flash{color:#e08f8f}.studio-detail{display:flex;flex-direction:column;gap:10px;border-top:1px solid #2c3550;padding-top:12px}.studio-name-row{display:flex;align-items:center;gap:10px;font:500 13px var(--ui-font);color:#aab6d2}.studio-name-row input{flex:1;min-width:0;background:#181f31e6;border:1px solid #313c59;border-radius:8px;color:#e4eaf6;font:500 14px var(--ui-font);padding:6px 10px}.studio-actions{display:flex;gap:8px}.studio-actions button,.studio-import{background:#222a40e6;border:1px solid #3d4a6b;border-radius:8px;color:#dfe6f5;font:500 13px var(--ui-font);padding:7px 12px;cursor:pointer}.studio-actions button:hover,.studio-import:hover{border-color:#d9b96c;color:#d9b96c}.studio-danger:hover{border-color:#c66!important;color:#e08f8f!important}.studio-cams{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:#0d121ed9;border:1px solid #37415c;border-radius:999px;pointer-events:auto}.studio-cam{background:transparent;border:1px solid transparent;border-radius:999px;color:#aab6d2;font:500 13.5px var(--ui-font);padding:7px 16px;cursor:pointer}.studio-cam:hover{color:#e4eaf6}.studio-cam.is-on{background:#343f5ed9;border-color:#4a5878;color:#ffd54f}.studio-view{position:absolute;bottom:26px;right:28px;display:flex;gap:6px;padding:6px;background:#0d121ed9;border:1px solid #37415c;border-radius:999px;pointer-events:auto}.studio-chrome{transition:opacity .25s ease}#studio.is-bare .studio-chrome{opacity:0}#studio.is-bare .studio-chrome *{pointer-events:none}.studio-bare-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);margin:0;padding:8px 16px;border:1px solid #37415c;border-radius:999px;background:#0d121ecc;color:#aab6d2;font:500 13px var(--ui-font);pointer-events:none;animation:studio-bare-fade 3.2s ease forwards}@keyframes studio-bare-fade{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}.studio-editor{display:flex;flex-direction:column;gap:10px}.studio-color-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 13px var(--ui-font);color:#aab6d2}.studio-color-row input[type=color]{width:44px;height:26px;padding:0;border:1px solid #3d4a6b;border-radius:6px;background:transparent;cursor:pointer}.studio-editor>button{align-self:flex-start;background:#222a40e6;border:1px solid #3d4a6b;border-radius:8px;color:#dfe6f5;font:500 13px var(--ui-font);padding:7px 12px;cursor:pointer}.studio-editor>button:hover{border-color:#d9b96c;color:#d9b96c}.studio-face-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.studio-face{position:relative;aspect-ratio:3 / 4;border:1px dashed #46527a;border-radius:6px;background-size:contain;background-position:center;background-repeat:no-repeat;cursor:pointer;overflow:hidden}.studio-face.has-img{border-style:solid}.studio-face span{position:absolute;left:0;right:0;bottom:0;font:600 9.5px var(--ui-font);color:#d5dcec;background:#0d121eb8;text-align:center;padding:1px 0}.studio-face:hover{border-color:#d9b96c}.studio-checks{display:flex;flex-direction:column;gap:4px}.studio-check-ok{font:500 12.5px var(--ui-font);color:#7fbf8f}.studio-check-err{font:400 12px/1.5 var(--ui-font);color:#e08f8f}.studio-check-warn{font:400 12px/1.5 var(--ui-font);color:#d9b96c}.studio-back-preview{width:96px;height:128px;border-radius:8px;border:1px solid #3d4a6b;background-size:cover;background-position:center}.studio-table-layer{display:flex;flex-direction:column;gap:8px;border-top:1px solid #2c3550;padding-top:10px}.studio-table-body{display:flex;flex-direction:column;gap:8px}.studio-table-layer .studio-actions button.is-on{border-color:#d9b96c;color:#ffd54f}.studio-art-row{display:flex;align-items:center;gap:10px;font:500 13px var(--ui-font);color:#aab6d2}.studio-art-row .studio-art-state{flex:1;text-align:right;color:#7fbf8f;font-size:12px}.studio-art-row button{background:#222a40e6;border:1px solid #3d4a6b;border-radius:8px;color:#dfe6f5;font:500 12.5px var(--ui-font);padding:5px 10px;cursor:pointer}.studio-art-row button:hover{border-color:#d9b96c;color:#d9b96c}.studio-actions button:disabled{opacity:.45;cursor:not-allowed}.studio-actions button:disabled:hover{border-color:#3d4a6b;color:#dfe6f5}.studio-color-row select{background:#181f31e6;border:1px solid #313c59;border-radius:8px;color:#e4eaf6;font:500 13px var(--ui-font);padding:5px 10px}.studio-drafts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.studio-drafts-head .studio-sec{margin-bottom:0}.studio-new-btn{background:#222a40e6;border:1px solid #3d4a6b;border-radius:8px;color:#dfe6f5;font:600 12.5px var(--ui-font);padding:5px 12px;cursor:pointer}.studio-new-btn:hover{border-color:#d9b96c;color:#d9b96c}.studio-row{cursor:pointer}.studio-row-del{flex:none;margin-left:auto;width:22px;height:22px;line-height:1;border:1px solid transparent;border-radius:6px;background:transparent;color:#7d89a6;font:600 15px var(--ui-font);cursor:pointer}.studio-row-del:hover{border-color:#c66;color:#e08f8f}.studio-modal{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0408129e;pointer-events:auto}.studio-modal.hidden{display:none}.studio-modal-panel{width:380px;display:flex;flex-direction:column;gap:14px;background:#0d121ef7;border:1px solid #37415c;border-radius:14px;padding:20px 22px;box-shadow:0 14px 48px #0009}.studio-modal-title{font:700 17px var(--ui-font);color:#e8edf8}.studio-modal .studio-slots{display:flex;flex-wrap:wrap;gap:6px}.studio-slot-chip.is-on{border-color:#d9b96c;color:#ffd54f}.studio-del-text{font:400 13px/1.6 var(--ui-font);color:#aab6d2}.studio-modal-intro .studio-modal-panel{width:460px}.studio-intro-text{font:400 13.5px/1.7 var(--ui-font);color:#c3cde4}.studio-modal-actions{justify-content:flex-end}.studio-modal-actions button{background:#222a40e6;border:1px solid #3d4a6b;border-radius:8px;color:#dfe6f5;font:500 13.5px var(--ui-font);padding:8px 16px;cursor:pointer}.studio-modal-actions button:hover{border-color:#d9b96c;color:#d9b96c}.box-cap{margin:2px 0 14px;color:#9aa5bd;font-size:12.5px}.box-entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}.box-entry{display:grid;gap:8px;justify-items:center;padding:22px 16px 18px;border:1px solid #2b3550;border-radius:16px;background:#161c2e8c;color:inherit;font:inherit;cursor:pointer;text-align:center;transition:transform .14s ease,border-color .14s ease,background .14s ease}.box-entry:hover{transform:translateY(-3px);border-color:#f0c86a80;background:#1e263ccc}.box-entry--have{border-color:#f0c86a57;background:#1c2338c7}.box-entry-art{position:relative;display:grid;place-items:center;width:104px;height:92px;border-radius:14px;background:#0a0e188c;color:#8b95ad}.box-entry--have .box-entry-art{color:#f0c86a;box-shadow:inset 0 0 26px #f0c86a1f}.box-entry-count{position:absolute;right:-6px;bottom:-6px;min-width:28px;padding:2px 8px;border-radius:999px;background:#f0c86a;color:#12172a;font-size:12.5px;font-weight:800}.box-entry-name{color:#f4f7ff;font-size:15px;font-weight:700}.box-entry-sub{color:#8b95ad;font-size:12px}.box-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.box-back{padding:6px 12px 6px 4px;border:0;background:none;color:#9aa5bd;font:600 13px var(--ui-font);cursor:pointer}.box-detail-top .box-season{margin-top:0}.box-back:hover{color:#f0c86a}.info-body--boxes{position:relative;display:flex;flex-direction:column}.info-body--boxes:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 16% 34%,rgba(240,200,106,.07),transparent 70%),radial-gradient(70% 60% at 82% 18%,rgba(90,118,190,.09),transparent 72%)}.box-detail{display:grid;grid-template-columns:248px 1fr;gap:20px;align-items:stretch;flex:1 1 auto;min-height:0}.box-detail-left{align-self:start}.box-detail-left{position:relative;display:grid;gap:8px;align-content:start;justify-items:center;padding:18px 16px 20px;border:1px solid #2b3550;border-radius:16px;background:linear-gradient(180deg,#262f4ab8,#121726b8);box-shadow:inset 0 1px #ffffff0f;text-align:center}.box-detail-art{position:relative;display:grid;place-items:center;width:100%;height:200px;color:#8b95ad}.box-detail-art:before{content:"";position:absolute;inset:6% 4% 10%;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,rgba(140,158,196,.22),rgba(140,158,196,.06) 52%,transparent 72%)}.box-detail-art--have:before{background:radial-gradient(ellipse at 50% 45%,rgba(240,200,106,.26),rgba(240,200,106,.07) 52%,transparent 72%)}.box-detail-art:after{content:"";position:absolute;left:50%;bottom:10px;width:58%;height:16px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%)}.box-art-img{position:relative;max-width:100%;max-height:100%;object-fit:contain}.box-detail-art .box-art-img{animation:box-float 4.6s ease-in-out infinite}.box-detail-art:after{animation:box-float-shadow 4.6s ease-in-out infinite}@keyframes box-float{50%{transform:translateY(-5px)}}@keyframes box-float-shadow{50%{transform:translate(-50%) scale(.9);opacity:.72}}@media(prefers-reduced-motion:reduce){.box-detail-art .box-art-img,.box-detail-art:after{animation:none}}.box-detail-art--have{color:#f0c86a}.box-detail-name{color:#f4f7ff;font-size:19px;font-weight:800;letter-spacing:.02em}.box-detail-count{padding:3px 12px;border:1px solid rgba(240,200,106,.42);border-radius:999px;background:#f0c86a1a;color:#f0c86a;font-size:12.5px;font-weight:700}.box-detail-how{color:#8b95ad;font-size:11.5px;line-height:1.5}.box-detail-right{display:flex;flex-direction:column;min-width:0;min-height:0}.box-detail-head{display:flex;align-items:center;gap:12px;color:#dfe6f5;font-size:14px;font-weight:700;margin-bottom:2px}.box-detail-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(120,138,178,.45),transparent)}.box-drop-list{scrollbar-width:thin;scrollbar-color:rgba(240,200,106,.35) transparent;display:grid;align-content:start;gap:4px;margin-top:8px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}.box-drop{position:relative;display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:7px 12px 7px 16px;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--grade, #93a0b6) 12%,transparent),#ffffff07 42%);transition:background .12s ease,transform .12s ease}.box-drop:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--grade, #93a0b6);opacity:.85}.box-drop:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--grade, #93a0b6) 20%,transparent),#ffffff0d 46%)}.box-drop--common{--grade: #93a0b6}.box-drop--uncommon{--grade: #b0c3d9}.box-drop--rare{--grade: #4b69ff}.box-drop--epic{--grade: #8847ff}.box-drop--exotic{--grade: #eb4b4b}.box-drop-thumb{display:grid;place-items:center;width:44px;height:44px}.box-drop-thumb>*{width:100%;height:100%;margin:0}.box-drop-thumb--tile{width:33px;justify-self:center}.box-drop-main{display:grid;gap:1px;min-width:0}.box-drop-name{color:#cfd8ea;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-drop-meta{display:flex;align-items:center;gap:8px;min-width:0}.box-drop-meta .shop-rarity{align-self:center;margin-top:0}.box-drop-slot{color:#7c8aa6;font-size:11px}.box-drop-meta .shop-rarity{justify-self:start;padding:0;border:0;background:none;font-size:11px;letter-spacing:.06em}.box-season{align-self:start;margin-top:8px;padding:4px 10px;border:1px solid rgba(240,200,106,.28);border-radius:8px;background:#f0c86a12;color:#e6c48a;font-size:12.5px;font-weight:600}.box-drop-limited{min-width:56px;color:#f0c86a;font-size:11px;text-align:center}.box-drop-limited:not(:empty){padding:2px 8px;border:1px solid rgba(240,200,106,.5);border-radius:999px;background:#f0c86a1a}.box-drop-pct{min-width:58px;color:#f0c86a;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.box-detail-actions{display:grid;gap:8px;width:100%;margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.box-open-one{padding:11px 16px;border:1px solid rgba(255,224,158,.6);border-radius:10px;background:linear-gradient(180deg,#f6d489,#e0ac45);color:#24190a;font:800 15px var(--ui-font);letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 18px #e0ac4538;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.box-open-one:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 9px 24px #e0ac4552}.box-open-one:active{transform:translateY(0)}.box-open-all{padding:9px 16px;border:1px solid #3d4a6b;border-radius:10px;background:#1c2337e6;color:#dfe6f5;font:700 13.5px var(--ui-font);cursor:pointer;transition:border-color .12s ease,color .12s ease}.box-open-all:hover{border-color:#f0c86a;color:#f0c86a}@media(max-width:640px){.box-detail{grid-template-columns:1fr}.box-detail-art{height:148px}}.dt-reward{display:grid;gap:8px;margin-top:14px;padding:12px;border:1px solid #33405e;border-radius:10px;background:#181f3299}.dt-reward-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#dfe6f5;font-size:13px;font-weight:600}.dt-reward .dt-bar-fill{background:linear-gradient(90deg,#c9a24d,#f0c86a)}.dt-reward-hint{color:#9aa5bd;font-size:11.5px;line-height:1.4}.dt-reward-claim{width:100%}.dt-guest{margin-bottom:10px;padding:8px 10px;border:1px solid rgba(240,200,106,.3);border-radius:8px;background:#f0c86a14;color:#e0cd9a;font-size:11.5px;line-height:1.45}.bx-stage{position:fixed;inset:0;z-index:var(--z-tutorial);display:grid;grid-template-rows:1fr auto;place-items:center;cursor:pointer;animation:bx-stage-in .17s ease-out both;--bx-accent: #cfd8ea;--bx-accent-soft: rgba(207, 216, 234, .34);--bx-edge: #c8b183;--bx-skin: #313d64;--bx-skin-lit: #47567f;--bx-skin-dark: #1a2138}.bx-stage[data-rarity=rare]{--bx-accent: #f0c86a;--bx-accent-soft: rgba(240, 200, 106, .42);--bx-edge: #ffd98a}.bx-stage.is-leaving{animation:bx-stage-out .17s ease-in both}@keyframes bx-stage-in{0%{opacity:0}}@keyframes bx-stage-out{to{opacity:0}}.bx-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,#1e2842e6,#05080efa 64%)}.bx-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s ease-out,filter .95s ease-out;pointer-events:none}.bx-stage.is-video .bx-crate,.bx-stage.is-video .bx-glow,.bx-stage.is-video .bx-burst,.bx-stage.is-video .bx-particles{display:none}.bx-stage.is-play .bx-video{opacity:1}.bx-stage.is-play.is-ended .bx-video{filter:brightness(.34) saturate(.75)}.bx-body{position:relative;display:grid;place-items:center;width:min(860px,96vw);height:min(560px,68vh)}.bx-stage.is-burst .bx-body{animation:bx-kick var(--bx-burst-ms) cubic-bezier(.2,.9,.3,1) both}@keyframes bx-kick{0%{transform:translate3d(0,7px,0) scale(.986)}9%{transform:translate3d(0,-11px,0) scale(1.022)}20%{transform:translate3d(3px,5px,0) scale(.998)}32%{transform:translate3d(-2px,-2px,0) scale(1)}to{transform:translateZ(0) scale(1)}}.bx-crate{--bw: 250px;--bd: 186px;--bh: 120px;--wh: calc(var(--bh) - 3px);--lt: 15px;--ov: 7px;--tilt: 55deg;--spin: -22deg;position:relative;width:440px;height:340px;perspective:1150px}.bx-cam{position:absolute;left:50%;top:calc(50% + 48px);transform-style:preserve-3d;transform:rotateX(var(--tilt)) rotate(var(--spin))}.bx-box{position:absolute;left:0;top:0;width:var(--bw);height:var(--bd);margin:calc(var(--bd) / -2) 0 0 calc(var(--bw) / -2);transform-style:preserve-3d}.bx-pool{position:absolute;left:50%;top:50%;width:calc(var(--bw) * 1.7);height:calc(var(--bd) * 1.7);margin:calc(var(--bd) * -.85) 0 0 calc(var(--bw) * -.85);border-radius:50%;background:radial-gradient(closest-side,var(--bx-accent-soft) 0%,transparent 68%);opacity:.4;transform:translateZ(-2px);filter:blur(9px)}.bx-floor{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#141a2b,#05070c 78%)}.bx-w{position:absolute;border:0 solid var(--bx-edge)}.bx-w-n{left:0;top:calc(var(--wh) * -1);width:var(--bw);height:var(--wh);border-top-width:2px;transform-origin:50% 100%;transform:rotateX(-90deg);background:radial-gradient(ellipse at 50% 118%,var(--bx-accent-soft) 0%,transparent 62%),linear-gradient(to bottom,#171d2e,#0a0e18 62%,#06080e)}.bx-w-s{left:0;top:var(--bd);width:var(--bw);height:var(--wh);border-bottom-width:2px;transform-origin:50% 0;transform:rotateX(90deg);background:linear-gradient(to top,var(--bx-skin-lit) 0%,var(--bx-skin) 42%,var(--bx-skin-dark) 100%);box-shadow:inset 0 0 0 1px #00000057}.bx-w-w{left:calc(var(--wh) * -1);top:0;width:var(--wh);height:var(--bd);border-left-width:2px;transform-origin:100% 50%;transform:rotateY(90deg);background:linear-gradient(to right,var(--bx-skin-lit) 0%,var(--bx-skin) 44%,var(--bx-skin-dark) 100%);filter:brightness(.82)}.bx-w-e{left:var(--bw);top:0;width:var(--wh);height:var(--bd);border-right-width:2px;transform-origin:0 50%;transform:rotateY(-90deg);background:radial-gradient(ellipse at -18% 50%,var(--bx-accent-soft) 0%,transparent 58%),linear-gradient(to left,#141a2a,#090d16 66%,#06080e)}.bx-latch{position:absolute;left:50%;bottom:12px;width:34px;height:20px;margin-left:-17px;border:2px solid var(--bx-edge);border-radius:4px;background:linear-gradient(180deg,#ffffff1f,#0000004d)}.bx-mouth{position:absolute;left:16px;top:14px;width:calc(var(--bw) - 32px);height:calc(var(--bd) - 28px);border-radius:40%;opacity:0;background:radial-gradient(ellipse at 50% 60%,#fff 0%,var(--bx-accent) 34%,transparent 74%);transform:translateZ(calc(var(--wh) - 6px));filter:blur(7px)}.bx-lid{position:absolute;left:calc(var(--ov) * -1);top:calc(var(--ov) * -1);width:calc(var(--bw) + var(--ov) * 2);height:calc(var(--bd) + var(--ov) * 2);transform-style:preserve-3d;transform-origin:50% var(--ov);transform:translateZ(var(--bh)) rotateX(0)}.bx-lid-top,.bx-lid-under{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--bx-edge)}.bx-lid-top{background:linear-gradient(122deg,rgba(255,255,255,.14) 0%,transparent 46%),linear-gradient(160deg,var(--bx-skin-lit) 0%,var(--bx-skin) 58%,var(--bx-skin-dark) 100%)}.bx-lid-top:before,.bx-lid-top:after{content:"";position:absolute;background:var(--bx-edge);opacity:.55}.bx-lid-top:before{left:50%;top:0;bottom:0;width:6px;margin-left:-3px}.bx-lid-top:after{top:50%;left:0;right:0;height:6px;margin-top:-3px}.bx-lid-under{border:0;transform:rotateY(180deg) translateZ(.6px);box-shadow:inset 0 0 34px #000000b8;background:radial-gradient(ellipse at 50% 40%,rgba(240,200,106,.1) 0%,transparent 64%),linear-gradient(160deg,#1b2135,#0b0f19)}.bx-lid-skirt,.bx-lid-skirt-w{position:absolute;border:0 solid var(--bx-edge);background:linear-gradient(180deg,var(--bx-skin) 0%,var(--bx-skin-dark) 100%)}.bx-lid-skirt{left:0;top:100%;width:100%;height:var(--lt);border-bottom-width:1px;transform-origin:50% 0;transform:rotateX(-90deg)}.bx-lid-skirt-w{left:0;top:0;width:var(--lt);height:100%;border-right-width:1px;transform-origin:0 50%;transform:rotateY(90deg);filter:brightness(.84)}.bx-stage.is-enter .bx-box{animation:bx-box-drop var(--bx-enter-ms) cubic-bezier(.32,1,.4,1) both}@keyframes bx-box-drop{0%{transform:translateZ(260px) scale3d(.84,.84,1.12)}58%{transform:translateZ(0) scale3d(1.07,1.07,.84)}78%{transform:translateZ(0) scale3d(.975,.975,1.06)}to{transform:translateZ(0) scaleZ(1)}}.bx-stage.is-enter .bx-shock{animation:bx-dust var(--bx-enter-ms) ease-out both}@keyframes bx-dust{0%,52%{opacity:0;transform:translateZ(2px) scale(.3)}66%{opacity:.5;transform:translateZ(2px) scale(.55)}to{opacity:0;transform:translateZ(2px) scale(1.1)}}.bx-stage.is-charge .bx-box{animation:bx-box-strain .78s ease-in-out infinite}@keyframes bx-box-strain{0%,to{transform:scaleZ(1) rotate(0)}28%{transform:scale3d(1.014,1.014,.985) rotate(.5deg)}44%{transform:scale3d(.996,.996,1.01) rotate(-.2deg)}74%{transform:scale3d(1.03,1.03,.958) rotate(-.9deg)}88%{transform:scale3d(.985,.985,1.035) rotate(.4deg)}}.bx-stage.is-charge .bx-lid{animation:bx-lid-strain .78s ease-in-out infinite}@keyframes bx-lid-strain{0%,to{transform:translateZ(var(--bh)) rotateX(0)}28%{transform:translateZ(var(--bh)) rotateX(5deg)}46%{transform:translateZ(var(--bh)) rotateX(1deg)}76%{transform:translateZ(calc(var(--bh) + 5px)) rotateX(16deg)}90%{transform:translateZ(var(--bh)) rotateX(3deg)}}.bx-stage.is-charge .bx-mouth{animation:bx-mouth-strain .78s ease-in-out infinite}@keyframes bx-mouth-strain{0%,to{opacity:.1}28%{opacity:.34}46%{opacity:.2}76%{opacity:.72}}.bx-stage.is-charge .bx-w{animation:bx-rim-strain .78s ease-in-out infinite}@keyframes bx-rim-strain{0%,to{box-shadow:0 0 0 transparent}76%{box-shadow:0 0 16px var(--bx-accent-soft)}}.bx-stage.is-charge .bx-latch{animation:bx-latch-strain .78s ease-in-out infinite}@keyframes bx-latch-strain{0%,to{box-shadow:0 0 0 transparent;border-color:var(--bx-edge)}76%{box-shadow:0 0 12px var(--bx-accent);border-color:#fff}}.bx-stage.is-burst .bx-box{animation:bx-box-blast var(--bx-burst-ms) ease-out both}@keyframes bx-box-blast{0%{transform:scale3d(1.05,1.05,.88)}14%{transform:scale3d(.955,.955,1.13)}40%{transform:scale3d(1.012,1.012,.978)}to{transform:scaleZ(1)}}.bx-stage.is-burst .bx-lid,.bx-stage.is-reveal .bx-lid{animation:bx-lid-blast var(--bx-burst-ms) cubic-bezier(.14,1.02,.3,1) both}@keyframes bx-lid-blast{0%,12%{transform:translateZ(var(--bh)) rotateX(0)}58%{transform:translateZ(calc(var(--bh) + 30px)) rotateX(126deg)}to{transform:translateZ(calc(var(--bh) + 12px)) rotateX(112deg)}}.bx-stage.is-burst .bx-latch,.bx-stage.is-reveal .bx-latch{animation:bx-latch-break var(--bx-burst-ms) ease-out both}@keyframes bx-latch-break{0%,12%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(-18px,-54px) rotate(-140deg)}}.bx-stage.is-burst .bx-mouth,.bx-stage.is-reveal .bx-mouth{animation:bx-mouth-blast var(--bx-burst-ms) ease-out both}@keyframes bx-mouth-blast{0%{opacity:.72}16%{opacity:1}to{opacity:.8}}.bx-shock{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;border:3px solid var(--bx-accent);opacity:0;transform:translateZ(2px) scale(.2);pointer-events:none}.bx-stage.is-burst .bx-shock{animation:bx-shock-out var(--bx-burst-ms) ease-out both}@keyframes bx-shock-out{0%,12%{opacity:0;transform:translateZ(2px) scale(.16);border-width:7px}20%{opacity:.95}to{opacity:0;transform:translateZ(2px) scale(1.55);border-width:1px}}.bx-beam{position:absolute;left:50%;bottom:calc(50% + 46px);width:190px;height:340px;margin-left:-95px;opacity:0;transform-origin:50% 100%;pointer-events:none;background:linear-gradient(to top,#fff 0%,var(--bx-accent) 24%,transparent 78%);clip-path:polygon(46% 100%,54% 100%,100% 0%,0% 0%);filter:blur(13px)}.bx-stage.is-charge .bx-beam{animation:bx-beam-strain .78s ease-in-out infinite}@keyframes bx-beam-strain{0%,to{opacity:.04;transform:scaleY(.3)}76%{opacity:.26;transform:scaleY(.6)}}.bx-stage.is-burst .bx-beam{animation:bx-beam-blast var(--bx-burst-ms) ease-out both}@keyframes bx-beam-blast{0%,12%{opacity:.3;transform:scaleY(.5)}30%{opacity:1;transform:scaleY(1.16)}to{opacity:.42;transform:scaleY(1)}}.bx-stage.is-reveal .bx-beam{opacity:.26}.bx-glow{position:absolute;width:360px;height:360px;margin-top:-46px;border-radius:50%;opacity:0;background:radial-gradient(circle,var(--bx-accent-soft) 0%,transparent 68%);pointer-events:none}.bx-stage.is-charge .bx-glow{animation:bx-glow-strain .78s ease-in-out infinite}@keyframes bx-glow-strain{0%,to{opacity:.1;transform:scale(.82)}76%{opacity:.68;transform:scale(1.16)}}.bx-burst{position:absolute;width:260px;height:260px;margin-top:-46px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff 0%,var(--bx-accent) 34%,transparent 68%);pointer-events:none}.bx-stage.is-burst .bx-burst{animation:bx-burst-pop var(--bx-burst-ms) ease-out both}@keyframes bx-burst-pop{0%,12%{opacity:0;transform:scale(.24)}19%{opacity:.85;transform:scale(1)}52%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(2.1)}}.bx-stage.is-burst .bx-bg{animation:bx-flash var(--bx-burst-ms) ease-out both}@keyframes bx-flash{0%,12%{background-color:transparent}16%{background-color:#ffffff9e}to{background-color:transparent}}.bx-stage.is-reveal .bx-crate{animation:bx-crate-recede var(--bx-reveal-ms) ease-out both}@keyframes bx-crate-recede{to{opacity:.62;transform:translateY(84px) scale(.82)}}.bx-stage.is-reveal .bx-w{box-shadow:0 0 15px var(--bx-accent-soft)}.bx-particles{position:absolute;inset:0;pointer-events:none}.bx-particle{position:absolute;top:calc(50% - 46px);left:50%;width:8px;height:13px;border-radius:2px;background:var(--bx-accent);opacity:0;animation:bx-particle-fly .76s cubic-bezier(.1,.82,.24,1) both}.bx-particle-2{width:6px;height:6px;border-radius:50%}.bx-particle-3{width:13px;height:4px;background:#fff}.bx-particle-4{width:5px;height:15px;opacity:.85}@keyframes bx-particle-fly{0%{opacity:1;transform:translateY(0) rotate(var(--a)) translateY(0) rotate(0)}68%{opacity:1}to{opacity:0;transform:translateY(52px) rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(var(--r))}}.bx-result{position:absolute;display:grid;gap:10px;place-items:center;text-align:center;opacity:0;pointer-events:none}.bx-stage.is-reveal .bx-result{animation:bx-rise var(--bx-reveal-ms) cubic-bezier(.24,1.35,.5,1) both}@keyframes bx-rise{0%{opacity:0;transform:translateY(78px) scale(.42)}38%{opacity:1}to{opacity:1;transform:translateY(-42px) scale(1)}}.bx-card{position:relative;display:grid;gap:12px;place-items:center;padding:26px 34px;border:1px solid var(--bx-accent-soft);border-radius:18px;background:#121828f0;box-shadow:0 0 52px var(--bx-accent-soft)}.bx-grade--common{--grade: #93a0b6}.bx-grade--uncommon{--grade: #b0c3d9}.bx-grade--rare{--grade: #4b69ff}.bx-grade--epic{--grade: #8847ff}.bx-grade--exotic{--grade: #eb4b4b}.bx-card-halo{position:absolute;z-index:-1;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--grade, var(--bx-accent)) 36%,transparent) 0%,transparent 66%)}.bx-tile{display:grid;gap:8px;place-items:center}.bx-tile-art{display:grid;place-items:center;padding:10px;border-radius:14px;background:#ffffff0a;border:2px solid color-mix(in srgb,var(--grade, var(--bx-accent)) 72%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--grade, var(--bx-accent)) 38%,transparent),inset 0 0 18px color-mix(in srgb,var(--grade, var(--bx-accent)) 12%,transparent)}.bx-tile-art--tile{aspect-ratio:3 / 4;width:auto!important}.box-drop-thumb .wd-sleeve,.box-pool-thumb .wd-sleeve,.bx-tile-art .wd-sleeve{max-width:none;max-height:none;width:88%}.bx-tile-art>*:not(.bx-tile-count){width:100%;height:100%;margin:0}.bx-tile-art--blank{background:linear-gradient(150deg,rgba(255,255,255,.08),transparent)}.bx-tile-name{color:#f4f7ff;font-weight:700;line-height:1.3}.bx-tile-slot{color:#93a0bb;font-size:.78em;letter-spacing:.08em;line-height:1.2}.bx-tile-tag{color:var(--grade, var(--bx-accent));font-weight:700;letter-spacing:.1em}.bx-card--single{padding:36px 52px;gap:18px}.bx-card--single .bx-tile-art{width:min(300px,42vmin);height:min(300px,42vmin);padding:16px;border-radius:20px}.bx-card--single .bx-tile-name{font-size:30px}.bx-card--single .bx-tile-tag{font-size:14px}.bx-card--single .bx-card-halo{width:460px;height:460px}.bx-card--batch{width:min(780px,92vw);padding:22px 26px;justify-items:stretch}.bx-batch-grid{width:100%}.bx-batch-head{color:#dfe6f5;font-size:15px;font-weight:700}.bx-batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px;max-height:min(390px,52vh);overflow-y:auto;padding:2px}.bx-card--batch .bx-tile{padding:10px 6px;border:1px solid #2b3550;border-radius:12px;background:#0c101c80;animation:bx-tile-pop .3s cubic-bezier(.3,1.5,.6,1) both}.bx-card--batch .bx-tile{border-color:color-mix(in srgb,var(--grade, #2b3550) 42%,transparent)}.bx-card--batch .bx-tile-art{width:84px;height:84px;padding:8px}.bx-card--batch .bx-tile-name{font-size:13px}.bx-card--batch .bx-tile-tag{font-size:10px;letter-spacing:.06em}@keyframes bx-tile-pop{0%{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bx-card-note{max-width:300px;color:#9aa5bd;font-size:12px;line-height:1.45}.bx-card-pity{color:#f0c86a;font-size:11.5px;letter-spacing:.06em}.bx-foot{position:relative;display:flex;gap:10px;align-items:center;padding-bottom:42px;min-height:44px}.bx-hint{color:#7d879e;font-size:12px;letter-spacing:.04em}.bx-btn{padding:10px 22px;border:1px solid #3d4a6b;border-radius:10px;background:#1c2337e6;color:#dfe6f5;font:600 14px var(--ui-font);cursor:pointer}.bx-btn:hover{border-color:var(--bx-accent);color:var(--bx-accent)}.bx-btn--primary{border-color:var(--bx-accent);color:#12172a;background:var(--bx-accent)}.bx-btn--primary:hover{color:#12172a;filter:brightness(1.08)}@media(prefers-reduced-motion:reduce){.bx-stage,.bx-stage.is-leaving,.bx-stage .bx-body,.bx-stage .bx-crate,.bx-stage .bx-box,.bx-stage .bx-lid,.bx-stage .bx-latch,.bx-stage .bx-w,.bx-stage .bx-mouth,.bx-stage .bx-glow,.bx-stage .bx-burst,.bx-stage .bx-beam,.bx-stage .bx-shock,.bx-stage .bx-bg,.bx-particle,.bx-card--batch .bx-tile,.bx-stage.is-reveal .bx-result{animation:none}.bx-stage .bx-result,.bx-stage.is-reveal .bx-result{opacity:1;transform:none}.bx-stage .bx-lid{transform:translateZ(calc(var(--bh) + 12px)) rotateX(112deg)}.bx-stage .bx-mouth{opacity:.8}.bx-stage .bx-latch{opacity:0}}.box-drop-thumb,.box-pool-thumb,.bx-tile-art{overflow:hidden}.box-drop-thumb,.box-pool-thumb{position:relative}.box-drop-thumb .wd-stick,.box-pool-thumb .wd-stick,.bx-tile-art .wd-stick{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);transform-origin:center}.box-drop-thumb .wd-stick-bar,.box-pool-thumb .wd-stick-bar,.bx-tile-art .wd-stick-bar{width:104%;max-width:none;height:auto;aspect-ratio:9 / 1;border-radius:3px;transform:rotate(-30deg)}.box-drop-thumb .wd-stick-dot,.box-pool-thumb .wd-stick-dot,.bx-tile-art .wd-stick-dot{width:auto;height:51%;aspect-ratio:1 / 1}.box-drop-thumb .wd-back,.box-pool-thumb .wd-back,.bx-tile-art .wd-back{width:100%;height:100%;min-width:0;min-height:0}.bx-tile-art{position:relative}.bx-tile-count{position:absolute;right:4px;bottom:4px;min-width:24px;padding:1px 6px;border-radius:999px;background:var(--bx-accent);color:#12172a;font-size:11.5px;font-weight:800;text-align:center}.bx-tile-art .coin-icon,.box-drop-thumb .coin-icon{display:grid;place-items:center}.bx-tile-art .coin-icon>svg,.box-drop-thumb .coin-icon>svg{width:100%;height:100%}.inv-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.inv-tab{padding:5px 14px;border:1px solid #2b3550;border-radius:999px;background:#141a2a99;color:#9aa5bd;font:600 12.5px var(--ui-font);cursor:pointer}.inv-tab:hover{color:#dfe6f5;border-color:#3d4a6b}.inv-head{display:flex;flex-wrap:nowrap;align-items:center;gap:8px 16px;margin-bottom:12px}.inv-head .inv-tabs{flex:1 1 auto;min-width:0;margin:0}.inv-tools{display:flex;flex:none;align-items:center;gap:8px;margin-left:auto;min-height:26px}.info-body--wardrobe>*{max-width:none}.inv-grades{display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 4px;border:1px solid #2b3550;border-radius:999px;background:#10152399}.inv-grade{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:999px;background:none;cursor:pointer}.inv-grade i{display:block;width:11px;height:11px;border-radius:999px;background:var(--grade, #8b97ad);transition:transform .12s ease,box-shadow .12s ease}.inv-grade:hover i{transform:scale(1.18)}.inv-grade.is-on i{transform:scale(1.18);box-shadow:0 0 0 2px #ffffff29,0 0 0 4px var(--grade)}.inv-sort{height:26px;padding:0 26px 0 10px;border:1px solid #2b3550;border-radius:999px;background:#10152399 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237d879e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center / 9px 6px;color:#cfd8ea;font:inherit;font-size:11.5px;line-height:24px;appearance:none;cursor:pointer}.inv-sort:hover{border-color:#4a5a80}.inv-tab-n{margin-left:6px;color:#7d879e;font-size:10.5px;font-variant-numeric:tabular-nums}.inv-tab.is-on{border-color:#f0c86a8c;background:#f0c86a1f;color:#f0c86a}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.inv-cell{position:relative;display:grid;gap:6px;justify-items:center;padding:12px 8px 10px;border:1px solid #2b3550;border-radius:12px;background:#10152399;color:inherit;font:inherit;cursor:pointer;text-align:center;transition:transform .13s ease,border-color .13s ease,background .13s ease}.inv-cell:hover{transform:translateY(-2px);border-color:#4a5a80;background:#1a2135d9}.inv-cell--common{--grade: #6b7488}.inv-cell--uncommon{--grade: #b0c3d9}.inv-cell--rare{--grade: #4b69ff}.inv-cell--epic{--grade: #8847ff}.inv-cell--exotic{--grade: #eb4b4b}.inv-cell[class*=inv-cell--]{border-color:color-mix(in srgb,var(--grade) 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--grade) 7%,transparent) 0%,transparent 62%),#10152399}.inv-cell[class*=inv-cell--]:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:3px;border-radius:2px;background:var(--grade);opacity:.85}.inv-cell--common:after{opacity:.35}.inv-cell[class*=inv-cell--]:hover{border-color:color-mix(in srgb,var(--grade) 62%,transparent)}.inv-cell.is-equipped,.inv-cell.is-equipped[class*=inv-cell--]{border-color:#f0c86a;background:#f0c86a1a;cursor:default}.inv-cell.is-equipped:hover{transform:none}.inv-cell-art{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;position:relative}.inv-cell-art>*:not(.inv-cell-new){width:100%;height:100%;margin:0}.inv-cell-art .wd-back,.item-card-art .wd-back{width:auto;height:100%;aspect-ratio:3 / 4;min-width:0;min-height:0}.inv-cell-art .wd-stick,.item-card-art .wd-stick{width:100%;height:100%;min-width:0;min-height:0}.inv-cell-art .wd-felt,.item-card-art .wd-felt{width:100%;aspect-ratio:1 / 1}.inv-cell-art .wd-stick-bar,.item-card-art .wd-stick-bar{width:92%;max-width:92%}:root{--engraved: #e8912f}.inv-cell-name.is-engraved,.item-card-name.is-engraved{color:var(--engraved)}.inv-cell-name{color:#cfd8ea;font-size:11.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.inv-cell-tag{color:#7d879e;font-size:10.5px}.inv-cell-on{position:absolute;top:6px;right:6px;padding:1px 7px;border-radius:999px;background:#f0c86a;color:#12172a;font-size:10px;font-weight:800}.inv-cell-on--check{display:grid;place-items:center;width:18px;height:18px;padding:0;font-size:11px;line-height:1}.inv-cell--crate{border-color:#f0c86a38}.inv-cell--crate .inv-cell-art{color:#f0c86a}.inv-cell-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f0c86a;color:#12172a;font-size:11px;font-weight:800;line-height:18px}.wd-sleeve{display:block;width:100%;aspect-ratio:1 / 1;max-width:72px;max-height:72px}.wd-sleeve svg{display:block;width:100%;height:100%}.ops-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:var(--z-toasts);max-width:min(760px,94vw);display:flex;align-items:center;gap:12px;padding:9px 16px;border:1px solid #2f6a4a;border-top:none;border-radius:0 0 10px 10px;background:#12281f;color:#d8f0e2;font-size:13px;line-height:1.5;box-shadow:0 6px 18px #00000059}.ops-banner.warn{border-color:#7a5a1e;background:#2a2110;color:#f0e0b8}.ops-banner-text{flex:1}.ops-banner-x{flex:none;background:#ffffff14;border:1px solid rgb(255 255 255 / 18%);color:inherit;border-radius:6px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer}.ops-banner-x:hover{background:#ffffff24}.is-maintenance{filter:grayscale(.85);cursor:not-allowed}.report-select,.report-note{width:100%;background:#00000040;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;color:inherit;font:inherit;padding:8px 10px;margin-bottom:6px}.report-note{resize:vertical;min-height:68px}.report-submit{margin-top:10px}.profile-report{margin-top:14px}.settings-danger-zone{margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}.settings-danger-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:8px 2px;cursor:pointer;font-size:13px;color:#e8e4d8b8;list-style:none}.settings-danger-summary::-webkit-details-marker{display:none}.settings-danger-summary:before{content:"▸";display:inline-block;font-size:11px;opacity:.7;transition:transform .15s ease}.settings-danger-zone[open]>.settings-danger-summary:before{transform:rotate(90deg)}.settings-danger-summary:hover{color:#e8e4d8}.settings-danger-tip{font-size:12px;color:#e8e4d873}@media(prefers-reduced-motion:reduce){.settings-danger-summary:before{transition:none}}#report-modal .info-panel,#engrave-modal .info-panel{width:min(560px,92vw);height:auto;max-height:min(660px,88vh)}:root.hud-boosted #report-modal .info-panel,:root.hud-boosted #engrave-modal .info-panel{width:min(560px,calc(var(--vp-w) * .92 / var(--ui-scale) / var(--modal-boost)));height:auto;max-height:calc(var(--vp-h) * .88 / var(--ui-scale) / var(--modal-boost));border-radius:14px;border:1px solid rgba(255,255,255,.16)}#buyconfirm-modal .info-panel,#engraveconfirm-modal .info-panel{width:min(380px,88vw);height:auto;max-height:min(520px,80vh)}#buyconfirm-modal .info-body,#engraveconfirm-modal .info-body{padding:16px 22px 18px}#buyconfirm-modal .solo-title,#engraveconfirm-modal .solo-title{padding:12px 14px;font-size:14px}:root.hud-boosted #buyconfirm-modal .info-panel,:root.hud-boosted #engraveconfirm-modal .info-panel{width:min(380px,calc(var(--vp-w) * .86 / var(--ui-scale) / var(--modal-boost)));height:auto;border-radius:14px;border:1px solid rgba(255,255,255,.16)}.confirm-title{padding:18px 22px 0;text-align:center;font:600 15px var(--ui-font);color:#e8e4d8}.confirm-body{text-align:center}.confirm-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.confirm-actions .settings-action{flex:1 1 128px;max-width:200px;text-align:center}.confirm-actions .settings-action:disabled{opacity:.4;cursor:not-allowed}.buy-confirm-line{font-size:15px;line-height:1.6;margin-bottom:4px}.buy-confirm-ok{border-color:var(--gold, #c9a227);color:var(--gold, #c9a227)}.consent-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--muted, #9aa8b8);margin:2px 0 6px}.consent-row input{margin-top:2px;flex:none}.consent-row a{color:inherit;text-decoration:underline}.pf-avatar-family{grid-column:1 / -1;margin:10px 0 2px;font-size:12px;letter-spacing:.08em;color:var(--muted, #9aa8b8)}.pf-avatar-family:first-child{margin-top:0}.pf-avatar-cell img.is-tile-art{background:#f2efe6;padding:10%;box-sizing:border-box;object-fit:contain}.discard-preview{position:absolute;z-index:21;left:50%;bottom:157px;translate:-50% 0;min-width:96px;padding:8px 10px;border:1px solid #3d4a6b;border-radius:10px;background:#0a0e18f5;box-shadow:0 6px 20px #0000008c;font-family:var(--ui-font);font-size:13px;line-height:1.4;text-align:center;pointer-events:none;white-space:nowrap}.dp-head{color:#8d98b1;font-size:11px;letter-spacing:.06em}.dp-tiles{display:flex;gap:6px;justify-content:center;margin:4px 0 6px}.dp-cell{display:grid;justify-items:center;gap:2px}.dp-left{font-size:11px;font-weight:700;line-height:1;color:#d7deec;font-variant-numeric:tabular-nums}.dp-left.is-dead{color:#667089}.dp-left--noyaku{color:#ef9a8f}.dp-tiles .tile{width:26px;height:35px;min-width:0;flex:none;position:static;translate:none;pointer-events:none;box-shadow:none;border-radius:3px}.dp-tiles .tile img{width:100%;height:100%;object-fit:contain}.dp-tiles .tile span{font-size:13px;line-height:1}.inv-cell-new{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--gold, #f0c86a);box-shadow:0 0 0 2px #0d1220d9;pointer-events:none}.profile-career{margin-top:14px}.profile-career-head{margin:12px 0 8px;color:#8b96ad;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.profile-career-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pc-cell{padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff08}.pc-value{color:#e8e2d6;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.pc-label{margin-top:3px;color:#8b96ad;font-size:11px}.info-body--shop{display:flex;flex-direction:column;gap:14px;padding:16px 22px 20px}.shop-bar{flex:none;display:flex;align-items:center;gap:12px;min-height:30px}.shop-bar .shop-wallet{margin:0 0 0 auto}.shop-back{padding:6px 16px 6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;color:#b7c2d8;font-family:inherit;font-size:13px;cursor:pointer;transition:color .12s ease-out,border-color .12s ease-out}.shop-back:hover{color:var(--gold, #f0c86a);border-color:#f0c86a80}.shop-poster{position:relative;flex:none;height:396px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#080c16;animation:shop-poster-in .24s cubic-bezier(.22,1,.36,1) both}@keyframes shop-poster-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shop-poster{animation:none}}.shop-poster:after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:3px;background:var(--grade, #6b7488);opacity:.9}.shop-poster--common{--grade: #6b7488}.shop-poster--uncommon{--grade: #b0c3d9}.shop-poster--rare{--grade: #4b69ff}.shop-poster--epic{--grade: #8847ff}.shop-poster--exotic{--grade: #eb4b4b}.shop-poster-art{position:absolute;inset:0 auto 0 0;width:56%;clip-path:polygon(0 0,100% 0,calc(100% - 84px) 100%,0 100%);background:linear-gradient(148deg,color-mix(in srgb,var(--accent, #33415f) 64%,#16203a),color-mix(in srgb,var(--accent, #33415f) 26%,#05080f))}.shop-poster-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(58deg,rgba(255,255,255,.055) 0 1px,transparent 1px 15px)}.shop-poster .shop-art--poster{position:absolute;z-index:1;inset:0 auto 0 0;width:56%;display:grid;place-items:center;pointer-events:none}.shop-art--poster>*{filter:drop-shadow(0 20px 32px rgba(0,0,0,.55))}.shop-art--poster .wd-back{width:182px;height:243px;border-radius:16px;transform:rotate(-7deg)}.shop-art--poster .wd-felt{width:296px;height:196px;border-radius:10px;transform:rotate(-4deg)}.shop-art--poster .wd-felt-rim{height:34px}.shop-art--poster .wd-stick{width:330px;height:210px;transform:rotate(-24deg)}.shop-art--poster .wd-stick-bar{width:318px;height:40px;border-radius:9px}.shop-art--poster .wd-stick-dot{width:22px;height:22px}.shop-art--poster .wd-sleeve{max-width:214px;max-height:214px}.shop-poster-spine{position:absolute;z-index:2;right:14px;top:0;bottom:0;display:flex;justify-content:center;align-items:center;writing-mode:vertical-rl;font-size:12.5px;font-weight:700;letter-spacing:.44em;text-transform:uppercase;color:#e8e2d675;pointer-events:none}.shop-poster-copy{position:absolute;z-index:2;top:0;bottom:0;right:54px;width:372px;display:flex;flex-direction:column;justify-content:center;gap:12px}.shop-poster-index{font-size:11.5px;font-weight:700;letter-spacing:.3em;color:#e8e2d661;font-variant-numeric:tabular-nums}.shop-poster-eyebrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.shop-poster-slot{font-size:12.5px;font-weight:800;letter-spacing:.22em;color:var(--gold, #f0c86a);text-transform:uppercase}.shop-poster-eyebrow .shop-rarity,.shop-poster-eyebrow .shop-tradable{margin-top:0;align-self:center}.shop-poster-name{margin:0;font-size:42px;line-height:1.06;font-weight:800;letter-spacing:.005em;color:#f4efe2;overflow-wrap:anywhere;text-shadow:0 2px 18px rgba(0,0,0,.6)}.shop-poster-rule{flex:none;width:68px;height:2px;background:linear-gradient(90deg,var(--gold, #f0c86a),rgba(240,200,106,0))}.shop-state--poster{border-top:none;padding-top:2px;gap:16px}.shop-state--poster .shop-onsale{display:none}.shop-state--poster .shop-price{margin-left:0;font-size:27px;font-weight:800;color:#f6d788}.shop-state--poster .shop-price-usd{color:#8fbcf0}.shop-state--poster .shop-buy{margin-left:0;padding:12px 34px;border-radius:10px;font-size:15.5px;font-weight:800;letter-spacing:.1em}.shop-state--poster .shop-owned,.shop-state--poster .shop-equipped{font-size:15px;letter-spacing:.1em}.shop-state--poster .shop-soon,.shop-state--poster .shop-go-equip,.shop-state--poster .shop-try,.shop-state--poster .shop-equipped{margin-left:0}.shop-state--poster .shop-go-equip,.shop-state--poster .shop-try{padding:10px 22px;border-radius:10px;font-size:14px}.shop-state--poster.shop-state--dual{gap:10px}.shop-state--poster.shop-state--dual .shop-price{font-size:20px}.shop-state--poster.shop-state--dual .shop-buy{padding:8px 22px;font-size:13.5px}:root.hud-boosted .shop-poster{flex:1 1 auto;height:auto;min-height:0}.shop-poster-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#080c1699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f4efe2;font-size:44px;line-height:1;cursor:pointer}.shop-poster-nav--prev{left:18px}.shop-poster-nav--next{right:18px}:root.hud-boosted .shop-poster-spine{display:none}:root.hud-boosted .shop-poster-name{font-size:26px}:root.hud-boosted .shop-poster-index{font-size:11px}:root.hud-boosted .shop-poster-slot{font-size:11.5px}:root.hud-boosted .shop-poster-eyebrow .shop-rarity,:root.hud-boosted .shop-poster-eyebrow .shop-tradable{font-size:11.5px}:root.hud-boosted .shop-poster-copy{gap:8px}:root.hud-boosted .shop-state--poster .shop-price{font-size:20px}:root.hud-boosted .shop-state--poster .shop-buy{padding:8px 22px;font-size:13px}:root.hud-boosted .shop-state--poster .shop-go-equip,:root.hud-boosted .shop-state--poster .shop-try{padding:7px 16px;font-size:12.5px}:root.hud-boosted .shop-art--poster .wd-stick{width:208px;height:128px}:root.hud-boosted .shop-art--poster .wd-stick-bar{width:200px;height:26px}:root.hud-boosted .shop-art--poster .wd-stick-dot{width:14px;height:14px}:root.hud-boosted .shop-art--poster .wd-back{width:108px;height:144px}:root.hud-boosted .shop-art--poster .wd-felt{width:196px;height:130px}:root.hud-boosted .shop-art--poster .wd-felt-rim{height:22px}:root.hud-boosted .shop-art--poster .wd-sleeve{max-width:138px;max-height:138px}.shop-bar--poster-m{gap:10px}.shop-bar--poster-m .shop-more--m{margin-left:0;margin-right:0}.shop-bar--poster-m .shop-wallet{margin-left:auto}.shop-more--m .shop-more-go{font-size:20px;line-height:1;font-weight:700;color:var(--gold, #f0c86a)}:root.hud-boosted .shop-poster-copy{left:56%;right:108px;width:auto;gap:8px}:root.hud-boosted .shop-state--poster{flex-wrap:wrap;row-gap:10px;column-gap:10px}:root.hud-boosted .shop-state--poster .shop-price{width:100%}.shop-poster-nav:disabled{opacity:0;pointer-events:none}.shop-poster-nav:active{background:#141c2ed9}.shop-reel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:9px}.shop-reel-head{display:flex;align-items:center;gap:12px}.shop-reel-cap{font-size:12px;font-weight:700;letter-spacing:.18em;color:#93a2bd;text-transform:uppercase}.shop-more{margin-left:auto;display:inline-flex;align-items:baseline;gap:9px;padding:7px 18px;border:1px solid rgba(240,200,106,.45);border-radius:999px;background:#f0c86a0f;color:var(--gold, #f0c86a);font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out}.shop-more:hover{background:#f0c86a24;border-color:#f0c86abf}.shop-more-count{font-size:11.5px;font-weight:600;color:#f0c86a99;font-variant-numeric:tabular-nums}.shop-reel-row{flex:1 1 auto;min-height:0;display:flex;align-items:stretch;gap:8px}.shop-reel-nav{flex:none;width:30px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;color:#97a3ba;font-family:inherit;font-size:20px;line-height:1;cursor:pointer}.shop-reel-nav:hover:not(:disabled){color:var(--gold, #f0c86a);border-color:#f0c86a80}.shop-reel-nav:disabled{opacity:.35;cursor:default}.shop-reel-track{flex:1 1 auto;min-width:0;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.shop-thumb{position:relative;flex:none;width:132px;display:grid;grid-template-rows:1fr auto auto;gap:5px;padding:10px 8px 13px;border:1px solid #2b3550;border-radius:12px;background:#10152399;color:inherit;font:inherit;text-align:center;cursor:pointer;transition:border-color .12s ease-out,transform .12s ease-out,background-color .12s ease-out}.shop-thumb:hover{transform:translateY(-2px);border-color:#4a5a80;background:#1a2135d9}.shop-thumb.is-on{border-color:var(--gold, #f0c86a);background:#f0c86a14}.shop-thumb--common{--grade: #6b7488}.shop-thumb--uncommon{--grade: #b0c3d9}.shop-thumb--rare{--grade: #4b69ff}.shop-thumb--epic{--grade: #8847ff}.shop-thumb--exotic{--grade: #eb4b4b}.shop-thumb:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:3px;border-radius:2px;background:var(--grade, #6b7488);opacity:.85}.shop-thumb--common:after{opacity:.35}.shop-art--thumb{position:relative;display:grid;place-items:center;min-height:72px;border-radius:8px;background:linear-gradient(170deg,color-mix(in srgb,var(--accent, transparent) 16%,transparent) 0%,transparent 78%)}.shop-thumb-name{font-size:12.5px;font-weight:600;color:#dcd8cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-thumb-foot{display:flex;align-items:center;justify-content:center;min-height:18px}.shop-thumb-foot .shop-price{margin-left:0;font-size:12.5px}.shop-thumb-foot .shop-owned{font-size:11px;letter-spacing:.06em}.shop-thumb-soon{font-size:11px;color:#68738b;letter-spacing:.06em}.shop-filters{flex:none;display:flex;flex-wrap:wrap;gap:6px}.shop-chip{padding:6px 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff08;color:#8b96ad;font-family:inherit;font-size:13px;cursor:pointer;transition:color .12s ease-out,border-color .12s ease-out}.shop-chip:hover{color:#cfd8ea}.shop-chip.is-on{border-color:var(--gold, #f0c86a);color:var(--gold, #f0c86a)}.shop-browse{display:flex;flex-direction:column}.shop-shelf-head{display:flex;align-items:baseline;gap:10px;margin:20px 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;color:#9aa5bd;text-transform:uppercase}.shop-shelf-head:first-child{margin-top:4px}.shop-shelf-count{font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#68738b;font-variant-numeric:tabular-nums}.shop-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.shop-shelf .shop-thumb{width:auto}.previewroom{position:fixed;inset:0;z-index:var(--z-previewroom, 115);background:#05070d;opacity:0;transition:opacity .18s ease}.previewroom.is-live{opacity:1}.previewroom-canvas{display:block;width:100%;height:100%}.previewroom-bar{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:10px 14px 10px 20px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#080b14d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.previewroom-name{font-size:15px;font-weight:800;color:var(--ivory, #e8e2d6);letter-spacing:.02em}.previewroom-close{padding:6px 16px;border:1px solid rgba(240,205,110,.5);border-radius:999px;background:#f0cd6e1f;color:#f6d788;font-size:13.5px;font-weight:800;cursor:pointer}.previewroom-close:hover{background:#f0cd6e38}:root.hud-boosted .inv-grades{display:none}:root.hud-boosted .box-detail{gap:14px;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}:root.hud-boosted .box-detail-left{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px 14px;min-height:0}:root.hud-boosted .box-detail-art{flex:1 1 auto;height:auto;min-height:96px;width:100%}:root.hud-boosted .box-detail-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:10px}:root.hud-boosted .box-detail-actions:has(>:only-child){grid-template-columns:1fr}:root.hud-boosted .bx-btn{font-size:calc(15px * var(--modal-boost));padding:calc(11px * var(--modal-boost)) calc(26px * var(--modal-boost));border-radius:calc(11px * var(--modal-boost))}:root.hud-boosted .bx-foot{gap:calc(14px * var(--modal-boost))}:root.hud-boosted .bx-card{gap:calc(12px * var(--modal-boost));border-radius:calc(18px * var(--modal-boost))}:root.hud-boosted .bx-batch-head{font-size:calc(15px * var(--modal-boost))}:root.hud-boosted .bx-card--batch{padding:calc(22px * var(--modal-boost)) calc(24px * var(--modal-boost))}:root.hud-boosted .bx-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14px * var(--modal-boost));max-height:56vh}:root.hud-boosted .bx-card--batch .bx-tile-art{width:calc(96px * var(--modal-boost));height:calc(96px * var(--modal-boost))}:root.hud-boosted .bx-tile{gap:calc(8px * var(--modal-boost))}:root.hud-boosted .bx-card--batch .bx-tile-slot{font-size:calc(11px * var(--modal-boost))}:root.hud-boosted .bx-card--batch .bx-tile-name{font-size:calc(13px * var(--modal-boost))}:root.hud-boosted .bx-card--batch .bx-tile-tag{font-size:calc(10px * var(--modal-boost))}:root.hud-boosted .bx-card--single{padding:calc(24px * var(--modal-boost)) calc(36px * var(--modal-boost));gap:calc(12px * var(--modal-boost))}:root.hud-boosted .bx-card--single .bx-tile-art{width:calc(132px * var(--modal-boost));height:calc(132px * var(--modal-boost))}:root.hud-boosted .bx-card--single .bx-tile-slot{font-size:calc(15px * var(--modal-boost))}:root.hud-boosted .bx-card--single .bx-tile-name{font-size:calc(20px * var(--modal-boost))}:root.hud-boosted .bx-card--single .bx-tile-tag{font-size:calc(13px * var(--modal-boost))}:root.hud-boosted .bx-card-note{font-size:calc(12px * var(--modal-boost));max-width:calc(300px * var(--modal-boost))}:root.hud-boosted .bx-card-pity{font-size:calc(11.5px * var(--modal-boost))}.end-stats-section{display:flex;flex-direction:column;gap:12px}.end-stats-toggle{display:none}:root.hud-boosted .end-stats-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:8px 20px;border:1px solid #33405e;border-radius:999px;background:#181f3299;color:#cfd8ea;font:600 15px var(--ui-font);cursor:pointer}:root.hud-boosted .end-stats-section.is-collapsed .end-stats{display:none}:root.hud-boosted .final-screen{gap:8px}:root.hud-boosted .final-head{gap:10px}:root.hud-boosted .final-title{font-size:24px}:root.hud-boosted .final-rounds{font-size:13px}:root.hud-boosted .final-player{padding:6px 6px 8px;gap:3px}:root.hud-boosted .fp-place{font-size:14px}:root.hud-boosted .fp-avatar{width:36px;height:36px;font-size:16px;border-radius:10px}:root.hud-boosted .fp-name{font-size:13px}:root.hud-boosted .fp-score{font-size:18px}:root.hud-boosted .end-back{margin-top:2px;padding:10px}:root.hud-boosted .end-rank{margin:0 auto;align-self:center;width:100%;max-width:440px;padding:6px 14px;gap:10px}:root.hud-boosted .rc-icon{width:42px;height:42px}:root.hud-boosted .rc-body{gap:3px}:root.hud-boosted .rc-bar{height:6px}:root.hud-boosted .end-rank .rc-label,:root.hud-boosted .end-rank .rc-progress-text{display:none}:root.hud-boosted .overlay.is-final{padding:8px 16px}:root.hud-boosted .home-tools{gap:22px}:root.hud-boosted .home-tool{width:92px;gap:8px}:root.hud-boosted .ht-icon{width:92px;height:92px}:root.hud-boosted .ht-icon svg{width:48px;height:48px}:root.hud-boosted .ht-label{font-size:21px}.wd-engraver{position:relative;display:grid;place-items:center;width:100%;height:100%}.wd-engraver img{width:auto;height:auto;max-width:var(--engraver-fit, 68%);max-height:var(--engraver-fit, 68%);object-fit:contain}.item-card{position:fixed;z-index:var(--z-hovercard);width:264px;padding:12px 13px 13px;border:1px solid #33405e;border-radius:12px;background:#0b0f1af7;box-shadow:0 14px 40px #0000008c;pointer-events:none;animation:item-card-in .11s ease-out both}@keyframes item-card-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.item-card{animation:none}}.item-card-head{display:grid;grid-template-columns:56px 1fr;gap:11px;align-items:center}.item-card-art{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:8px;background:#ffffff09}.item-card-art .wd-back{width:auto;height:100%;aspect-ratio:3 / 4}.item-card-art>*:not(.wd-back){width:100%;height:100%;margin:0}.item-card-art--blank{background:linear-gradient(150deg,rgba(255,255,255,.08),transparent)}.item-card-heading{min-width:0}.item-card-name{color:#e6ecf8;font-size:14px;font-weight:700;line-height:1.25}.item-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.item-card-kind{color:#8b96ae;font-size:11px}.item-card-grade{padding:0 6px;border:1px solid color-mix(in srgb,var(--grade, #6b7488) 55%,transparent);border-radius:999px;color:var(--grade, #6b7488);font-size:10.5px;font-weight:700}.item-card-note{margin-top:9px;padding-top:8px;border-top:1px solid #232d45;color:#97a2b8;font-size:11.5px;line-height:1.45}.item-card-eng{margin-top:9px;padding-top:8px;border-top:1px solid #232d45}.item-card-eng-head{color:#c8a24a;font-size:11px;font-weight:700;letter-spacing:.04em}.item-card-eng-list{display:grid;gap:3px;margin-top:6px}.item-card-eng-row{display:flex;justify-content:space-between;gap:10px;color:#5d6884;font-size:11.5px}.item-card-eng-row.is-on{color:#eef3ff}.item-card-eng-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card-eng-value{flex:none;font-variant-numeric:tabular-nums;font-weight:700}.engrave-cand-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 4px}.engrave-cand-chip{padding:3px 9px;border:1px solid #3b4869;border-radius:999px;color:#c4cde0;font-size:11.5px}.en-stage{position:fixed;inset:0;z-index:var(--z-tutorial);display:grid;grid-template-rows:1fr auto;place-items:center;cursor:pointer;animation:en-stage-in .17s ease-out both;--en-gold: #e0b356;--en-gold-soft: rgba(224, 179, 86, .28)}.en-stage.is-leaving{animation:en-stage-out .17s ease-in both}@keyframes en-stage-in{0%{opacity:0}to{opacity:1}}@keyframes en-stage-out{0%{opacity:1}to{opacity:0}}.en-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 38%,#2e281ceb,#06080dfb 68%)}.en-body{position:relative;display:grid;justify-items:center;gap:14px;padding:24px}.en-head{display:grid;justify-items:center;gap:3px}.en-head-item{color:#e8eefb;font-size:17px;font-weight:700}.en-head-slot{color:#8b96ae;font-size:12px;letter-spacing:.06em}.en-rig{position:relative;display:grid;justify-items:center;align-content:center;gap:20px;width:min(660px,96vmin)}.en-piece{position:relative;display:grid;justify-items:center}.en-piece-art{display:grid;place-items:center;width:min(190px,40vmin);height:min(190px,40vmin);overflow:hidden}.en-piece-art .wd-back{width:auto;height:100%;aspect-ratio:3 / 4}.en-piece-art>*:not(.wd-back){width:100%;height:100%;margin:0}.en-piece-art--blank{background:linear-gradient(150deg,rgba(255,255,255,.08),transparent)}.en-stage.is-enter .en-piece{animation:en-piece-in var(--en-enter-ms) cubic-bezier(.22,1.2,.4,1) both}@keyframes en-piece-in{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:translateY(4px) scale(1)}}.en-stage.is-enter .en-ring{animation:en-ring-in var(--en-enter-ms) ease-out both}@keyframes en-ring-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.en-stage.is-enter .en-piece,.en-stage.is-enter .en-ring,.en-stage.is-select .en-cand,.en-stage.is-reveal .en-lock{animation:none}.en-cand{transition:none}}.en-ring{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;pointer-events:none}.en-cand{display:block;--pop: 1;transform:scale(var(--pop));white-space:nowrap;padding:5px 14px;border:1px solid #3b4869;border-radius:999px;background:#0c101cdb;color:#b9c3d8;font-size:15px;transition:opacity .2s ease,color .16s ease,border-color .16s ease,transform .16s cubic-bezier(.22,1.4,.4,1)}.en-cand.is-cursor{--pop: 1.08;border-color:var(--en-gold);background:#e0b35629;color:#ffe6ab;box-shadow:0 0 12px #e0b35642}.en-stage.is-select .en-cand{animation:en-cand-pulse .9s ease-in-out infinite}@keyframes en-cand-pulse{0%,to{border-color:#3b4869;color:#b9c3d8}50%{border-color:var(--en-gold-soft);color:#e2d6b4}}.en-cand.is-faded{--pop: .9;opacity:.14;animation:none}.en-cand.is-struck{--pop: 1.18;animation:none;border-color:var(--en-gold);background:#e0b3562e;color:#ffe6ab;font-weight:700;box-shadow:0 0 18px #e0b35666}.en-lock{position:absolute;width:min(212px,44vmin);height:min(212px,44vmin);border:1px solid var(--en-gold);border-radius:50%;opacity:0;pointer-events:none}.en-stage.is-reveal .en-lock{animation:en-lock-out var(--en-reveal-ms) cubic-bezier(.16,.9,.3,1) both}@keyframes en-lock-out{0%{opacity:.75;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}.en-result{display:grid;place-items:center;opacity:0;pointer-events:none}.en-stage.is-reveal .en-result{opacity:1;pointer-events:auto;animation:en-result-in var(--en-reveal-ms) cubic-bezier(.24,1.3,.5,1) both}@keyframes en-result-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.en-card{display:grid;justify-items:center;gap:6px;max-width:min(460px,88vw);padding:16px 26px 18px;border:1px solid rgba(224,179,86,.26);border-radius:14px;background:#0e0d0ad1;text-align:center}.en-card-kicker{color:#8b96ae;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}.en-card-name{color:var(--en-gold);font-size:30px;font-weight:800;letter-spacing:.04em;text-shadow:0 0 22px rgba(224,179,86,.3)}.en-card-desc{color:#d3dae8;font-size:13.5px;line-height:1.5}.en-card-count{margin-top:6px;color:#c9d2e4;font-size:12px;font-variant-numeric:tabular-nums}.en-card-progress{width:190px;height:4px;border-radius:999px;background:#ffffff17;overflow:hidden}.en-card-progress-fill{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,#b08a37,var(--en-gold));transform-origin:left center;transition:transform .42s cubic-bezier(.22,1,.36,1)}.en-card-left{color:#8b96ae;font-size:11.5px}.en-card-note{max-width:min(420px,86vw);padding:16px 22px;border:1px solid #33405e;border-radius:12px;background:#0e121edb;color:#d3dae8;font-size:13.5px;line-height:1.5;text-align:center}.en-foot{position:relative;display:flex;gap:10px;align-items:center;padding-bottom:42px;min-height:44px}.en-btn{padding:10px 22px;border:1px solid #3d4a6b;border-radius:10px;background:#1c2337e6;color:#dfe6f5;font:600 14px var(--ui-font);cursor:pointer}.en-btn:hover{border-color:var(--en-gold);color:var(--en-gold)}.en-btn--primary{border-color:var(--en-gold);background:var(--en-gold);color:#191408}.en-btn--primary:hover{background:#f0c46a;color:#191408}.end-engrave{width:min(560px,92%);margin:0 auto;padding:12px 16px 13px;border:1px solid rgba(224,179,86,.2);border-radius:12px;background:#14120c80}.end-engrave-head{color:#c8a24a;font-size:12px;font-weight:700;letter-spacing:.08em}.end-engrave-list{display:grid;gap:5px;margin-top:8px}.end-engrave-row{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:baseline;font-size:12.5px}.end-engrave-on{color:#79839a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end-engrave-name{color:#eef3ff;font-weight:600}.end-engrave-delta{color:#7bd88f;font-variant-numeric:tabular-nums;font-weight:700}.end-engrave-total{min-width:42px;color:#eef3ff;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.item-card-eng-note{margin-top:6px;color:#79839a;font-size:11px;line-height:1.45}.login-title{margin:0;font-size:20px;font-weight:700;letter-spacing:.04em;color:#f2e6c9;text-align:center}.login-offline .login-hint{text-align:center}.login-confirm{position:absolute;inset:0;display:grid;place-items:center;background:#060910b8;z-index:2}.login-confirm-panel{display:flex;flex-direction:column;gap:16px;width:min(340px,calc(100vw - 96px));padding:22px 24px;border:1px solid rgb(232 195 74 / 22%);border-radius:12px;background:#121722;box-shadow:0 18px 48px #0000008c}.login-confirm-text{margin:0;color:#e7ecf6;font-size:15px;line-height:1.5;text-align:center}.login-confirm-row{display:flex;gap:10px}.login-confirm-row button{flex:1;padding:10px 0;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.06em;cursor:pointer}.login-confirm-cancel{border:1px solid rgb(154 165 189 / 38%);background:transparent;color:#c6cfe2}.login-confirm-ok{border:none;background:#e8c34a;color:#21290f}.pf-retry{padding:8px 18px;border:1px solid rgb(232 195 74 / 42%);border-radius:8px;background:transparent;color:#e8c34a;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer}.pf-retry:hover{background:#e8c34a1f}.af-host{position:relative;display:inline-grid;place-items:center}.af-svg{position:absolute;inset:-7.5%;width:115%;height:115%;overflow:visible;pointer-events:none;--af-w: 2.8}.af-host[data-af-size=sm] .af-svg{--af-w: 5}.af-host[data-af-size=lg] .af-svg{--af-w: 2.4}.af-svg .af-w1{stroke-width:var(--af-w)}.af-svg .af-w115{stroke-width:calc(var(--af-w) * 1.15)}.af-svg .af-w125{stroke-width:calc(var(--af-w) * 1.25)}.af-svg .af-head{filter:drop-shadow(0 0 2px rgba(232,195,74,.45))}.af-travel{animation-name:af-travel;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes af-travel{0%{stroke-dashoffset:var(--f-o0)}to{stroke-dashoffset:var(--f-o1)}}.wd-frame{position:relative;display:grid;place-items:center;width:62%;aspect-ratio:1}.wd-frame-plate{width:100%;height:100%;border-radius:20%;background:linear-gradient(160deg,#1b2336,#131a2b);border:1px solid rgba(255,255,255,.14)}.inv-cell-art .wd-frame,.item-card-art .wd-frame,.bx-tile-art .wd-frame{width:74%;height:auto;max-height:74%;aspect-ratio:1;margin:auto}.af-host .hid-avatar{border-color:#ffffff2e}