*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font:500 15px/1.4 var(--font-text);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}.num{font-variant-numeric:tabular-nums lining-nums}.hidden{display:none!important}.eyebrow{font:700 11px/1.3 var(--font-text);letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:calc(var(--safe-top) + var(--s5)) var(--s5) calc(var(--safe-bottom) + var(--s5));background:var(--bg);animation:enter var(--t-slow) var(--ease-settle)}.screen>*{position:relative;z-index:1}.screen>.backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:0}@keyframes enter{0%{opacity:0}}.reduced .screen,.reduced .sheet,.reduced .scrim,.reduced .stamp,.reduced .hud-score.tick,.reduced .hud-combo.rise,.reduced .life{animation:none!important}.btn{font:800 13px var(--font-text);letter-spacing:.16em;text-transform:uppercase;border:0;cursor:pointer;color:var(--text);min-height:48px;padding:0 var(--s5);border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);transition:transform var(--t-instant) var(--ease-out),background-color var(--t-fast) var(--ease-out),border-color var(--t-fast)}.btn svg{flex:none}.btn:active{transform:scale(.985)}.btn-primary{position:relative;min-height:64px;font-size:15px;letter-spacing:.32em;text-transform:uppercase;padding:0 var(--s6);background:var(--crimson);color:var(--bone);box-shadow:0 18px 40px -16px #b3141e8c,inset 0 1px #eee7da24}.btn-primary:after{content:"";position:absolute;inset:4px;border:1px solid rgba(238,231,218,.16);pointer-events:none}.btn-primary:active{background:var(--ember)}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:active{border-color:var(--text-soft)}.btn-icon{width:44px;height:44px;min-height:44px;padding:0;color:var(--text);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-icon:active{border-color:var(--line-strong)}.btn-ghost{background:none;color:var(--text-soft);letter-spacing:.12em;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line-strong)}.btn:focus-visible,.chip:focus-visible,.toggle:focus-visible{outline:1px solid var(--vermilion);outline-offset:3px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wordmark{position:relative;display:inline-flex;align-items:center;gap:var(--s4)}.wordmark .seal{width:38px;height:38px;flex:none;display:grid;place-items:center;transform:rotate(-2deg);background:var(--crimson);color:var(--bone);font:900 24px/1 var(--font-display);box-shadow:inset 0 0 0 2px #eee7da2e}.wm-text{display:flex;flex-direction:column;font:900 26px/1.04 var(--font-display);letter-spacing:.24em;color:var(--text);text-shadow:0 2px 16px var(--world-shadow)}.wm-text span:last-child{color:var(--text-soft)}.wm-md .wm-text{font-size:20px}.wm-md .seal{width:30px;height:30px;font-size:19px}.loading{align-items:center;justify-content:center;gap:var(--s6)}.brushbar{width:52%;max-width:220px;height:2px;background:var(--line);overflow:hidden}.brushbar i{display:block;height:100%;background:var(--vermilion);transform-origin:left center;transition:transform var(--t-base) var(--ease-settle)}.loading p{margin:0;font:500 12px var(--font-text);letter-spacing:.22em;color:var(--text-mute)}.home-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4)}.tagline{margin:var(--s3) 0 0 54px;text-shadow:0 1px 10px var(--world-shadow);font:600 11px var(--font-text);letter-spacing:.3em;text-transform:uppercase;color:var(--text-soft)}.home-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--s5);padding-bottom:var(--s3)}.home-bottom .btn-primary{width:min(100%,340px)}.best{text-align:center;text-shadow:0 2px 16px var(--world-shadow)}.best .value{font:900 40px/1.1 var(--font-display);color:var(--text);letter-spacing:.04em;margin-top:var(--s1)}.game{position:absolute;inset:0;background:var(--bg)}.game canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;left:0;right:0;top:0;pointer-events:none;padding:calc(var(--safe-top) + var(--s3)) var(--s4) 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.hud-left{display:flex;flex-direction:column;gap:var(--s2)}.hud-lives{position:relative;display:inline-flex;align-items:center;padding:6px 12px 6px 46px;min-height:40px;width:max-content;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-arc{position:absolute;left:2px;top:-1px;width:40px;height:40px;transform:rotate(-90deg)}.hud-arc circle{fill:none;stroke-width:2}.hud-arc .track{stroke:var(--line)}.hud-arc .ring{stroke:var(--text);transition:stroke var(--t-fast)}.hud-arc .ring.low{stroke:var(--vermilion)}.hud-arc-icon{position:absolute;left:14px;top:11px;color:var(--text-soft);display:inline-flex}.hud-blades{display:flex;gap:3px}.life{color:var(--line-strong);display:inline-flex}.life.full{color:var(--text)}.life.crack{animation:lose var(--t-slow) var(--ease-settle)}.life.regen{animation:regain var(--t-slow) var(--ease-settle)}@keyframes lose{0%{color:var(--vermilion);transform:translateY(0)}35%{color:var(--vermilion);transform:translateY(3px);opacity:.6}}@keyframes regain{0%{opacity:0;transform:translateY(-4px)}}.hud-clock{font:900 20px var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 2px 12px var(--world-shadow);padding-left:2px}.hud-center{display:flex;flex-direction:column;align-items:center}.hud-score{font:900 44px/1 var(--font-display);color:var(--text);letter-spacing:.03em;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 2px 18px var(--world-shadow)}.hud-score.tick{animation:tick var(--t-fast) var(--ease-settle)}@keyframes tick{0%{opacity:.72;transform:translateY(-2px)}}.hud-combo{display:flex;gap:var(--s2);align-items:baseline;margin-top:6px;padding-top:4px;border-top:1px solid var(--text-soft);font:800 12px var(--font-text);letter-spacing:.18em;font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--t-fast) var(--ease-out);text-shadow:0 1px 10px var(--world-shadow)}.hud-combo b{color:var(--text-soft);font-weight:800}.hud-combo[data-tier="2"]{border-top-color:var(--text)}.hud-combo[data-tier="2"] b{color:var(--text)}.hud-combo[data-tier="3"]{border-top-color:var(--vermilion)}.hud-combo[data-tier="3"] b{color:var(--vermilion)}.hud-combo[data-tier="4"]{border-top-color:var(--crimson)}.hud-combo[data-tier="4"] b{color:var(--crimson)}.hud-combo span{color:var(--text-soft)}.hud-combo.on{opacity:1}.hud-combo.rise{animation:rise var(--t-base) var(--ease-settle)}@keyframes rise{0%{transform:translateY(4px);opacity:.4}}.hud-right{display:flex;justify-content:flex-end;pointer-events:auto}.hint{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 28px);transform:translate(-50%);background:var(--panel-strong);border:1px solid var(--line);color:var(--text);padding:var(--s2) var(--s4);border-radius:var(--r-sm);font:600 13px var(--font-text);letter-spacing:.04em;white-space:nowrap;pointer-events:none;animation:enter var(--t-base) var(--ease-settle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scrim{position:absolute;inset:0;background:var(--scrim);display:flex;align-items:flex-end;animation:fade var(--t-base) var(--ease-out);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes fade{0%{opacity:0}}.sheet{width:100%;background:var(--panel-strong);color:var(--text);border-top:1px solid var(--line-strong);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s3) var(--s5) calc(var(--safe-bottom) + var(--s5));display:flex;flex-direction:column;gap:var(--s3);animation:up var(--t-slow) var(--ease-settle);max-height:88%;overflow-y:auto}@keyframes up{0%{transform:translateY(24%);opacity:0}}.sheet h2{margin:0 0 var(--s2);font:700 26px var(--font-display);letter-spacing:.08em;color:var(--text)}.sheet h2:after{content:"";display:block;width:28px;height:1px;background:var(--vermilion);margin-top:var(--s3)}.sheet .btn{width:100%}.result{align-items:center;justify-content:space-between;gap:var(--s4);overflow-y:auto}.result:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(var(--veil-soft),transparent 35%,var(--veil) 72%,var(--bg))}.result-head{display:flex;flex-direction:column;align-items:center;gap:var(--s2);margin-top:var(--s5);text-align:center}.result .score{font:900 84px/1 var(--font-display);color:var(--text);letter-spacing:.02em;text-shadow:0 4px 30px var(--world-shadow)}.record{font:900 13px var(--font-display);letter-spacing:.34em;color:var(--text);background:var(--panel-strong);border:1.5px solid var(--vermilion);box-shadow:inset 0 0 0 3px var(--panel-strong),inset 0 0 0 4px #e0442a73;padding:8px 10px 8px 14px;margin-top:var(--s2)}.stamp{transform:rotate(-3deg);animation:stamp var(--t-slow) var(--ease-settle) both;animation-delay:.9s}@keyframes stamp{0%{opacity:0;transform:rotate(-3deg) scale(1.3)}}.badges{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}.badge{border:1px solid var(--line-strong);color:var(--text);border-radius:var(--r-sm);padding:6px 12px;font:600 13px var(--font-text);letter-spacing:.04em;background:var(--panel)}.breakdown{width:min(100%,340px);display:grid;grid-template-columns:1fr auto;gap:0;font:500 14px var(--font-text);color:var(--text-soft)}.breakdown>span{padding:7px 0;border-bottom:1px solid var(--line)}.breakdown .v{text-align:right;padding-left:var(--s4);color:var(--text);font-weight:700}.breakdown .tot{font:900 17px var(--font-display);letter-spacing:.12em;color:var(--text);border-bottom:0;padding-top:var(--s3)}.result .actions{display:flex;flex-direction:column;align-items:center;gap:var(--s3);width:min(100%,340px)}.result .actions .btn{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:52px;border-bottom:1px solid var(--line)}.row .label{display:flex;align-items:center;gap:var(--s3);color:var(--text);font-weight:600}.row .label svg{color:var(--text-soft)}.toggle{width:46px;height:26px;border:1px solid var(--line-strong);background:transparent;position:relative;cursor:pointer;flex:none;border-radius:var(--r-sm)}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;background:var(--text-soft);transition:transform var(--t-fast) var(--ease-settle),background-color var(--t-fast)}.toggle.on{background:var(--crimson);border-color:var(--crimson)}.toggle.on:after{transform:translate(20px);background:var(--bone)}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{min-height:44px;padding:0 var(--s4);border:1px solid var(--line);background:transparent;color:var(--text-soft);font:700 13px var(--font-text);letter-spacing:.04em;cursor:pointer;border-radius:var(--r-sm)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.section-title{display:flex;align-items:center;gap:var(--s2);font:700 11px var(--font-text);letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft);margin-top:var(--s3)}.loadout-line{display:flex;align-items:center;gap:var(--s4);width:min(100%,340px);min-height:48px;padding:0 var(--s4);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);cursor:pointer;font:700 13px var(--font-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loadout-line span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.loadout-line small{font:700 10px var(--font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute)}.loadout-line i{width:1px;align-self:stretch;margin:10px 0;background:var(--line)}.loadout-line>span:last-child{margin-left:auto;transform:rotate(180deg);color:var(--text-soft)}.style{padding:0}.style-preview{position:relative;flex:0 0 38%;min-height:220px;overflow:hidden}.style-preview>.backdrop{position:absolute;inset:0;width:100%;height:100%}.style-top{position:relative;display:flex;align-items:center;gap:var(--s4);padding:calc(var(--safe-top) + var(--s4)) var(--s5) 0}.style-top h1{margin:0;font:700 24px var(--font-display);letter-spacing:.1em;color:var(--text);text-shadow:0 2px 14px var(--world-shadow)}.style-panel{flex:1;overflow-y:auto;padding:var(--s4) var(--s5) calc(var(--safe-bottom) + var(--s5));background:var(--panel-strong);border-top:1px solid var(--line-strong);display:flex;flex-direction:column;gap:var(--s4)}.tabs{display:flex;gap:var(--s5);border-bottom:1px solid var(--line)}.tab{background:none;border:0;padding:var(--s3) 0;min-height:44px;cursor:pointer;color:var(--text-mute);font:800 12px var(--font-text);letter-spacing:.22em;text-transform:uppercase;position:relative}.tab.on{color:var(--text)}.tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--vermilion)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.card{position:relative;display:flex;flex-direction:column;gap:var(--s2);padding:0 0 var(--s3);background:none;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);text-align:left;overflow:hidden}.card.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.card .thumb{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--bg-2)}.card .thumb .backdrop{position:absolute;inset:0;width:100%;height:100%}.card .name{padding:0 var(--s3);font:700 14px var(--font-display);letter-spacing:.06em}.state{position:absolute;top:var(--s2);right:var(--s2);padding:3px 7px;font:800 9px var(--font-text);letter-spacing:.18em;text-transform:uppercase;background:var(--crimson);color:var(--bone)}.state.soft{background:var(--panel-strong);color:var(--text-soft);border:1px solid var(--line)}.list{display:flex;flex-direction:column;gap:var(--s3)}.line-card{position:relative;display:flex;align-items:center;gap:var(--s4);min-height:72px;padding:var(--s3) var(--s4);background:none;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);text-align:left}.line-card.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.line-card .txt{display:flex;flex-direction:column;gap:2px}.line-card b{font:700 15px var(--font-display);letter-spacing:.06em}.line-card small{font:500 12px var(--font-text);color:var(--text-soft)}.line-card .state{position:static;margin-left:auto}.fx-sample{flex:none;width:56px;height:36px;position:relative}.fx-sample:before{content:"";position:absolute;left:4px;right:4px;top:50%;transform:rotate(-14deg)}.fx-blade:before{height:1px;background:var(--text);box-shadow:0 0 6px var(--text)}.fx-brush:before{height:5px;margin-top:-2px;background:var(--text);border-radius:1px 6px 2px 8px;clip-path:polygon(0 60%,30% 0,100% 35%,100% 70%,35% 100%)}.hint-text{display:block;font:500 12px var(--font-text);color:var(--text-soft);margin-top:2px}.row .label{flex-wrap:wrap}.row .label>.hint-text{flex-basis:100%;padding-left:36px;margin-top:-4px}.mode-line{display:inline-flex;align-items:baseline;gap:var(--s2);min-height:44px;padding:0 var(--s4);margin-top:calc(var(--s3) * -1);background:none;border:0;color:var(--text);cursor:pointer;font:700 15px var(--font-display);letter-spacing:.08em;text-shadow:0 2px 12px var(--world-shadow)}.mode-line small{font:700 10px var(--font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute)}.mode-card .mode-icon{flex:none;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--text-soft)}.mode-card.on .mode-icon{color:var(--text);border-color:var(--text)}.mode-card .best-line{color:var(--text-mute);letter-spacing:.04em}.btn:disabled{opacity:.35;cursor:default}.hud-right{gap:var(--s2)}.tut-step{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 84px);display:flex;flex-direction:column;align-items:center;gap:var(--s1);pointer-events:none;text-shadow:0 2px 16px var(--world-shadow);animation:enter var(--t-slow) var(--ease-settle)}.tut-step b{font:900 30px var(--font-display);letter-spacing:.24em;color:var(--text)}.result.zen .zen-title{font:700 34px/1.2 var(--font-display);letter-spacing:.08em;color:var(--text);text-shadow:0 4px 24px var(--world-shadow)}.mode-line:after{content:"";width:6px;height:6px;margin-left:2px;border-right:1.5px solid var(--text-soft);border-bottom:1.5px solid var(--text-soft);transform:translateY(-3px) rotate(45deg);align-self:center}.game[data-mode=zen] .hud-score{visibility:hidden}.card.locked{cursor:default}.card.locked .thumb{filter:brightness(.72) saturate(.85)}.card.locked .name{color:var(--text-soft)}.card .how{padding:0 var(--s3);font:500 11px/1.35 var(--font-text);color:var(--text-soft)}.unlock{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--s2);padding:var(--s2) var(--s4);border:1px solid var(--vermilion);color:var(--text);font:700 16px var(--font-display);letter-spacing:.08em;animation:enter var(--t-slow) var(--ease-settle)}.unlock small{font:800 9px var(--font-text);letter-spacing:.22em;text-transform:uppercase;color:var(--vermilion)}.home-actions{display:flex;flex-direction:column;gap:var(--s2)}.verify{display:inline-flex;align-items:center;gap:var(--s2);justify-content:center;margin:calc(var(--s2) * -1) auto 0;font:700 11px var(--font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);text-shadow:0 1px 10px var(--world-shadow)}.verify.ok{color:var(--text-soft)}.verify.ok svg{color:var(--vermilion)}.toast{position:absolute;left:50%;top:calc(var(--safe-top) + 16px);transform:translate(-50%);z-index:30;max-width:calc(100% - 32px);background:var(--panel-strong);border:1px solid var(--line);color:var(--text);padding:var(--s3) var(--s4);border-radius:var(--r-sm);font:600 13px var(--font-text);text-align:center;animation:enter var(--t-base) var(--ease-settle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ranks{padding:0}.ranks>.backdrop{position:absolute;inset:0;width:100%;height:100%}.ranks-panel{position:relative;flex:1;display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s4);overflow-y:auto;padding:var(--s4) var(--s5) calc(var(--safe-bottom) + var(--s5));background:var(--panel-strong);border-top:1px solid var(--line-strong)}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--s3);min-height:48px;border-bottom:1px solid var(--line);color:var(--text)}.rank-row .place{font:700 18px var(--font-display);color:var(--text-soft);text-align:center}.rank-row .place.top{color:var(--bone);background:var(--crimson);width:32px;height:32px;line-height:32px;justify-self:center}.rank-row .who{font:600 15px var(--font-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .num{font:800 16px var(--font-text)}.rank-row.me .who{color:var(--vermilion)}.rank-row.pinned{position:sticky;bottom:0;background:var(--panel-strong);border-top:1px solid var(--line-strong)}.row-skeleton{height:48px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,var(--line),transparent);background-size:200% 100%;animation:mist 1.6s linear infinite}@keyframes mist{0%{background-position:100% 0}to{background-position:-100% 0}}.ranks .tabs{gap:var(--s3);justify-content:space-between}.ranks .tab{white-space:nowrap;letter-spacing:.12em;font-size:11px}.build-line{margin:var(--s2) 0 0;text-align:center;font-size:11px;color:var(--text-dim, var(--text));opacity:.55;user-select:text}.ranks .tabs{overflow-x:auto;scrollbar-width:none;justify-content:flex-start;gap:var(--s4)}.ranks .tabs::-webkit-scrollbar{display:none}.challenge-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--s4);text-align:center}.challenge-head small{font:700 10px var(--font-text);letter-spacing:.22em;text-transform:uppercase;color:var(--text);margin-top:var(--s2);text-shadow:0 1px 8px var(--world-shadow)}.challenge-head .score{font:900 64px/1 var(--font-display);color:var(--text);text-shadow:0 4px 30px var(--world-shadow)}.challenge-meta{font:600 12px var(--font-text);color:var(--text-soft);margin-top:var(--s1)}.challenge-note{position:relative;text-align:center;margin:var(--s6) var(--s5)}.challenge-actions{position:relative;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3) var(--s5) calc(var(--safe-bottom) + var(--s5))}.challenge-actions .btn{width:100%}.challenge-outcome{font:700 13px var(--font-text);letter-spacing:.06em;color:var(--text);text-align:center;background:var(--panel-strong);border:1px solid var(--vermilion);padding:6px 12px}.result .actions-row{display:flex;gap:var(--s3);width:100%}.result .actions-row .btn:not(.btn-icon){flex:1}@media(max-height:760px){.result{gap:var(--s3)}.result-head{margin-top:var(--s2);gap:var(--s1)}.result .score{font-size:68px}.breakdown>span{padding:4px 0;font-size:13px}.breakdown .tot{padding-top:var(--s2);font-size:15px}}.invite{display:flex;flex-direction:column;align-items:stretch;gap:var(--s2);padding:var(--s3) 0 var(--s2)}.invite .hint-text{text-align:center}.ranks .tabs{mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}.profile .ranks-panel{gap:var(--s4);padding-bottom:calc(var(--safe-bottom) + var(--s6))}.pf-head{display:grid;grid-template-columns:1fr auto;gap:var(--s4);align-items:end}.pf-level{display:flex;flex-direction:column;gap:var(--s2)}.xpbar{height:4px;background:var(--line);position:relative;overflow:hidden}.xpbar i{position:absolute;inset:0 auto 0 0;background:var(--vermilion)}.pf-rank{text-align:right;display:flex;flex-direction:column;gap:2px}.rank-name{font:700 22px var(--font-display);letter-spacing:.08em;color:var(--text)}.pf-streak{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s3);align-items:start;padding:var(--s3);background:var(--panel);border:1px solid var(--line)}.pf-streak svg{color:var(--vermilion)}.pf-streak b{font:700 15px var(--font-text);color:var(--text)}.pf-streak>div{display:flex;flex-direction:column;gap:2px}.freezes{display:flex;gap:4px;padding-top:4px}.freezes i{width:10px;height:10px;border:1px solid var(--line-strong);transform:rotate(45deg)}.freezes i.on{background:var(--text);border-color:var(--text)}.pf-stats{display:grid;grid-template-columns:1fr auto;margin:0;font:500 14px var(--font-text);color:var(--text-soft)}.pf-stats dt,.pf-stats dd{margin:0;padding:7px 0;border-bottom:1px solid var(--line)}.pf-stats dd{text-align:right;color:var(--text);font-weight:700}.pf-ach h3{margin:var(--s2) 0;font:700 11px var(--font-text);letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft)}.pf-ach ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pf-ach li{display:grid;grid-template-columns:22px 1fr auto;gap:var(--s3);align-items:center;padding:var(--s2) 0;border-bottom:1px solid var(--line);opacity:.55}.pf-ach li.done{opacity:1}.seal-mark{width:18px;height:18px;border:1px solid var(--line-strong);display:grid;place-items:center}.pf-ach li.done .seal-mark{background:var(--crimson);border-color:var(--crimson);color:var(--bone)}.ach-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ach-text b{font:600 14px var(--font-text);color:var(--text)}.ach-text small{font:500 12px var(--font-text);color:var(--text-soft)}.ach-prog{font:700 12px var(--font-text);color:var(--text-soft)}.gains{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;max-width:340px}.gain{font:700 12px var(--font-text);letter-spacing:.04em;color:var(--text);background:var(--panel-strong);border:1px solid var(--line-strong);padding:5px 10px}.gain.hot{border-color:var(--vermilion)}.gain small{color:var(--vermilion);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:9px;margin-right:6px}.home-streak{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s2);font:700 11px var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.home-streak svg{color:var(--vermilion)}.row .label{flex:1;min-width:0}.row .label>.lbl{flex:1;min-width:0}.screen-back{position:absolute;top:calc(var(--safe-top) + var(--s4));left:var(--s5);z-index:2}.ranks-error{display:flex;flex-direction:column;gap:var(--s3);align-items:stretch}.sheet-top{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s2)}.sheet-top h2{margin:0}.sheet .sheet-top .btn{width:44px;flex:none}.rarity{font:800 9px var(--font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}.card .rarity{padding:0 var(--s3)}.rarity.r-rare{color:var(--text)}.rarity.r-epic,.rarity.r-mythic{color:#b8955a}.rarity.r-legendary{color:var(--vermilion)}.card.r-rare,.line-card.r-rare{box-shadow:inset 0 0 0 3px var(--panel-strong),inset 0 0 0 4px var(--line)}.card.r-epic,.line-card.r-epic{border-color:#b8955ab3}.card.r-legendary,.line-card.r-legendary{border-color:var(--vermilion)}.card.r-mythic,.line-card.r-mythic{border-color:#b8955a;box-shadow:inset 0 0 0 2px var(--panel-strong),inset 0 0 0 3px var(--crimson)}.card.on{border-color:var(--text)}.line-card.locked{cursor:default;opacity:.62}.line-card .side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;max-width:46%}.line-card .side .state{margin-left:0}.line-card .how{font:500 11px/1.35 var(--font-text);color:var(--text-soft)}.fx-ember:before{height:2px;background:linear-gradient(90deg,#FF8A3D,var(--text))}.fx-ember:after{content:"";position:absolute;left:22px;top:8px;width:2px;height:2px;background:#ffb061;box-shadow:8px 4px #ff8a3d,16px -2px #ffb061}.fx-gold:before{height:2px;background:#e8c77a;box-shadow:0 0 0 1px #7a5a2299;clip-path:polygon(0 0,30% 0,34% 100%,62% 100%,66% 0,100% 0,100% 100%,0 100%)}.trail-fine:before{height:4px;margin-top:-2px;background:linear-gradient(90deg,transparent,var(--text));clip-path:polygon(0 50%,100% 0,100% 100%)}.trail-brush:before{height:8px;margin-top:-4px;background:linear-gradient(90deg,transparent,var(--text) 70%);clip-path:polygon(0 55%,40% 20%,100% 0,96% 100%,45% 80%)}.trail-gold:before{height:4px;margin-top:-2px;background:linear-gradient(90deg,transparent,#D3B46C 60%,#FFF1C4);clip-path:polygon(0 50%,100% 0,100% 100%)}.shop .ranks-panel{gap:var(--s3);padding-bottom:calc(var(--safe-bottom) + var(--s6))}.shop-thumb{flex:none;position:relative;width:44px;height:56px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.shop-thumb .backdrop{position:absolute;inset:0;width:100%;height:100%}.shop .line-card{cursor:default}.shop .line-card .side .btn{min-height:40px;padding:0 var(--s3);white-space:nowrap}.shop .line-card.locked{opacity:.78}.season{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);background:var(--panel);border:1px solid var(--line)}.season-head{display:flex;flex-direction:column;gap:2px}.season-name{font:700 22px var(--font-display);letter-spacing:.06em;color:var(--text)}.season-tier{font:700 13px var(--font-text);color:var(--text-soft);white-space:nowrap}.pass-on{margin:0;text-align:center;font:800 11px var(--font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--vermilion)}.line-card.bundle{border-style:dashed}.shop-foot{margin-top:var(--s3);text-align:center}.ad-badge{margin-left:var(--s2);padding:2px 5px;font:800 9px var(--font-text);letter-spacing:.16em;text-transform:uppercase;border:1px solid currentColor;opacity:.8}.continue-offer{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s6);background:var(--scrim);text-align:center;animation:fade var(--t-base) var(--ease-out)}.continue-offer h2{margin:0;font:700 28px var(--font-display);letter-spacing:.1em;color:var(--text)}.continue-offer p{margin:0 0 var(--s3);max-width:300px;font:500 14px/1.45 var(--font-text);color:var(--text-soft)}.continue-offer .btn{width:min(320px,100%)}.daily-bonus{margin-top:calc(var(--s2) * -1)}.daily-bonus .btn{width:100%}.fx-wind:before{height:2px;background:linear-gradient(90deg,transparent,var(--text) 40%,transparent 80%,var(--text))}.fx-wind:after{content:"";position:absolute;left:14px;top:9px;width:18px;height:1px;background:var(--text-soft);box-shadow:10px 16px 0 var(--text-soft);transform:rotate(-14deg)}.fx-petals:before{height:2px;background:var(--text)}.fx-petals:after{content:"";position:absolute;left:18px;top:22px;width:5px;height:5px;background:#c8452c;transform:rotate(45deg);box-shadow:12px -14px #e07a3a,22px 2px #c8452c}.trail-smoke:before{height:9px;margin-top:-4px;background:linear-gradient(90deg,transparent,rgba(200,200,200,.55));border-radius:50%;filter:blur(1.5px)}.trail-moon:before{height:3px;margin-top:-1px;background:linear-gradient(90deg,transparent,#C9D3E0 60%,#F4F7FB);box-shadow:0 0 6px #c9d3e099}.card.locked.buyable,.line-card.locked.buyable{cursor:pointer;opacity:1}.card.buyable .how,.line-card.buyable .how{color:var(--text);font-weight:700}.admin .ranks-panel{gap:var(--s3);padding-bottom:calc(var(--safe-bottom) + var(--s6))}.adm-tabs{margin:var(--s3) var(--s5) 0;overflow-x:auto;scrollbar-width:none}.adm-tabs .tab{white-space:nowrap}.adm-section{display:flex;flex-direction:column;gap:var(--s2)}.adm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--s2)}.adm-stat{display:flex;flex-direction:column;gap:2px;padding:var(--s2) var(--s3);background:var(--panel);border:1px solid var(--line)}.adm-stat b{font:700 20px var(--font-display);color:var(--text)}.adm-stat small{font:600 10px var(--font-text);letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);overflow-wrap:anywhere}.adm-input{width:100%;box-sizing:border-box;padding:10px 12px;background:var(--panel-strong);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);font:500 14px var(--font-text)}.adm-input:focus{outline:none;border-color:var(--vermilion)}textarea.adm-input{resize:vertical;min-height:72px}.adm-row .txt small{word-break:break-all}.adm-risk{font:800 10px var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.adm-risk.hot{color:var(--vermilion)}.adm-head{display:flex;flex-direction:column;gap:4px}.adm-head b{font:700 22px var(--font-display);letter-spacing:.06em;color:var(--text)}.adm-head small,.adm-card small{font:500 12px var(--font-text);color:var(--text-soft)}.adm-lines{display:flex;flex-direction:column}.adm-line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);padding:7px 0;border-bottom:1px solid var(--line);font:500 13px var(--font-text);color:var(--text)}.adm-line small{text-align:right;flex:none;max-width:50%}.adm-line.dim{opacity:.5}.adm-card{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);background:var(--panel);border:1px solid var(--line)}.adm-text{margin:0;font:500 14px/1.45 var(--font-text);color:var(--text);white-space:pre-wrap;word-break:break-word}.adm-reply{color:var(--text-soft)}.adm-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:var(--s2)}.adm-actions .btn{width:100%;padding:0 var(--s2);letter-spacing:.1em}.adm-actions .adm-input{grid-column:1 / -1}.adm-error{color:var(--vermilion);font:600 13px var(--font-text)}.result{justify-content:flex-start;padding-bottom:0}.result-head{margin-top:calc(44px + var(--s3))}.result .actions{position:sticky;bottom:0;z-index:3;margin-top:auto;width:calc(100% + 2 * var(--s5));max-width:none;padding:var(--s5) var(--s5) calc(var(--safe-bottom) + var(--s4));align-items:center;background:linear-gradient(transparent,var(--bg) 28%)}.result .actions>*{width:min(100%,340px)}@media(max-height:760px){.result-head{margin-top:calc(44px + var(--s2))}.result .actions{padding-top:var(--s4)}}.living-sample{width:56px;height:36px}.living-skin-dot{display:inline-flex;align-items:center;justify-content:center}.living-skin-dot:before{content:"";position:static;transform:none;width:10px;height:28px;border-radius:2px;background:linear-gradient(90deg,#1a1210,#3a2a24 60%,#1a1210);box-shadow:0 0 10px 3px #ff78288c}.living-skin-dot.dot-kitsune:before{background:linear-gradient(90deg,#061413,#1f4a47 60%,#061413);box-shadow:0 0 10px 3px #22d3be8c}.living-skin-dot.dot-ninefires:before{background:linear-gradient(90deg,#130d1b,#47335e 60%,#130d1b);box-shadow:0 0 10px 3px #ffb24a99}.living-set{margin:var(--s3) 0 var(--s4);padding:var(--s3);border:1px solid var(--line);border-left:2px solid var(--vermilion);background:var(--panel)}.living-head{display:flex;gap:var(--s3);align-items:center;margin-bottom:var(--s2)}.living-head .txt{display:flex;flex-direction:column;gap:2px}.living-head b{font:700 18px var(--font-display);letter-spacing:.1em;color:var(--text)}.living-head small{font:500 12px var(--font-text);color:var(--text-soft)}.living-thumb{flex:none;width:64px;height:88px;overflow:hidden;position:relative;border:1px solid var(--line)}.living-thumb .backdrop{position:absolute;inset:0;width:100%;height:100%}.living-set .btn{width:100%;margin-top:var(--s2);display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:0 var(--s4);letter-spacing:.12em;white-space:nowrap}.living-set .set-price{display:inline-flex;align-items:baseline;gap:var(--s2);letter-spacing:.04em}.was{opacity:.6;font-weight:600;font-size:.85em}.friends-rewards{margin-top:var(--s4)}.ladder{list-style:none;margin:var(--s2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.ladder-step{display:flex;align-items:center;gap:var(--s3);min-height:52px;padding:0 var(--s3);border:1px solid var(--line);background:var(--panel)}.ladder-step .txt{display:flex;flex-direction:column;gap:2px;min-width:0}.ladder-step b{font:700 15px var(--font-display);letter-spacing:.06em;color:var(--text)}.ladder-step small{font:500 12px var(--font-text);color:var(--text-soft)}.ladder-step .side{margin-left:auto}.ladder-step .state{position:static}.ladder-step.done{border-color:var(--text-soft)}.ladder-step.done .state{color:var(--text)}.inviters{margin-top:var(--s4)}.rank-row.prize .place{color:var(--text)}.amb{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;vertical-align:-3px;font:900 11px/1 var(--font-display);color:#fff8ec;border-radius:2px}.amb-bronze{background:#9a6234}.amb-silver{background:#8e9296}.amb-gold{background:#b8955a;box-shadow:0 0 6px #b8955a99}.amb-ink{background:#0e0d0c;color:#e0442a;box-shadow:inset 0 0 0 1px #e0442a}.amb-none{background:transparent;color:var(--text-mute);box-shadow:inset 0 0 0 1px var(--line-strong)}.fx-sample .amb{width:28px;height:28px;font-size:16px;margin:0}.rank-row.top-inviter{box-shadow:inset 2px 0 0 var(--vermilion),inset -2px 0 0 var(--vermilion)}