:root{color-scheme:dark;--ui: clamp(1px, .22vw + .86px, 1.25px);--ink: #07090d;--text: #f4f6fa;--text-dim: rgba(235, 240, 248, .62);--text-muted: rgba(235, 240, 248, .5);--text-faint: rgba(235, 240, 248, .38);--sheet: rgba(18, 21, 27, .7);--content: rgba(8, 10, 14, .34);--chrome: rgba(15, 19, 26, .5);--chrome-strong: rgba(13, 16, 22, .72);--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--surface-3: rgba(255, 255, 255, .11);--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .18);--fill: rgba(255, 255, 255, .06);--fill-hover: rgba(255, 255, 255, .11);--blue: #0a84ff;--green: #30d158;--orange: #ff9f0a;--red: #ff453a;--purple: #bf5af2;--indigo: #5e5ce6;--teal: #40c8e0;--pink: #ff375f;--gray: #8e8e93;--gold: #f3c969;--ok: #30d158;--bad: #ff6f60;--blur: blur(24px) saturate(1.3);--blur-strong: blur(42px) saturate(1.4);--r-sm: calc(8 * var(--ui));--r-md: calc(12 * var(--ui));--r-lg: calc(16 * var(--ui));--r-xl: calc(26 * var(--ui));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 8px 26px rgba(0, 0, 0, .32);--shadow-lg: 0 32px 90px rgba(0, 0, 0, .58)}@media(pointer:coarse){:root{--ui: clamp(1.15px, .5vw + .9px, 1.6px)}}#panel[data-theme=light]{--text: #11141a;--text-dim: rgba(20, 24, 32, .62);--text-muted: rgba(20, 24, 32, .5);--text-faint: rgba(20, 24, 32, .42);--sheet: rgba(244, 246, 250, .82);--content: rgba(255, 255, 255, .5);--surface: rgba(18, 22, 30, .04);--surface-2: rgba(18, 22, 30, .07);--surface-3: rgba(18, 22, 30, .11);--line: rgba(18, 22, 30, .12);--line-soft: rgba(18, 22, 30, .08);--line-strong: rgba(18, 22, 30, .2);--fill: rgba(18, 22, 30, .05);--fill-hover: rgba(18, 22, 30, .09);--shadow-lg: 0 32px 90px rgba(20, 24, 40, .28)}#panel[data-theme=light] .select-trail option,#panel[data-theme=light] select.cell option{background:#f4f6fa;color:#11141a}#panel[data-theme=light] .panel-wallet b,#panel[data-theme=light] .wallet-chip b,#panel[data-theme=light] .hero-balance b{color:#936f0d}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;overflow:hidden;background:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text);letter-spacing:-.006em;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#game[data-cursor=zoom]{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><filter id="g"><feDropShadow dx="0" dy="1" stdDeviation="1.2" flood-color="black" flood-opacity=".45"/></filter></defs><g filter="url(%23g)" fill="none" stroke="white" stroke-opacity=".92" stroke-linecap="round"><circle cx="14" cy="14" r="8" stroke-width="2.2"/><path d="M14 10.5v7M10.5 14h7M20 20l6 6" stroke-width="2.2"/></g></svg>') 14 14,zoom-in}#game[data-cursor=dig]{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><filter id="g"><feDropShadow dx="0" dy="1" stdDeviation="1.2" flood-color="black" flood-opacity=".55"/></filter></defs><g filter="url(%23g)" fill="none" stroke="white" stroke-opacity=".94" stroke-linecap="round"><circle cx="16" cy="16" r="7" stroke-width="1.8"/><path d="M16 6v4M16 22v4M6 16h4M22 16h4" stroke-width="1.8"/></g><circle cx="16" cy="16" r="1.7" fill="white" fill-opacity=".94"/></svg>') 16 16,crosshair}#hud{position:fixed;inset:0;pointer-events:none;color:var(--text);z-index:6}.zoom-pill,.menu,.shop-btn,.conn,.compass,.itemchip{position:relative;border:1px solid var(--line);background:var(--chrome);color:var(--text);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .12s}.menu:hover,.shop-btn:hover{border-color:var(--line-strong);background:var(--chrome-strong)}#hud.light .zoom-pill,#hud.light .menu,#hud.light .shop-btn,#hud.light .conn,#hud.light .compass,#hud.light .itemchip{border-color:#14161c1a;background:#ffffff9e;color:#1a1c20;box-shadow:0 4px 16px #12141e1f}#hud.light .menu:hover,#hud.light .shop-btn:hover{background:#ffffffc2}.hud-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + calc(12 * var(--ui)));left:calc(env(safe-area-inset-left,0px) + calc(16 * var(--ui)));right:calc(env(safe-area-inset-right,0px) + calc(16 * var(--ui)));display:flex;align-items:center;gap:calc(10 * var(--ui))}.brand{display:flex;align-items:center;gap:calc(8 * var(--ui));min-width:0}.brand-logo{width:calc(24 * var(--ui));height:calc(24 * var(--ui));flex-shrink:0;filter:drop-shadow(0 1px 6px rgba(0,0,0,.45))}.brand-name{font-weight:500;letter-spacing:.01em;font-size:calc(13 * var(--ui));color:var(--text);text-shadow:0 1px 10px rgba(0,0,0,.55);transition:color .3s,text-shadow .3s}.brand-name b{font-weight:900}#hud.light .brand-name{color:#1a1c20;text-shadow:none}.hud-top-right{margin-left:auto;display:flex;align-items:center;gap:calc(9 * var(--ui));min-width:0}.conn{display:inline-flex;align-items:center;gap:calc(6 * var(--ui));padding:calc(6 * var(--ui)) calc(11 * var(--ui));border-radius:999px;pointer-events:auto;border-color:#c1271c;background:#e5342a;color:#fff;box-shadow:0 4px 16px #e5342a66}.conn[hidden]{display:none}.conn-dot{width:calc(7 * var(--ui));height:calc(7 * var(--ui));flex-shrink:0;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffffb3;animation:conn-pulse 1.5s ease-in-out infinite}.conn-label{font-size:calc(10 * var(--ui));font-weight:700;letter-spacing:.08em;text-transform:uppercase}#hud.light .conn{border-color:#b81f14;background:#e5342a;color:#fff}@keyframes conn-pulse{0%,to{opacity:1}50%{opacity:.4}}.hud-bottom{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + calc(20 * var(--ui)));display:flex;flex-direction:column;gap:calc(10 * var(--ui))}.hud-bottom-left{left:calc(env(safe-area-inset-left,0px) + calc(16 * var(--ui)));align-items:flex-start}.hud-bottom-right{right:calc(env(safe-area-inset-right,0px) + calc(16 * var(--ui)));align-items:flex-end}.zoom-pill{display:inline-flex;align-items:center;padding:calc(4 * var(--ui));border-radius:999px;pointer-events:auto}.zoom-seg{display:grid;place-items:center;width:calc(32 * var(--ui));height:calc(32 * var(--ui));padding:0;border:none;border-radius:50%;background:none;color:inherit;cursor:pointer;transition:background .14s,opacity .14s}.zoom-seg .icon{width:calc(18 * var(--ui));height:calc(18 * var(--ui));stroke-width:2.2}.zoom-seg:not(:disabled):hover{background:var(--fill-hover)}.zoom-seg:not(:disabled):active{transform:scale(.92)}.zoom-seg:disabled{opacity:.28;cursor:default}.zoom-level{display:grid;place-items:center;min-width:calc(72 * var(--ui));padding:0 calc(4 * var(--ui))}.level-name{font-size:calc(10 * var(--ui));font-weight:700;letter-spacing:.16em}.zoom-row{display:inline-flex;align-items:center;gap:calc(10 * var(--ui))}.compass{pointer-events:none;width:calc(46 * var(--ui));height:calc(46 * var(--ui));display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:default}.compass-needle{display:block;width:calc(26 * var(--ui));height:calc(26 * var(--ui));transition:transform 90ms linear;will-change:transform}.compass-needle svg{width:100%;height:100%}#labels{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.maplabel{position:absolute;left:0;top:0;margin-left:calc(-8 * var(--ui));padding:calc(5 * var(--ui)) calc(10 * var(--ui)) calc(5 * var(--ui)) calc(16 * var(--ui));font-size:calc(10.75 * var(--ui));font-weight:700;letter-spacing:-.01em;white-space:nowrap;color:#fffffff0;text-shadow:0 1px 8px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0d10156b;box-shadow:0 4px 16px #00000047;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);animation:label-in .24s ease-out}.maplabel:before{content:"";position:absolute;left:calc(8 * var(--ui));top:50%;width:calc(4.5 * var(--ui));height:calc(4.5 * var(--ui));transform:translate(-50%,-50%);border-radius:50%;background:#fffffff2;box-shadow:0 0 0 calc(1.5 * var(--ui)) #ffffff1f}.maplabel.minor{font-size:calc(9.75 * var(--ui));font-weight:650;color:#ffffffbd;background:#0d101557}.maplabel.minor:before{width:calc(3.5 * var(--ui));height:calc(3.5 * var(--ui));background:#fff9}#labels.light .maplabel{color:#16181cd1;text-shadow:0 1px 10px rgba(255,255,255,.7);border-color:#fff9;background:#ffffff85}#labels.light .maplabel:before{background:#16181ce0;box-shadow:0 0 0 calc(1.5 * var(--ui)) #ffffff73}#labels.light .maplabel.minor{color:#16181c99}#labels.light .maplabel.minor:before{background:#16181c8c}@keyframes label-in{0%{opacity:0}to{opacity:1}}#flags-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.mapflag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:calc(5 * var(--ui));margin-left:calc(-3 * var(--ui));padding:calc(3 * var(--ui)) calc(10 * var(--ui)) calc(3 * var(--ui)) calc(6 * var(--ui));border-radius:calc(20 * var(--ui));background:linear-gradient(#0000001f,#00000052),var(--c, #ff3b30);border:1px solid rgba(255,255,255,.28);color:#fff;font-family:inherit;font-size:calc(10.75 * var(--ui));font-weight:700;text-align:left;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:0 2px 9px #0006,inset 0 1px #ffffff40;animation:label-in .22s ease;appearance:none;-webkit-appearance:none;pointer-events:auto;cursor:pointer;transition:box-shadow 90ms ease,filter 90ms ease}.mapflag:hover{filter:brightness(1.08);box-shadow:0 3px 12px #00000080,inset 0 1px #ffffff59}.mapflag.theirs{font-weight:600;opacity:.92}.mapflag-pin{display:block;width:calc(15 * var(--ui));height:calc(15 * var(--ui));flex:0 0 auto}.mapflag-text{display:flex;flex-direction:column;line-height:1.06}.mapflag-owner{font-size:calc(8.75 * var(--ui));font-weight:600;opacity:.82;letter-spacing:.01em}.mapflag-owner[hidden]{display:none}#namecards-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}.namecard{position:absolute;left:0;top:0;display:flex;align-items:center;gap:calc(6 * var(--ui));max-width:calc(190 * var(--ui));padding:calc(3 * var(--ui)) calc(9 * var(--ui)) calc(3 * var(--ui)) calc(3 * var(--ui));border-radius:calc(20 * var(--ui));background:linear-gradient(#0e141edb,#080c14eb);border:1px solid color-mix(in srgb,var(--c, #6cf) 55%,rgba(255,255,255,.2));box-shadow:0 3px 12px #00000080,inset 0 1px #ffffff1f;color:#f2f5fa;font-family:inherit;font-size:calc(11 * var(--ui));font-weight:650;white-space:nowrap;animation:label-in .2s ease;appearance:none;-webkit-appearance:none;pointer-events:auto;cursor:pointer;transition:filter 90ms ease,box-shadow 90ms ease}.namecard:hover{filter:brightness(1.12);box-shadow:0 4px 16px #0009,inset 0 1px #fff3}.namecard.nc-filled{color:var(--nc-ink, #fff);border-color:var(--c, #6cf)}.namecard.nc-filled:after{background:var(--c, #6cf);border-color:var(--c, #6cf)}.namecard .nc-avatar{width:calc(22 * var(--ui));height:calc(22 * var(--ui));font-size:calc(11 * var(--ui));flex:0 0 auto}.namecard .nc-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.05}.namecard .nc-name{font-weight:700;font-size:calc(13 * var(--ui));text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.namecard .nc-title{font-size:calc(8.6 * var(--ui));font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left;opacity:.82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.namecard .title-tag{font-size:.78em}.namecard .nc-lvl{flex:0 0 auto;font-size:calc(9.5 * var(--ui))}.namecard:after{content:"";position:absolute;left:50%;bottom:calc(-5 * var(--ui));width:calc(10 * var(--ui));height:calc(10 * var(--ui));transform:translate(-50%) rotate(45deg);background:#080c14eb;border-right:1px solid color-mix(in srgb,var(--c, #6cf) 55%,rgba(255,255,255,.2));border-bottom:1px solid color-mix(in srgb,var(--c, #6cf) 55%,rgba(255,255,255,.2))}.mapflag-svg{width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.mapflag-pole{stroke:#fff;stroke-width:1.9;stroke-linecap:round;fill:none}.mapflag-cloth{fill:#fff;stroke:none}.hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + calc(74 * var(--ui)));left:50%;transform:translate(-50%);font-size:calc(12.5 * var(--ui));color:var(--text-dim);background:var(--chrome);border:1px solid var(--line);padding:calc(9 * var(--ui)) calc(15 * var(--ui));border-radius:var(--r-md);white-space:nowrap;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-sm)}.cursor-tip{position:absolute;left:0;top:0;z-index:12;pointer-events:none;padding:calc(7 * var(--ui)) calc(10 * var(--ui));border-radius:var(--r-md);border:1px solid var(--line);background:var(--chrome-strong);color:var(--text);font-size:calc(11 * var(--ui));font-weight:650;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.cursor-tip.bad{border-color:#f776;background:#240c0dd1;color:#ffd2d2}.floaters{position:absolute;inset:0;pointer-events:none;z-index:11}.mine-floater{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:calc(1 * var(--ui));color:#fff;font-size:calc(12 * var(--ui));font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.75);animation:mine-float 1.15s ease-out forwards}.mine-floater small{font-size:calc(9.25 * var(--ui));font-weight:650;color:#ffffff9e}@keyframes mine-float{0%{opacity:0;transform:translate(-50%,-70%) scale(.92)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-170%) scale(1)}}.google-one-tap{position:fixed;top:calc(env(safe-area-inset-top,0px) + calc(52 * var(--ui)));right:calc(env(safe-area-inset-right,0px) + calc(16 * var(--ui)));z-index:35}.toast{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + calc(70 * var(--ui)));left:50%;transform:translate(-50%);padding:calc(10 * var(--ui)) calc(16 * var(--ui));border:1px solid var(--line);border-radius:999px;background:var(--chrome-strong);font-size:calc(14 * var(--ui));font-weight:650;color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}#hud.light .toast{color:#1a1c20;background:#ffffffbd;border-color:#14161c1a}.toast.pop{animation:toast-pop 1.3s ease-out forwards}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.94)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(1)}}.find-toasts{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + calc(74 * var(--ui)));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--ui));width:max-content;max-width:min(86vw,calc(360 * var(--ui)));pointer-events:none}.find-toast{display:flex;align-items:center;gap:calc(10 * var(--ui));padding:calc(7 * var(--ui)) calc(8 * var(--ui)) calc(7 * var(--ui)) calc(8 * var(--ui));border:1px solid var(--line);border-radius:999px;background:var(--chrome-strong);font-size:calc(13.5 * var(--ui));font-weight:600;color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);pointer-events:auto;animation:find-toast-in .22s ease-out both}.find-toast.clickable{cursor:pointer}.find-toast.clickable:hover{border-color:var(--line-strong)}.find-toast-art{flex:0 0 auto;display:grid;place-items:center}.find-toast .ft-art{width:calc(32 * var(--ui));height:calc(32 * var(--ui));border:none;border-radius:0;background-color:transparent;background-size:contain}.find-toast-text b{font-weight:800}.find-toast-sub{display:block;font-size:calc(11 * var(--ui));font-weight:700;color:#ffce6a}.find-toast.leaving{animation:find-toast-out .22s ease-in forwards}#hud.light .find-toast{color:#1a1c20;background:#ffffffc7;border-color:#14161c1a}.find-toast-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.find-toast-x{flex:0 0 auto;display:grid;place-items:center;width:calc(24 * var(--ui));height:calc(24 * var(--ui));border:none;border-radius:50%;background:var(--fill);color:var(--text-dim);cursor:pointer;transition:background .14s,color .14s}.find-toast-x:hover{background:var(--fill-hover);color:var(--text)}.find-toast-x .icon{width:calc(13 * var(--ui));height:calc(13 * var(--ui))}@keyframes find-toast-in{0%{opacity:0;transform:translateY(calc(8 * var(--ui))) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes find-toast-out{to{opacity:0;transform:translateY(calc(-8 * var(--ui))) scale(.96)}}.ts-holder{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 110px);left:50%;transform:translate(-50%);pointer-events:auto;background:var(--chrome-strong);border:1px solid var(--line);border-radius:var(--r-md);padding:10px;box-shadow:var(--shadow)}.veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(120% 90% at 50% 10%,#11141a 0%,var(--ink) 70%);transition:opacity .42s ease}.veil.gone{opacity:0;pointer-events:none}.go-veil{position:fixed;inset:0;z-index:60;display:none;opacity:0;pointer-events:none;background:#06080c}.veil-logo{font-size:calc(26 * var(--ui));font-weight:500;letter-spacing:.03em;color:var(--text);animation:veil-pulse 1.8s ease-in-out infinite}.veil-logo b{font-weight:900}.veil-sub{font-size:calc(12 * var(--ui));letter-spacing:.1em;color:var(--text-faint)}@keyframes veil-pulse{0%,to{opacity:1}50%{opacity:.55}}.menu{pointer-events:auto;display:inline-flex;align-items:center;gap:calc(8 * var(--ui));font-size:calc(11.5 * var(--ui));font-weight:650;padding:calc(7 * var(--ui)) calc(13 * var(--ui));border-radius:999px;cursor:pointer;max-width:46vw}.shop-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:calc(6 * var(--ui));font-size:calc(11.5 * var(--ui));font-weight:650;min-height:calc(40 * var(--ui) + 2px);padding:calc(7 * var(--ui)) calc(14 * var(--ui)) calc(7 * var(--ui)) calc(13 * var(--ui));border-radius:999px;cursor:pointer}.shop-btn .icon{width:calc(17 * var(--ui));height:calc(17 * var(--ui));color:var(--mint, #34c759)}.shop-btn:active{transform:scale(.97)}.shop-btn{background:#34c75933;border-color:#34c75980}.shop-btn:hover{background:#34c7594d;border-color:#34c759b8}#hud.light .shop-btn{background:#34c75929;border-color:#34c75975}#hud.light .shop-btn:hover{background:#34c75942}.shop-coin{margin-left:calc(2 * var(--ui));padding-left:calc(9 * var(--ui));border-left:1px solid var(--line);color:var(--gold);font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}#hud.light .shop-coin{color:#9a7b1e;border-left-color:#14161c24}.menu-burger{display:inline-flex;margin-left:calc(1 * var(--ui));color:inherit;opacity:.6}.menu-burger .icon{width:calc(18 * var(--ui));height:calc(18 * var(--ui))}.menu.signed-in{padding-left:calc(8 * var(--ui))}.menu.tinted,.menu.tinted:hover,#hud .menu.tinted,#hud.light .menu.tinted,#hud.light .menu.tinted:hover{background:var(--pill);border-color:#00000038;color:var(--pill-ink)}.menu.tinted:hover{filter:brightness(1.07)}.menu.tinted .menu-name{color:var(--pill-ink)}.menu.tinted .menu-avatar{background:#ffffff3d;color:var(--pill-ink)}.menu:active{transform:scale(.97)}.menu-avatar{display:grid;place-items:center;width:calc(26 * var(--ui));height:calc(26 * var(--ui));flex-shrink:0;border-radius:50%;background:#ffffff1f;color:var(--name, var(--text));font-size:calc(12 * var(--ui));font-weight:700}#hud.light .menu-avatar{background:#14161c1a}.menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itembar{display:flex;gap:calc(8 * var(--ui));pointer-events:auto}.itemchip{display:inline-flex;align-items:center;gap:calc(6 * var(--ui));font-size:calc(11 * var(--ui));font-weight:650;padding:calc(9 * var(--ui)) calc(13 * var(--ui));border-radius:var(--r-md);cursor:pointer}.itemchip .itemqty{color:var(--text-dim);font-variant-numeric:tabular-nums}.itemchip.armed{border-color:var(--line-strong);background:var(--chrome-strong);box-shadow:0 0 0 1px #ffffff1f,var(--shadow-sm)}.potion-dock{position:absolute;top:calc(env(safe-area-inset-top,0px) + calc(58 * var(--ui)));left:50%;transform:translate(-50%);z-index:7;pointer-events:none}.potion-ring{--p: 0;--face: #ffd24a;position:relative;width:calc(50 * var(--ui));height:calc(50 * var(--ui));padding:0;border-radius:50%;border:calc(2 * var(--ui)) solid rgba(255,255,255,.24);background:transparent;cursor:pointer;pointer-events:auto;display:grid;place-items:center;box-shadow:0 calc(4 * var(--ui)) calc(16 * var(--ui)) #00000073;-webkit-tap-highlight-color:transparent;transition:transform .12s ease;animation:potionPop .28s ease both}.potion-ring:hover{transform:scale(1.06)}.potion-ring:active{transform:scale(.95)}.potion-face{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 27%,color-mix(in srgb,var(--face) 72%,#fff) 0%,transparent 52%),radial-gradient(circle at 72% 82%,color-mix(in srgb,var(--face) 88%,#000) 0%,transparent 58%),var(--face)}.potion-glyph{font-size:calc(22 * var(--ui));line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.potion-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#101218c2 calc(var(--p) * 360deg),#10121800 0);transition:background .25s linear}@keyframes potionPop{0%{opacity:0;transform:translateY(calc(-6 * var(--ui))) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.potion-cancel-card{gap:calc(6 * var(--ui));text-align:center;align-items:center}.potion-cancel-face{width:calc(74 * var(--ui));height:calc(74 * var(--ui));margin:calc(4 * var(--ui)) auto calc(6 * var(--ui));border-radius:50%;display:grid;place-items:center;border:calc(2 * var(--ui)) solid rgba(255,255,255,.24);box-shadow:0 calc(6 * var(--ui)) calc(18 * var(--ui)) #0006;background:radial-gradient(circle at 33% 27%,color-mix(in srgb,var(--face) 72%,#fff) 0%,transparent 52%),radial-gradient(circle at 72% 82%,color-mix(in srgb,var(--face) 88%,#000) 0%,transparent 58%),var(--face)}.potion-cancel-glyph{font-size:calc(34 * var(--ui));line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.potion-cancel-head{font-size:calc(17 * var(--ui));font-weight:700}.potion-cancel-name{font-size:calc(13.5 * var(--ui));font-weight:650;color:var(--text)}.potion-cancel-rem{font-size:calc(12 * var(--ui));font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.potion-cancel-card .confirm-body{margin-top:calc(4 * var(--ui))}.potion-cancel-card .flag-actions{width:100%;margin-top:calc(4 * var(--ui))}#panel{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#04060a75;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);padding:calc(16 * var(--ui));animation:scrim-in .2s ease-out}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}#panel.closing{animation:scrim-out .22s ease-in forwards;pointer-events:none}#panel.closing .panel-box{animation:panel-out .22s cubic-bezier(.4,0,.7,1) forwards}@keyframes scrim-out{to{opacity:0}}@keyframes panel-out{to{opacity:0;transform:translateY(14px) scale(.99)}}@keyframes panel-down{to{transform:translateY(100%)}}.panel-box{position:relative;width:min(calc(940 * var(--ui)),100%);height:min(84vh,calc(720 * var(--ui)));min-height:0;display:grid;grid-template-columns:minmax(calc(196 * var(--ui)),calc(232 * var(--ui))) minmax(0,1fr);isolation:isolate;overflow:hidden;color:var(--text);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--sheet);box-shadow:0 0 0 1px #0003,var(--shadow-lg);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);animation:panel-in .24s cubic-bezier(.2,.9,.3,1)}#panel.solo .panel-nav{display:none}#panel.solo .panel-box{grid-template-columns:minmax(0,1fr)}.panel-nav{position:relative;z-index:1;min-height:0;overflow:hidden auto;display:flex;flex-direction:column;gap:calc(14 * var(--ui));min-width:0;padding:calc(16 * var(--ui)) calc(13 * var(--ui));border-right:1px solid var(--line-soft)}.panel-main{position:relative;z-index:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--content)}.panel-mark{display:flex;align-items:center;gap:calc(10 * var(--ui));min-width:0;padding:calc(2 * var(--ui)) calc(5 * var(--ui)) calc(2 * var(--ui))}.panel-mark-logo{width:calc(30 * var(--ui));height:calc(30 * var(--ui));flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.panel-mark-name{display:block;font-size:calc(12.5 * var(--ui));font-weight:500;letter-spacing:.02em}.panel-mark-name b{font-weight:900}.panel-mark small{display:block;margin-top:calc(1 * var(--ui));color:var(--text-faint);font-size:calc(10 * var(--ui))}.panel-tabs{display:flex;flex-direction:column;gap:calc(2 * var(--ui));min-width:0}.panel-tab{width:100%;display:flex;align-items:center;gap:calc(10 * var(--ui));padding:calc(7 * var(--ui)) calc(9 * var(--ui));border:1px solid transparent;border-radius:calc(9 * var(--ui));background:none;color:var(--text);font-size:calc(13 * var(--ui));font-weight:510;font-family:inherit;cursor:pointer;text-align:left;white-space:nowrap;transition:background .13s,color .13s}.panel-tab:hover{background:var(--fill)}.panel-tab.active{background:var(--surface-2)}.panel-wallet{margin-top:auto;display:flex;align-items:center;gap:calc(10 * var(--ui));padding:calc(11 * var(--ui)) calc(12 * var(--ui));border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft)}.panel-wallet .tile{flex:0 0 auto}.panel-wallet div{min-width:0}.panel-wallet span{display:block;color:var(--text-faint);font-size:calc(9.5 * var(--ui));font-weight:600;letter-spacing:.1em;text-transform:uppercase}.panel-wallet b{display:block;margin-top:calc(1 * var(--ui));color:var(--gold);font-size:calc(15 * var(--ui));font-variant-numeric:tabular-nums}.panel-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--ui));min-height:calc(62 * var(--ui));padding:calc(14 * var(--ui)) calc(22 * var(--ui));border-bottom:1px solid var(--line-soft)}.panel-head.bare{border-bottom:none}.panel-kicker{display:none}.panel-title{font-size:calc(23 * var(--ui));font-weight:700;letter-spacing:-.022em}.panel-head-main{display:flex;flex-direction:column;gap:calc(2 * var(--ui));min-width:0}.panel-sub{font-size:calc(12.5 * var(--ui));font-weight:500;color:var(--text-dim);max-width:calc(560 * var(--ui));line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-head-actions{display:flex;align-items:center;gap:calc(8 * var(--ui));margin-right:calc(38 * var(--ui))}.panel-head-actions:empty{display:none}.panel-close{position:absolute;z-index:5;top:calc(16 * var(--ui));right:calc(16 * var(--ui));width:calc(30 * var(--ui));height:calc(30 * var(--ui));display:grid;place-items:center;border:none;border-radius:50%;background:var(--surface-2);color:var(--text-dim);cursor:pointer;transition:color .14s,background .14s,transform .12s}.panel-close .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui));stroke-width:2.4}.panel-close:hover{color:var(--text);background:var(--surface-3)}.panel-close:active{transform:scale(.92)}.panel-resume{display:none}.panel-body{position:relative;z-index:1;flex:1;min-height:0;padding:calc(20 * var(--ui)) calc(22 * var(--ui)) calc(26 * var(--ui));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.panel-body::-webkit-scrollbar,.panel-nav::-webkit-scrollbar,.sheet::-webkit-scrollbar{width:calc(8 * var(--ui));height:calc(8 * var(--ui))}.panel-body::-webkit-scrollbar-thumb,.panel-nav::-webkit-scrollbar-thumb,.sheet::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:calc(2 * var(--ui)) solid transparent;background-clip:padding-box}.menu-page{display:flex;flex-direction:column;gap:calc(20 * var(--ui))}.tile{display:grid;place-items:center;width:calc(28 * var(--ui));height:calc(28 * var(--ui));flex:0 0 auto;border-radius:calc(7 * var(--ui));color:#fff;background:var(--gray);box-shadow:inset 0 1px #ffffff38}.tile .icon{width:64%;height:64%}.tile.lg{width:calc(34 * var(--ui));height:calc(34 * var(--ui));border-radius:calc(9 * var(--ui))}.tile.blue{background:linear-gradient(180deg,#3aa0ff,var(--blue))}.tile.green{background:linear-gradient(180deg,#4be072,var(--green))}.tile.orange{background:linear-gradient(180deg,#ffb43a,var(--orange))}.tile.red{background:linear-gradient(180deg,#ff6a60,var(--red))}.tile.purple{background:linear-gradient(180deg,#cf7bf5,var(--purple))}.tile.indigo{background:linear-gradient(180deg,#7d7bf0,var(--indigo))}.tile.teal{background:linear-gradient(180deg,#5fd6ec,var(--teal))}.tile.pink{background:linear-gradient(180deg,#ff5f80,var(--pink))}.tile.gold{background:linear-gradient(180deg,#ffd98a,var(--gold));color:#3a2e0a}.tile.gray{background:linear-gradient(180deg,#a0a0a6,var(--gray))}.list-section{display:flex;flex-direction:column;gap:calc(7 * var(--ui))}.list-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(8 * var(--ui));padding:0 calc(6 * var(--ui));color:var(--text-dim);font-size:calc(11.5 * var(--ui));font-weight:590;letter-spacing:-.01em}.badge-count{color:var(--text-faint);font-weight:600;font-variant-numeric:tabular-nums}.list-foot{padding:calc(2 * var(--ui)) calc(6 * var(--ui)) 0;color:var(--text-faint);font-size:calc(11 * var(--ui));line-height:1.45}.medal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(84 * var(--ui)),1fr));gap:calc(22 * var(--ui)) calc(8 * var(--ui));padding:calc(22 * var(--ui)) calc(12 * var(--ui))}.medal-grid:not(.show-all)>*:nth-child(n+9){display:none}.medal-slot{position:relative;display:flex;justify-content:center}.medal-pin{position:absolute;top:calc(-2 * var(--ui));right:calc(6 * var(--ui));width:calc(20 * var(--ui));height:calc(20 * var(--ui));display:grid;place-items:center;border-radius:50%;background:#2e2408eb;border:1px solid rgba(255,206,74,.6);color:#ffce4a;z-index:6;pointer-events:none}.medal-pin .icon{width:60%;height:60%}.medal-badge{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--ui));text-align:center}.medal{position:relative;width:calc(64 * var(--ui));height:calc(64 * var(--ui));perspective:640px;touch-action:none;filter:drop-shadow(0 calc(4 * var(--ui)) calc(6 * var(--ui)) rgba(0,0,0,.5))}.medal[data-spin="1"]{cursor:grab}.medal.grabbing{cursor:grabbing}.medal-coin{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;--depth: calc(9 * var(--ui));--edges: 22}.medal-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 calc(1.5 * var(--ui)) calc(2 * var(--ui)) #ffffff73,inset 0 calc(-3 * var(--ui)) calc(6 * var(--ui)) #0000008c}.medal-front{transform:translateZ(calc(var(--depth) / 2))}.medal-field{position:absolute;inset:calc(7 * var(--ui));display:grid;place-items:center;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--accent, #6a7484) 34%,#10141b),#090c11 80%);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 calc(3 * var(--ui)) calc(6 * var(--ui)) #0000008c,inset 0 calc(-2 * var(--ui)) calc(4 * var(--ui)) color-mix(in srgb,var(--accent, transparent) 22%,transparent)}.medal-edge{position:absolute;inset:calc(-.5 * var(--ui));border-radius:50%;background:linear-gradient(180deg,#ffffff4d,#0006),var(--medal-edge, #7a4a1d);transform:translateZ(calc((var(--i) / (var(--edges) - 1) - .5) * var(--depth)))}.medal-core{position:absolute;top:0;left:50%;width:calc(var(--depth) + 1px);height:100%;margin-left:calc((var(--depth) + 1px) / -2);background:linear-gradient(180deg,#ffffff38,#0000008c),var(--medal-edge, #7a4a1d);backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:0}.medal-core-a{transform:rotateY(90deg)}.medal-core-b{transform:rotateY(-90deg)}.medal-face:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 78% at 30% 14%,#ffffff80,#fff0 52%);opacity:.45;pointer-events:none}.medal-shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#fff0 36%,#ffffffd9,#fff0 62%);transform:translate(-130%);opacity:0;pointer-events:none;z-index:4}.medal-back{transform:rotateY(180deg) translateZ(calc(var(--depth) / 2))}.medal-glyph{position:relative;display:grid;place-items:center;width:64%;height:64%;color:#f4f7fc;filter:drop-shadow(0 calc(1.5 * var(--ui)) calc(1.5 * var(--ui)) rgba(0,0,0,.6))}.medal-glyph .badge-art{width:100%;height:100%}.medal-glyph .icon{width:92%;height:92%;stroke-width:2.1}.medal-emblem{position:relative;width:54%;height:54%;opacity:.4;filter:grayscale(1) brightness(1.6);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.tier-bronze .medal-face{background:radial-gradient(circle at 36% 26%,#f0c089,#c4792f 46%,#8a4d18 72%,#4f2a0d);--banner: linear-gradient(180deg, #d68a3e, #8a4d18)}.tier-silver .medal-face{background:radial-gradient(circle at 36% 26%,#f4f7fb,#b7c0cd 46%,#7c8696 72%,#4a5260);--banner: linear-gradient(180deg, #c7d0db, #6f7a8b)}.tier-gold .medal-face{background:radial-gradient(circle at 36% 26%,#ffedb0,#ecc04a 44%,#b9851d 72%,#7a560f);--banner: linear-gradient(180deg, #f0c948, #a9781a)}.tier-platinum .medal-face{background:radial-gradient(circle at 36% 26%,#f6f9fd,#d2dbe6 44%,#9aa6b8 72%,#5f6b7d);--banner: linear-gradient(180deg, #dde4ee, #7e8a9c)}.tier-diamond .medal-face{background:radial-gradient(circle at 36% 24%,#eafaff,#9fe0ff 40%,#46a3e6 72%,#275fb8);--banner: linear-gradient(180deg, #7fd0ff, #2f74cc)}.tier-bronze{--medal-edge: #7e4a1c}.tier-silver{--medal-edge: #8b95a3}.tier-gold{--medal-edge: #a87c1f}.tier-platinum{--medal-edge: #99a4b5}.tier-diamond{--medal-edge: #2f7fc6}.shape-hex .medal-face,.shape-hex .medal-edge,.shape-hex .medal-field{clip-path:polygon(50% 1%,94% 25%,94% 75%,50% 99%,6% 75%,6% 25%)}.shape-shield .medal-face,.shape-shield .medal-edge,.shape-shield .medal-field{clip-path:polygon(50% 99%,8% 70%,8% 11%,50% 4%,92% 11%,92% 70%)}.shape-star .medal-face,.shape-star .medal-edge,.shape-star .medal-field{clip-path:polygon(50% 2%,61% 35%,96% 35%,68% 57%,79% 95%,50% 72%,21% 95%,32% 57%,4% 35%,39% 35%)}.shape-gem .medal-face,.shape-gem .medal-edge,.shape-gem .medal-field{clip-path:polygon(22% 4%,78% 4%,98% 38%,50% 98%,2% 38%)}.shape-banner .medal-face,.shape-banner .medal-edge,.shape-banner .medal-field{clip-path:polygon(8% 3%,92% 3%,92% 78%,50% 98%,8% 78%)}.shape-star .medal-field,.shape-gem .medal-field{inset:27%;border-radius:50%;clip-path:none;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 calc(2 * var(--ui)) calc(5 * var(--ui)) #0009,inset 0 calc(-1 * var(--ui)) calc(3 * var(--ui)) color-mix(in srgb,var(--accent, transparent) 22%,transparent)}.shape-star .medal-glyph,.shape-gem .medal-glyph{width:62%;height:62%}.shape-star .medal-banner,.shape-gem .medal-banner,.shape-banner .medal-banner{bottom:calc(11 * var(--ui))}.medal-banner{position:absolute;left:50%;bottom:calc(7 * var(--ui));transform:translate(-50%) translateZ(calc(var(--depth) / 2 + .6px));backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:calc(19 * var(--ui));height:calc(15 * var(--ui));padding:0 calc(5 * var(--ui));display:grid;place-items:center;border-radius:calc(7 * var(--ui));background:var(--banner, linear-gradient(180deg, #c8cdd6, #7c8696));color:#fff;font-size:calc(9.5 * var(--ui));font-weight:800;letter-spacing:.04em;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.55);box-shadow:0 calc(1 * var(--ui)) calc(2 * var(--ui)) #0000008c,inset 0 1px #ffffff80,inset 0 0 0 1px #00000047;z-index:3}.medal-banner-done .icon{width:calc(11 * var(--ui));height:calc(11 * var(--ui));stroke-width:3.2}.medal-flat{perspective:none;container-type:size;filter:drop-shadow(0 calc(3 * var(--ui)) calc(5 * var(--ui)) rgba(0,0,0,.45))}.medal-flat .medal-coin{transform-style:flat;--depth: 0}.medal-png{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transition:transform .16s ease}.medal-flat[data-spin="1"]:hover .medal-png{transform:translateY(calc(-2 * var(--ui))) scale(1.07)}.medal-flat .medal-level{position:absolute;left:50%;bottom:-3cqmin;transform:translate(-50%);min-width:22cqmin;padding:2.5cqmin 7cqmin;border-radius:999px;background:linear-gradient(180deg,#2c2319,#14100a);border:2cqmin solid var(--lvl, #e6b94e);color:var(--lvl, #ffe6a6);font-size:22cqmin;font-weight:900;letter-spacing:.01em;line-height:1;text-align:center;text-shadow:0 .6cqmin 1cqmin rgba(0,0,0,.85);box-shadow:0 2cqmin 4cqmin #0000008c,inset 0 1cqmin 1.5cqmin #ffffff2e;pointer-events:none;z-index:4}.medal-flat.tier-bronze .medal-level{--lvl: #e0974a}.medal-flat.tier-silver .medal-level{--lvl: #d3dcea}.medal-flat.tier-gold .medal-level{--lvl: #f3cb4e}.medal-flat.tier-platinum .medal-level{--lvl: #bfe9fb}.medal-flat.tier-diamond .medal-level{--lvl: #84f0e2}.medal-flat[data-spin="1"]:hover .medal-level{transform:translate(-50%) translateY(calc(-2 * var(--ui))) scale(1.07)}.medal-badge.locked .medal-png{filter:brightness(.16) grayscale(1) contrast(1.1)}.badge-name{font-size:calc(10.5 * var(--ui));font-weight:600;color:var(--text-dim);line-height:1.2;max-width:calc(82 * var(--ui))}.badge-sub{margin-top:calc(-7 * var(--ui));font-size:calc(9.5 * var(--ui));font-weight:500;color:var(--text-faint);line-height:1.15}.medal-badge.locked .medal{--medal-edge: #0a0d12;filter:drop-shadow(0 calc(3 * var(--ui)) calc(5 * var(--ui)) rgba(0,0,0,.5))}.medal-badge.locked .medal-face{background:radial-gradient(circle at 36% 30%,#171b22,#090c11 72%);box-shadow:inset 0 1px 1px #ffffff0d,inset 0 calc(-2 * var(--ui)) calc(5 * var(--ui)) #0009}.medal-badge.locked .medal-face:after{opacity:0}.medal-badge.locked .medal-field{background:#05070a;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 calc(2 * var(--ui)) calc(5 * var(--ui)) #000000b3}.medal-badge.locked .medal-glyph{opacity:0}.medal-badge.locked .badge-name{color:var(--text-faint)}.medal-lock{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff57;pointer-events:none}.medal-lock .icon{width:calc(20 * var(--ui));height:calc(20 * var(--ui))}.medal-toggle{width:100%;margin-top:calc(12 * var(--ui))}.account-name.placeholder{font-style:italic}.claim-row{gap:calc(8 * var(--ui))}.claim-row .pi{flex:1;min-width:0}.select-trail{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--fill);color:var(--text);font:inherit;font-size:calc(12.5 * var(--ui));padding:calc(6 * var(--ui)) calc(28 * var(--ui)) calc(6 * var(--ui)) calc(11 * var(--ui));border-radius:var(--r-sm);cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="%238b9099" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6l4 4 4-4"/></svg>');background-repeat:no-repeat;background-position:right calc(9 * var(--ui)) center}.select-trail option{background:#14181f;color:var(--text)}.list-group{--inset: calc(54 * var(--ui));border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.account-card{background:color-mix(in srgb,var(--accent, transparent) 22%,var(--surface));border-color:color-mix(in srgb,var(--accent, transparent) 40%,var(--line-soft))}.list-group.flush{--inset: calc(16 * var(--ui))}.list-row{position:relative;display:flex;align-items:center;gap:calc(12 * var(--ui));padding:calc(10 * var(--ui)) calc(14 * var(--ui));min-height:calc(46 * var(--ui));font-size:calc(13.5 * var(--ui))}.list-row+.list-row:before{content:"";position:absolute;top:0;left:var(--inset);right:0;height:1px;background:var(--line-soft)}button.list-row,a.list-row{width:100%;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .13s}button.list-row:hover{background:var(--fill)}.list-row-body{flex:1;min-width:0;display:flex;align-items:center;gap:calc(10 * var(--ui))}.list-row-main{flex:1;min-width:0}.list-row-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-sub{margin-top:calc(2 * var(--ui));color:var(--text-dim);font-size:calc(11.5 * var(--ui));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-trail{display:flex;align-items:center;gap:calc(8 * var(--ui));flex:0 0 auto;color:var(--text-dim);font-variant-numeric:tabular-nums}.settings-page .setting-row{align-items:center;min-height:calc(58 * var(--ui))}.settings-page .setting-row .list-row-body{align-items:center}.settings-page .setting-row .tile{align-self:center}.settings-page .setting-group-title{padding:calc(11 * var(--ui)) calc(14 * var(--ui)) calc(4 * var(--ui));font-size:calc(11 * var(--ui));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.value{color:var(--text-dim);font-size:calc(13 * var(--ui));font-variant-numeric:tabular-nums}.value.strong{color:var(--text);font-weight:600}.chevron{display:grid;place-items:center;color:var(--text-faint);flex:0 0 auto}.chevron .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui));stroke-width:2}.switch{position:relative;width:calc(38 * var(--ui));height:calc(23 * var(--ui));flex:0 0 auto;border:none;border-radius:999px;background:#ffffff29;cursor:pointer;transition:background .22s ease}.switch-knob{position:absolute;top:calc(2 * var(--ui));left:calc(2 * var(--ui));width:calc(19 * var(--ui));height:calc(19 * var(--ui));border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .22s cubic-bezier(.3,.8,.3,1.2)}.switch.on{background:var(--green)}.switch.on .switch-knob{transform:translate(calc(15 * var(--ui)))}.account-row{padding:calc(14 * var(--ui)) calc(16 * var(--ui))}.account-hero{display:flex;flex-direction:column;gap:calc(12 * var(--ui));padding:calc(16 * var(--ui))}.account-hero-top{display:flex;align-items:center;gap:calc(12 * var(--ui))}.account-hero-id{flex:1;min-width:0}.account-hero .account-edit{flex:0 0 auto;align-self:center;width:calc(38 * var(--ui));height:calc(38 * var(--ui))}.account-hero .account-edit .icon{width:calc(19 * var(--ui));height:calc(19 * var(--ui))}.account-hero .level-bar,.account-hero .since-line{margin-top:0}.account-card>.account-view-public{border-top:1px solid var(--line-soft)}.avatar{display:grid;place-items:center;width:calc(52 * var(--ui));height:calc(52 * var(--ui));flex:0 0 auto;border-radius:50%;color:var(--name, var(--text));font-size:calc(22 * var(--ui));font-weight:600;border:1px solid var(--line);background:#ffffff12;overflow:hidden}.avatar.has-emblem,.menu-avatar.has-emblem{background:var(--name, #4a90d9);color:#fff;border-color:#ffffff47}.avatar.has-emblem svg{width:62%;height:62%}.menu-avatar.has-emblem svg{width:66%;height:66%}.title-tag{font-size:.82em;font-weight:600;letter-spacing:.01em;color:#c59a36;white-space:nowrap}.lvl-chip{display:inline-flex;align-items:baseline;gap:.18em;flex:none;padding:.08em .46em;border-radius:999px;font-size:.74em;font-weight:750;line-height:1.5;letter-spacing:.01em;color:#0b1220;background:linear-gradient(180deg,#ffe9a8,#f1b53c);box-shadow:inset 0 0 0 1px #fff6,0 1px 2px #00000059;white-space:nowrap;vertical-align:middle}.lvl-chip .lvl-k{font-size:.78em;font-weight:700;opacity:.7;text-transform:uppercase}.lvl-chip.lvl-shine{position:relative;overflow:hidden;isolation:isolate}.lvl-chip.lvl-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 48%,transparent 66%);transform:translate(-130%);animation:lvl-shine-sweep 3.4s ease-in-out infinite;pointer-events:none}@keyframes lvl-shine-sweep{0%,55%{transform:translate(-130%)}to{transform:translate(130%)}}@media(prefers-reduced-motion:reduce){.lvl-chip.lvl-shine:after{animation:none}}.profile-lvl{font-size:calc(13.5 * var(--ui))}.account-lvl{font-size:calc(13 * var(--ui))}.level-bar{display:flex;align-items:center;gap:calc(8 * var(--ui));margin-top:calc(6 * var(--ui))}.level-bar-track{position:relative;flex:1;height:calc(6 * var(--ui));border-radius:999px;background:#ffffff1f;overflow:hidden}.level-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#ffd97a,#f1b53c);transition:width .4s ease}.level-bar-meta{flex:none;font-size:calc(11 * var(--ui));font-weight:600;color:var(--text-dim);white-space:nowrap}.account-name{font-size:calc(18 * var(--ui));font-weight:650;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-chip{text-align:right}.wallet-chip span{display:block;color:var(--text-faint);font-size:calc(9 * var(--ui));font-weight:600;letter-spacing:.12em;text-transform:uppercase}.wallet-chip b{display:block;margin-top:calc(2 * var(--ui));color:var(--gold);font-size:calc(16 * var(--ui));font-variant-numeric:tabular-nums}.cos-group{display:flex;flex-direction:column;gap:calc(2 * var(--ui));padding:calc(4 * var(--ui)) 0}.cos-row{display:flex;align-items:center;gap:calc(12 * var(--ui));padding:calc(8 * var(--ui)) calc(14 * var(--ui))}.cos-row+.cos-row{border-top:1px solid var(--line)}.cos-row-label{flex:0 0 calc(64 * var(--ui));font-size:calc(11 * var(--ui));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.cos-chips{flex:1;min-width:0;display:flex;gap:calc(8 * var(--ui));overflow-x:auto;padding:calc(4 * var(--ui)) calc(2 * var(--ui));scrollbar-width:none}.cos-chips::-webkit-scrollbar{display:none}.cos-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:calc(5 * var(--ui));height:calc(34 * var(--ui));padding:0 calc(10 * var(--ui));border-radius:999px;border:1.5px solid var(--line);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:calc(12.5 * var(--ui));font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.cos-chip.emblem,.cos-chip.color{padding:0;width:calc(34 * var(--ui))}.cos-chip:hover{transform:translateY(calc(-1 * var(--ui)));border-color:color-mix(in srgb,var(--accent, #6ea8ff) 55%,var(--line))}.cos-chip.on{border-color:var(--accent, #6ea8ff);background:color-mix(in srgb,var(--accent, #6ea8ff) 20%,var(--surface-2));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, #6ea8ff) 45%,transparent) inset}.cos-chip.locked{cursor:default;opacity:.5;position:relative}.cos-chip.locked:hover{transform:none;border-color:var(--line)}.cos-sw{width:calc(20 * var(--ui));height:calc(20 * var(--ui));border-radius:50%;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 2px #00000059 inset}.cos-sw.none{display:grid;place-items:center;background:transparent;border-style:dashed;color:var(--text-faint)}.cos-sw.none .icon{width:60%;height:60%}.cos-em{width:calc(24 * var(--ui));height:calc(24 * var(--ui));border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--name, #f2f5fa) 26%,var(--surface));color:var(--name, #f2f5fa);font-size:calc(12 * var(--ui));font-weight:800}.cos-em .icon,.cos-em svg{width:66%;height:66%;color:#fff}.cos-lock{position:absolute;right:calc(-3 * var(--ui));bottom:calc(-3 * var(--ui));width:calc(15 * var(--ui));height:calc(15 * var(--ui));display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--text-dim)}.cos-lock .icon{width:64%;height:64%}.account-edit{flex:0 0 auto;display:grid;place-items:center;width:calc(22 * var(--ui));height:calc(22 * var(--ui));margin-left:calc(2 * var(--ui));border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.account-edit .icon{width:calc(13 * var(--ui));height:calc(13 * var(--ui))}.account-edit:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent, #5b9dff) 55%,var(--line));background:var(--fill)}.account-name-line{display:flex;align-items:center;gap:calc(6 * var(--ui));flex-wrap:wrap}.appearance-modal{position:fixed;inset:0;z-index:64;display:grid;place-items:center;padding:calc(18 * var(--ui));background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:label-in .16s ease}.appearance-card{position:relative;width:min(92vw,calc(400 * var(--ui)));max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:calc(12 * var(--ui));padding:calc(22 * var(--ui));border-radius:var(--r-lg);background:var(--sheet);border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong)}.appearance-head{font-size:calc(17 * var(--ui));font-weight:800;letter-spacing:-.01em}.cos-preview{display:flex;align-items:center;gap:calc(14 * var(--ui));padding:calc(16 * var(--ui)) calc(18 * var(--ui));border-radius:var(--r-md);background:color-mix(in srgb,var(--accent, transparent) 26%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent, transparent) 44%,var(--line));transition:background .22s ease,border-color .22s ease}.cos-pv-av{width:calc(58 * var(--ui));height:calc(58 * var(--ui));font-size:calc(25 * var(--ui))}.cos-pv-name{display:flex;align-items:center;gap:calc(8 * var(--ui));flex-wrap:wrap;min-width:0}.cos-pv-name .account-name{font-size:calc(20 * var(--ui))}.cos-pv-name .title-tag{font-size:calc(12 * var(--ui))}.appearance-card .cos-group{padding:0;gap:0}.appearance-card .cos-row{flex-direction:column;align-items:stretch;gap:calc(11 * var(--ui));padding:calc(16 * var(--ui)) 0}.appearance-card .cos-row+.cos-row{border-top:1px solid var(--line-soft)}.appearance-card .cos-row-select{flex-direction:row;align-items:center;justify-content:space-between;gap:calc(12 * var(--ui))}.cos-select{flex:0 1 auto;min-width:calc(150 * var(--ui));max-width:64%;height:calc(38 * var(--ui));padding:0 calc(34 * var(--ui)) 0 calc(13 * var(--ui));border-radius:var(--r-sm, calc(9 * var(--ui)));border:1px solid var(--line);background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right calc(10 * var(--ui)) center / calc(15 * var(--ui));color:var(--text);font-size:calc(13.5 * var(--ui));font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer}.cos-select:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent, #6ea8ff) 60%,var(--line))}.appearance-card .cos-row-label{flex:none;font-size:calc(11.5 * var(--ui))}.appearance-card .cos-chips{flex-wrap:wrap;overflow:visible;padding:0;gap:calc(10 * var(--ui))}.appearance-card .cos-chip{height:calc(40 * var(--ui));font-size:calc(13.5 * var(--ui));padding:0 calc(15 * var(--ui))}.appearance-card .cos-chip.color,.appearance-card .cos-chip.emblem{width:calc(46 * var(--ui));height:calc(46 * var(--ui));padding:0}.appearance-card .cos-chip.color.on,.appearance-card .cos-chip.emblem.on{box-shadow:0 0 0 calc(2 * var(--ui)) color-mix(in srgb,var(--accent, #6ea8ff) 60%,transparent)}.appearance-card .cos-sw{width:calc(28 * var(--ui));height:calc(28 * var(--ui))}.appearance-card .cos-em{width:calc(30 * var(--ui));height:calc(30 * var(--ui))}.pi{flex:1;min-width:0;border:1px solid var(--line);background:#ffffff0a;color:var(--text);font-size:calc(13 * var(--ui));font-family:inherit;padding:calc(10 * var(--ui)) calc(12 * var(--ui));border-radius:var(--r-md);outline:none;transition:border-color .14s,background .14s,box-shadow .14s}.pi::placeholder{color:var(--text-faint)}.pi:focus{border-color:var(--blue);background:#ffffff0d;box-shadow:0 0 0 3px #0a84ff40}.pb{display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--ui));border:1px solid var(--line);background:var(--fill);color:var(--text);font-size:calc(12.5 * var(--ui));font-weight:590;font-family:inherit;padding:calc(9 * var(--ui)) calc(15 * var(--ui));border-radius:var(--r-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .14s,border-color .14s,transform .12s,color .14s}.pb .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui));flex:none}.auth .pb,.auth .pi{min-height:calc(44 * var(--ui));width:100%}.pb:not(:disabled):hover{background:var(--fill-hover);border-color:var(--line-strong)}.pb:disabled{opacity:.4;cursor:default}.pb:not(:disabled):active{transform:scale(.97)}.pb.primary{background:var(--blue);border-color:transparent;color:#fff;font-weight:600}.pb.primary:not(:disabled):hover{background:#2b97ff}.pb.ghost{background:none;border-color:transparent;color:var(--text-dim)}.pb.ghost:not(:disabled):hover{color:var(--text);background:var(--fill)}.pb.danger{color:var(--bad)}.pb.unequip{background:color-mix(in srgb,var(--green) 20%,transparent);border-color:color-mix(in srgb,var(--green) 55%,transparent);color:var(--green);font-weight:600}.pb.unequip:not(:disabled):hover{background:color-mix(in srgb,var(--green) 30%,transparent);color:var(--green)}.pb.small{padding:calc(7 * var(--ui)) calc(12 * var(--ui));font-size:calc(11.5 * var(--ui))}.google-auth{background:var(--fill);border-color:var(--line)}.google-mark{display:inline-grid;place-items:center;width:calc(22 * var(--ui));height:calc(22 * var(--ui));border-radius:50%;background:#fff;color:#1f6feb;font-weight:800;font-size:calc(13 * var(--ui))}.segmented,.shop-subtabs{display:inline-flex;align-items:center;gap:calc(2 * var(--ui));padding:calc(2 * var(--ui));border-radius:calc(10 * var(--ui));background:#ffffff0f;border:1px solid var(--line-soft);width:fit-content}.shop-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--ui));flex-wrap:wrap;margin-bottom:calc(2 * var(--ui))}.shop-bar .bal-chip{display:inline-flex;align-items:center;gap:calc(5 * var(--ui));padding:calc(7 * var(--ui)) calc(13 * var(--ui));border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);color:var(--gold);font-weight:800;font-size:calc(13.5 * var(--ui));font-variant-numeric:tabular-nums;white-space:nowrap}.panel-tab.sub{border-radius:calc(8 * var(--ui));justify-content:center;padding:calc(6 * var(--ui)) calc(14 * var(--ui));font-size:calc(12 * var(--ui));font-weight:560;color:var(--text-dim)}.panel-tab.sub:hover{background:none;color:var(--text)}.panel-tab.sub.active{color:var(--text);background:var(--surface-3);box-shadow:var(--shadow-sm)}.auth{display:flex;flex-direction:column;gap:calc(10 * var(--ui));max-width:calc(360 * var(--ui));margin:0 auto;padding:calc(8 * var(--ui)) 0 0}.auth-hero{padding:calc(4 * var(--ui)) calc(2 * var(--ui)) calc(10 * var(--ui));text-align:left;background:none!important;border:none!important;box-shadow:none!important}.auth-logo{display:block;width:calc(64 * var(--ui));height:auto;margin-bottom:calc(14 * var(--ui));filter:drop-shadow(0 14px 30px rgba(0,0,0,.3))}.auth-title{font-size:calc(26 * var(--ui));font-weight:750;letter-spacing:-.03em}.auth-sub{margin-top:calc(4 * var(--ui));font-size:calc(12.5 * var(--ui));line-height:1.45;color:var(--text-dim)}.auth-or{text-align:center;font-size:calc(10 * var(--ui));color:var(--text-faint);letter-spacing:.2em}.auth-form{display:flex;flex-direction:column;gap:calc(8 * var(--ui))}.auth-err{font-size:calc(11.5 * var(--ui));color:var(--bad)}.auth-switch{border:none;background:none;color:var(--text-dim);font-size:calc(11.5 * var(--ui));font-family:inherit;cursor:pointer;padding:calc(4 * var(--ui))}.auth-switch b{color:var(--text)}.auth-legal{margin-top:calc(6 * var(--ui));font-size:calc(9.5 * var(--ui));color:var(--text-faint);text-align:center}.auth-legal a{color:var(--text-dim)}.acct-row{display:flex;gap:calc(8 * var(--ui));align-items:center}.acct-row.end{justify-content:center;margin-top:calc(4 * var(--ui))}.page-hero{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--ui));padding:calc(2 * var(--ui)) calc(2 * var(--ui)) calc(4 * var(--ui))}.page-eyebrow{display:block;color:var(--text-faint);font-size:calc(10 * var(--ui));font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-copy h2,.page-hero h2{margin-top:calc(3 * var(--ui));font-size:calc(24 * var(--ui));font-weight:700;letter-spacing:-.03em}.page-copy p,.page-hero p{margin-top:calc(4 * var(--ui));max-width:calc(440 * var(--ui));color:var(--text-dim);font-size:calc(12.5 * var(--ui));line-height:1.45}.hero-balance{flex:0 0 auto;padding:calc(10 * var(--ui)) calc(14 * var(--ui));border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft);text-align:right}.hero-balance span{display:block;color:var(--text-faint);font-size:calc(9 * var(--ui));text-transform:uppercase;letter-spacing:.14em}.hero-balance b{display:block;margin-top:calc(3 * var(--ui));color:var(--gold);font-size:calc(17 * var(--ui));font-variant-numeric:tabular-nums}.metric-strip,.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(10 * var(--ui))}.metric-card,.stat{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--surface);padding:calc(14 * var(--ui))}.metric-card span,.stat-k{display:block;color:var(--text-faint);font-size:calc(9.5 * var(--ui));font-weight:600;letter-spacing:.1em;text-transform:uppercase}.metric-card b,.stat-v{display:block;font-size:calc(18 * var(--ui));font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-card b{margin-top:calc(6 * var(--ui))}.stat-k{margin-top:calc(4 * var(--ui))}.glass-card,.collection-card{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--surface);padding:calc(16 * var(--ui))}.glass-card.full,.collection-card.full{width:100%}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(12 * var(--ui));margin-bottom:calc(12 * var(--ui))}.card-head span{display:block;color:var(--text-faint);font-size:calc(9.5 * var(--ui));font-weight:600;letter-spacing:.12em;text-transform:uppercase}.card-head b{display:block;margin-top:calc(2 * var(--ui));font-size:calc(15 * var(--ui));font-weight:650;letter-spacing:-.01em}.card-head small{color:var(--text-faint);font-size:calc(11 * var(--ui));white-space:nowrap}.pill-row,.flag-list,.friend-list{display:flex;flex-direction:column;gap:calc(7 * var(--ui))}.feed-ago{color:var(--text-dim);font-size:calc(11 * var(--ui));font-variant-numeric:tabular-nums;white-space:nowrap}.feed-item{font-weight:600}.feed-list .list-row-title{font-weight:400}.glass-pill{display:inline-flex;width:fit-content;padding:calc(6 * var(--ui)) calc(11 * var(--ui));border-radius:999px;background:var(--fill);border:1px solid var(--line-soft);font-size:calc(11 * var(--ui));font-weight:560}.glass-pill.good{color:#8af0a3}.collection-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(250 * var(--ui)),1fr));gap:calc(12 * var(--ui))}.log-desc{font-size:calc(11.5 * var(--ui));color:var(--text-faint);margin-bottom:calc(10 * var(--ui))}.log-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(150 * var(--ui)),1fr));gap:calc(5 * var(--ui))}.log-item{display:block;width:100%;border:0;font:inherit;text-align:left;font-size:calc(11 * var(--ui));padding:calc(8 * var(--ui)) calc(10 * var(--ui));border-radius:var(--r-sm);background:#ffffff09;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.log-item.got{cursor:pointer;transition:background .14s,transform .12s;display:flex;align-items:center;gap:calc(8 * var(--ui))}.log-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}button.log-item.got:hover{background:var(--surface-3, rgba(255, 255, 255, .1))}button.log-item.got:active{transform:scale(.97)}.log-item.got{background:var(--surface-2);color:var(--text)}.shop-grid{display:flex;flex-direction:column;gap:calc(18 * var(--ui))}.shop-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(212 * var(--ui)),1fr));gap:calc(10 * var(--ui))}.shop-section-title,.shop-subgroup-title,.shop-section .cap-line,.shop-section .sell-toolbar,.shop-section .empty,.shop-grid>.cap-line,.shop-grid>.sell-toolbar,.shop-grid>.empty{grid-column:1 / -1}.shop-subgroup-title{display:flex;align-items:baseline;gap:calc(6 * var(--ui));margin-top:calc(2 * var(--ui));padding-left:calc(2 * var(--ui))}.shop-subgroup-tag{font-size:calc(10.5 * var(--ui));font-weight:700;color:var(--text-dim);letter-spacing:-.01em}.shop-subgroup-hint{font-size:calc(10 * var(--ui));color:var(--text-faint);font-style:italic}.shop-section-title{font-size:calc(10 * var(--ui));font-weight:700;text-transform:uppercase;color:var(--text-faint);letter-spacing:.08em;padding-left:calc(2 * var(--ui))}.shop-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:calc(8 * var(--ui)) calc(11 * var(--ui));min-height:calc(118 * var(--ui));padding:calc(13 * var(--ui));border:1px solid var(--line-soft);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface));transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}.shop-card:hover{border-color:var(--line);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));transform:translateY(calc(-1 * var(--ui)));box-shadow:var(--shadow-sm)}.shop-card.dim{opacity:.6}.shop-card.title-card{display:flex;flex-direction:column;gap:calc(8 * var(--ui));padding:calc(13 * var(--ui)) calc(14 * var(--ui))}.shop-card.title-card .title-card-text{flex:1}.title-card-text{display:flex;flex-direction:column;gap:calc(2 * var(--ui));min-width:0}.title-card-name{font-size:calc(14 * var(--ui));font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-card-status{min-height:calc(11 * var(--ui));font-size:calc(9.5 * var(--ui));font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.shop-card.title-card .pb{width:100%}.shop-card.emblem-card{display:flex;flex-direction:column;align-items:center;gap:calc(9 * var(--ui));min-height:calc(152 * var(--ui));padding:calc(14 * var(--ui))}.shop-card.emblem-card .emblem-ic{display:grid;place-items:center;width:calc(48 * var(--ui));height:calc(48 * var(--ui));margin-top:calc(2 * var(--ui));flex:0 0 auto;color:var(--text)}.shop-card.emblem-card .emblem-ic svg{width:100%;height:100%}.shop-card.emblem-card .title-card-text{flex:1;align-items:center;text-align:center}.shop-card.emblem-card .pb{width:100%}.shop-card .pb{grid-column:1 / -1}.shop-card-icon .item-icon,.shop-card-icon .swatch{width:calc(38 * var(--ui));height:calc(38 * var(--ui))}.sell-card{min-height:calc(134 * var(--ui))}.item-main{min-width:0}.item-name{font-weight:600;font-size:calc(13 * var(--ui));display:flex;align-items:center;gap:calc(6 * var(--ui));flex-wrap:wrap}.item-desc{font-size:calc(11 * var(--ui));color:var(--text-dim);margin-top:calc(3 * var(--ui));line-height:1.4}.qty{font-size:calc(10.5 * var(--ui));color:var(--text-faint);font-weight:600;font-variant-numeric:tabular-nums}.swatch{width:calc(28 * var(--ui));height:calc(28 * var(--ui));border-radius:var(--r-sm);display:inline-block;flex-shrink:0;border:1px solid var(--line)}.swatch.sm{width:calc(18 * var(--ui));height:calc(18 * var(--ui));border-radius:calc(5 * var(--ui))}.item-icon{width:calc(28 * var(--ui));height:calc(28 * var(--ui));border-radius:var(--r-sm);display:inline-grid;place-items:center;flex-shrink:0;border:1px solid var(--line);background:#ffffff0d;color:#ffffffdb;font-size:calc(14 * var(--ui));line-height:1}.item-icon.mat-texture{border:none;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:linear-gradient(135deg,var(--mat),color-mix(in srgb,var(--mat),black 28%));box-shadow:inset 0 1px #ffffff24}.item-icon.ore,.item-icon.material{color:#d8d0bc}.item-icon.collectible,.item-icon.special,.item-icon.luck{color:var(--gold)}.item-icon.grenade,.item-icon.nuke{color:#ffb29d}.item-icon.flag,.item-icon.haste{color:#9bd7ff}.item-art{position:relative;width:calc(28 * var(--ui));height:calc(28 * var(--ui));border-radius:var(--r-sm);display:inline-grid;place-items:center;flex-shrink:0;border:1px solid var(--line);background-color:#ffffff0d;background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--gold);overflow:hidden}.item-art .icon{width:56%;height:56%}.item-art.set-art{color:#8fb6ff;border:none;background-color:transparent}.shop-card-icon .item-art{width:calc(38 * var(--ui));height:calc(38 * var(--ui))}.item-art.log-art{width:calc(22 * var(--ui));height:calc(22 * var(--ui));border-radius:calc(6 * var(--ui))}.item-art.name-art{width:calc(20 * var(--ui));height:calc(20 * var(--ui));border-radius:calc(6 * var(--ui))}.rar{font-size:calc(9 * var(--ui));font-weight:700;letter-spacing:.04em;padding:calc(2 * var(--ui)) calc(7 * var(--ui));border-radius:999px;background:var(--fill)}.rar.uncommon{color:#7ee787}.rar.scarce{color:#4fd0c0}.rar.rare{color:#6fc1ff}.rar.epic{color:#c77dff}.rar.legendary{color:#ffb84a}.rar.mythic{color:#ff6b9d}.cap-line{display:flex;align-items:center;gap:calc(10 * var(--ui));font-size:calc(10.5 * var(--ui));font-weight:600;letter-spacing:.04em;color:var(--text-dim);margin-bottom:calc(4 * var(--ui))}.cap-bar{flex:1;height:calc(5 * var(--ui));background:#ffffff14;border-radius:999px;overflow:hidden}.cap-bar>span{display:block;height:100%;background:var(--green);border-radius:999px}.sell-actions{display:flex;align-items:center;gap:calc(6 * var(--ui));grid-column:1 / -1}.sell-toolbar{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--ui));flex-wrap:wrap}.inv-sort{display:flex;align-items:center;gap:calc(7 * var(--ui));font-size:calc(11 * var(--ui));color:var(--text-faint)}.inv-sort span{font-weight:600;text-transform:uppercase;letter-spacing:.06em}.inv-sort select{appearance:auto;padding:calc(5 * var(--ui)) calc(8 * var(--ui));border-radius:calc(8 * var(--ui));border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:calc(12 * var(--ui));font-weight:600;cursor:pointer}.empty{text-align:center;font-size:calc(12 * var(--ui));color:var(--text-faint);padding:calc(18 * var(--ui)) 0}.empty.small{padding:calc(10 * var(--ui)) calc(16 * var(--ui));text-align:left}.shop-section.inv{grid-template-columns:repeat(auto-fill,minmax(calc(132 * var(--ui)),1fr));gap:calc(9 * var(--ui))}.inv-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--ui));padding:calc(11 * var(--ui)) calc(10 * var(--ui)) calc(10 * var(--ui));border:1px solid var(--line-soft);border-radius:var(--r-md);background:linear-gradient(180deg,var(--surface-2),var(--surface));transition:border-color .15s,background .15s,transform .12s}.inv-qty,.inv-val{position:absolute;top:calc(7 * var(--ui));z-index:2;font-size:calc(9.5 * var(--ui));font-weight:800;letter-spacing:.02em;line-height:1;padding:calc(3 * var(--ui)) calc(6 * var(--ui));border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}.inv-qty{left:calc(7 * var(--ui));color:var(--text-dim);background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--line-soft)}.inv-val{right:calc(7 * var(--ui));color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.inv-tile:hover{border-color:var(--line);background:linear-gradient(180deg,var(--surface-3),var(--surface-2))}.inv-art{position:relative;width:calc(74 * var(--ui));height:calc(74 * var(--ui));display:grid;place-items:center;padding:0;border:none;background:none;cursor:pointer;appearance:none;-webkit-appearance:none}.inv-art .item-art,.inv-art .item-icon{width:100%;height:100%}.inv-art .item-art{border:none;background-color:transparent;background-size:contain;border-radius:0}.inv-art .item-icon{border-radius:var(--r-md)}.inv-art:active{transform:scale(.95)}.inv-badge{position:absolute;top:calc(-5 * var(--ui));right:calc(-7 * var(--ui));font-size:calc(8.5 * var(--ui));font-weight:800;letter-spacing:.03em;padding:calc(1.5 * var(--ui)) calc(6 * var(--ui));border-radius:999px;background:var(--chrome-strong);border:1px solid var(--line-soft);white-space:nowrap;line-height:1.3}.inv-badge.tier-large{color:#7ee787}.inv-badge.tier-huge{color:#6fc1ff}.inv-badge.tier-legendary{color:#ffb84a}.inv-badge.tier-worldclass{color:#ff8a3d}.inv-badge.tier-mythic{color:#ff6b9d}.inv-rar{margin-top:calc(-1 * var(--ui));font-size:calc(9 * var(--ui));font-weight:800;letter-spacing:.04em;padding:calc(1.5 * var(--ui)) calc(7 * var(--ui));border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);white-space:nowrap;line-height:1.3}.inv-rar.tier-large{color:#7ee787}.inv-rar.tier-huge{color:#6fc1ff}.inv-rar.tier-legendary{color:#ffb84a}.inv-rar.tier-worldclass{color:#ff8a3d}.inv-rar.tier-mythic{color:#ff6b9d}.inv-tile.rar-uncommon{--rar: #7ee787}.inv-tile.rar-scarce{--rar: #4fd0c0}.inv-tile.rar-rare{--rar: #6fc1ff}.inv-tile.rar-epic{--rar: #c77dff}.inv-tile.rar-legendary{--rar: #ffb84a}.inv-tile.rar-mythic{--rar: #ff6b9d}.inv-tile[class*=rar-]{border-color:color-mix(in srgb,var(--rar) 45%,var(--line-soft));background:linear-gradient(180deg,color-mix(in srgb,var(--rar) 13%,var(--surface-2)),color-mix(in srgb,var(--rar) 5%,var(--surface)))}.inv-tile[class*=rar-]:hover{border-color:color-mix(in srgb,var(--rar) 68%,var(--line))}.inv-tile.rar-epic,.inv-tile.rar-legendary,.inv-tile.rar-mythic{border-color:color-mix(in srgb,var(--rar) 62%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--rar) 26%,var(--surface-2)),color-mix(in srgb,var(--rar) 7%,var(--surface)),color-mix(in srgb,var(--rar) 26%,var(--surface-2)));background-size:220% 220%;animation:invRarShimmer 6s ease-in-out infinite}.inv-tile.rar-legendary{animation-duration:5s}.inv-tile.rar-mythic{animation-duration:4s}@keyframes invRarShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(prefers-reduced-motion:reduce){.inv-tile.rar-epic,.inv-tile.rar-legendary,.inv-tile.rar-mythic{animation:none}}.inv-name{font-size:calc(11.5 * var(--ui));font-weight:600;text-align:center;line-height:1.2;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.inv-sub{font-size:calc(9.5 * var(--ui));font-weight:600;color:var(--text-faint);text-align:center;font-variant-numeric:tabular-nums;margin-top:calc(-2 * var(--ui))}.inv-sub.specimen-tier{color:var(--text-dim)}.inv-actions{display:flex;align-items:center;gap:calc(5 * var(--ui));width:100%;margin-top:auto}.pb.micro{flex:1;padding:calc(6 * var(--ui)) calc(8 * var(--ui));font-size:calc(10.5 * var(--ui));font-weight:700;border-radius:calc(9 * var(--ui));font-variant-numeric:tabular-nums}.pb.micro.ghost{flex:0 0 auto}.pb.micro.full{flex:1}.pb.micro.half{flex:1 1 0}.collog-spec-rarity{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--ui));width:min(100%,calc(240 * var(--ui)));margin-top:calc(2 * var(--ui));--tier: var(--gold)}.collog-spec-rarity.tier-normal{--tier: var(--text-dim)}.collog-spec-rarity.tier-large{--tier: #7ee787}.collog-spec-rarity.tier-huge{--tier: #6fc1ff}.collog-spec-rarity.tier-legendary{--tier: #ffb84a}.collog-spec-rarity.tier-worldclass{--tier: #ff8a3d}.collog-spec-rarity.tier-mythic{--tier: #ff6b9d}.collog-spec-bar{width:100%;height:calc(6 * var(--ui));border-radius:999px;background:#ffffff1a;overflow:hidden}.collog-spec-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--tier),transparent 45%),var(--tier))}.collog-spec-pct{font-size:calc(11 * var(--ui));font-weight:700;letter-spacing:.02em;text-align:center;color:var(--text-dim)}.collog-spec-pct.is-rank{font-size:calc(12.5 * var(--ui));font-weight:800;color:#ffd24a}.row{display:flex;align-items:center;gap:calc(10 * var(--ui));padding:calc(10 * var(--ui)) calc(12 * var(--ui));border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft);font-size:calc(12.5 * var(--ui))}.row .item-main{flex:1}.row.dim{opacity:.55}.ranks-page .rank-controls{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--ui));flex-wrap:wrap}.rank-card .shop-list{display:flex;flex-direction:column}.rank-card{padding:calc(6 * var(--ui))}.card-head.spec-head{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--ui))}.spec-select{flex:0 0 auto;max-width:55%;padding:calc(5 * var(--ui)) calc(9 * var(--ui));border-radius:calc(8 * var(--ui));border:1px solid var(--line);background:var(--fill);color:var(--text);font:inherit;font-size:calc(12 * var(--ui))}.rank-card .card-head{padding:calc(10 * var(--ui)) calc(12 * var(--ui)) 0;margin-bottom:calc(6 * var(--ui))}.row.lb{display:flex;align-items:center;gap:calc(12 * var(--ui));position:relative;border:none;border-radius:calc(10 * var(--ui));background:none;min-height:calc(46 * var(--ui));padding:calc(9 * var(--ui)) calc(12 * var(--ui));font-variant-numeric:tabular-nums}.rank-card .row.lb+.row.lb:before{content:"";position:absolute;top:0;left:calc(46 * var(--ui));right:calc(12 * var(--ui));height:1px;background:var(--line-soft)}.row.lb.self{background:#f3c9691f}.row.lb.head{min-height:0;padding:calc(4 * var(--ui)) calc(12 * var(--ui));color:var(--text-faint);font-size:calc(9.5 * var(--ui));font-weight:700;letter-spacing:.08em;text-transform:uppercase}.row.lb.head:before{display:none}.lb-rank{width:calc(24 * var(--ui));font-weight:700;color:var(--text-dim);text-align:center}.lb-name{flex:1;min-width:0;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-flag{margin-right:calc(5 * var(--ui));font-size:calc(13 * var(--ui));line-height:1}.lb-val{font-weight:600}.row.lb.sk{pointer-events:none}.sk-box,.sk-line{position:relative;overflow:hidden;border-radius:calc(6 * var(--ui));background:#ffffff0f}.sk-box:after,.sk-line:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.11) 50%,transparent);animation:sk-shimmer 1.25s ease-in-out infinite}.sk-rank{width:calc(18 * var(--ui));height:calc(14 * var(--ui))}.sk-av{width:calc(30 * var(--ui));height:calc(30 * var(--ui));border-radius:50%}.sk-name{flex:1;height:calc(13 * var(--ui));max-width:calc(150 * var(--ui))}.sk-val{margin-left:auto;width:calc(46 * var(--ui));height:calc(13 * var(--ui))}@keyframes sk-shimmer{to{transform:translate(100%)}}.lb-rank.rank-1{color:#f3c969}.lb-rank.rank-2{color:#cfd8e6}.lb-rank.rank-3{color:#e0975a}.lb-rank.rank-1,.lb-rank.rank-2,.lb-rank.rank-3{font-weight:800;font-size:calc(14 * var(--ui))}#panel[data-theme=light] .lb-rank.rank-2{color:#8c97a8}.admin{display:flex;flex-direction:column;gap:calc(16 * var(--ui))}.admin-note{display:flex;gap:calc(8 * var(--ui));padding:calc(10 * var(--ui)) calc(13 * var(--ui));border:1px solid rgba(243,201,105,.22);border-radius:var(--r-md);background:#f3c96912;color:#f3c969eb;font-size:calc(11.5 * var(--ui));line-height:1.4}.admin-toolbar{display:flex;align-items:center;gap:calc(10 * var(--ui))}.admin-save-state{color:var(--text-muted);font-size:calc(11.5 * var(--ui))}.admin-section{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.admin-section-head{display:flex;align-items:center;gap:calc(8 * var(--ui));padding:calc(11 * var(--ui)) calc(14 * var(--ui));border-bottom:1px solid var(--line-soft)}.admin-section-head h3{font-size:calc(13 * var(--ui));font-weight:650;letter-spacing:-.01em}.admin-count{font-size:calc(10.5 * var(--ui));font-weight:600;color:var(--text-faint);font-variant-numeric:tabular-nums;padding:calc(2 * var(--ui)) calc(8 * var(--ui));border-radius:999px;background:var(--fill)}.sheet{display:flex;flex-direction:column;max-height:calc(282 * var(--ui));overflow:auto;overscroll-behavior:contain}.sheet-row{display:grid;align-items:center;gap:calc(10 * var(--ui));padding:calc(7 * var(--ui)) calc(14 * var(--ui));border-bottom:1px solid var(--line-soft);font-size:calc(12 * var(--ui));min-width:0}.sheet-row:last-child{border-bottom:none}button.sheet-row{width:100%;border-left:none;border-right:none;border-top:none;background:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background .13s}button.sheet-row:hover{background:var(--fill)}.sheet-head{position:sticky;top:0;z-index:2;padding-top:calc(9 * var(--ui));padding-bottom:calc(9 * var(--ui));background:var(--chrome-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text-faint);font-size:calc(9 * var(--ui));font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sheet-cell{min-width:0;overflow:hidden}.sheet-sort{border:none;background:none;padding:0;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;white-space:nowrap}.sheet-sort.r{width:100%;text-align:right}.sheet-sort:hover{color:var(--text)}.sheet-sort.active{color:var(--accent, var(--text))}.sheet-cell.name{display:flex;align-items:center;gap:calc(7 * var(--ui));font-weight:550;min-width:0}.sheet-cell.name>span:not(.rar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sheet-cell.name>.item-icon,.sheet-cell.name>.rar{flex:0 0 auto}.sheet-cell.muted{color:var(--text-faint)}.sheet-cell.name.stacked{flex-direction:column;align-items:stretch;gap:calc(3 * var(--ui))}.sheet-cell.name.stacked .mono{font-size:calc(10.5 * var(--ui));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-faint)}.sheet-cell.num,.sheet-row>.r{text-align:right;font-variant-numeric:tabular-nums}.sheet-cell.action{display:flex;justify-content:flex-end}.sheet--set .sheet-row{grid-template-columns:minmax(calc(80 * var(--ui)),1fr) minmax(calc(110 * var(--ui)),1.2fr) minmax(calc(150 * var(--ui)),2fr) calc(48 * var(--ui)) calc(30 * var(--ui))}.sheet--loot .sheet-row{grid-template-columns:minmax(calc(168 * var(--ui)),1.8fr) minmax(calc(90 * var(--ui)),.9fr) minmax(calc(108 * var(--ui)),1fr) calc(70 * var(--ui)) calc(30 * var(--ui))}.sheet--layer .sheet-row{grid-template-columns:calc(34 * var(--ui)) minmax(calc(96 * var(--ui)),1.3fr) minmax(calc(92 * var(--ui)),1fr) calc(52 * var(--ui)) calc(58 * var(--ui)) calc(72 * var(--ui)) minmax(calc(86 * var(--ui)),1fr)}.sheet--user .sheet-row{grid-template-columns:minmax(calc(132 * var(--ui)),1.7fr) minmax(calc(60 * var(--ui)),.8fr) minmax(calc(80 * var(--ui)),1.05fr) minmax(calc(80 * var(--ui)),1.05fr) minmax(calc(56 * var(--ui)),.8fr) repeat(4,minmax(calc(52 * var(--ui)),.8fr));min-width:calc(688 * var(--ui))}.sheet--user .admin-country{white-space:nowrap}.sheet--user .sheet-cell:nth-child(n+2),.sheet--user .sheet-head>*:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.sheet--user .sheet-cell:first-child{display:flex;flex-direction:column;gap:calc(1 * var(--ui))}.sheet--user .sheet-cell:first-child b{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet--user .sheet-cell:first-child small{color:var(--text-faint);font-size:calc(9.5 * var(--ui));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell{width:100%;min-width:0;border:1px solid var(--line);background:var(--fill);color:var(--text);font-size:calc(11 * var(--ui));font-family:inherit;padding:calc(5 * var(--ui)) calc(8 * var(--ui));border-radius:var(--r-sm);outline:none;transition:background .13s,border-color .13s,box-shadow .13s}.cell::placeholder{color:var(--text-faint)}.cell:hover{background:var(--fill-hover);border-color:var(--line-strong)}.cell:focus{background:var(--surface-2);border-color:var(--blue);box-shadow:0 0 0 calc(2.5 * var(--ui)) #0a84ff40}select.cell{cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:calc(24 * var(--ui));background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="%238b9099" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6l4 4 4-4"/></svg>');background-repeat:no-repeat;background-position:right calc(7 * var(--ui)) center}select.cell option{background:#14181f;color:var(--text)}.icon-btn{display:grid;place-items:center;width:calc(24 * var(--ui));height:calc(24 * var(--ui));border:1px solid transparent;border-radius:var(--r-sm);background:none;color:var(--text-faint);font-size:calc(15 * var(--ui));font-family:inherit;line-height:1;cursor:pointer;transition:background .13s,color .13s,border-color .13s}.icon-btn:hover{background:var(--fill);color:var(--text)}.icon-btn.danger:hover{color:var(--bad);border-color:#ff8f8066;background:#ff8f801a}.check-menu{position:relative}.check-menu summary{display:flex;align-items:center;min-height:calc(26 * var(--ui));padding:calc(5 * var(--ui)) calc(7 * var(--ui));border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-dim);font-size:calc(11 * var(--ui));cursor:pointer;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .13s,border-color .13s}.check-menu summary:hover{background:var(--fill);color:var(--text)}.check-menu[open] summary{background:#ffffff12;border-color:var(--blue);color:var(--text)}.check-menu summary::-webkit-details-marker{display:none}.check-menu-list{position:absolute;z-index:6;top:calc(100% + 4px);left:0;width:min(calc(240 * var(--ui)),72vw);max-height:calc(220 * var(--ui));overflow:auto;padding:calc(6 * var(--ui));border:1px solid var(--line);border-radius:var(--r-md);background:var(--chrome-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.check-menu-list label{display:flex;flex-direction:row;align-items:center;gap:calc(7 * var(--ui));padding:calc(5 * var(--ui)) calc(6 * var(--ui));border-radius:var(--r-sm);font-size:calc(10.5 * var(--ui));cursor:pointer}.check-menu-list label:hover{background:var(--fill)}.admin-detail{margin-top:calc(2 * var(--ui));display:flex;flex-direction:column;gap:calc(12 * var(--ui))}.sect{font-size:calc(11 * var(--ui));font-weight:600;letter-spacing:.02em;color:var(--text-dim);margin:calc(8 * var(--ui)) 0 calc(6 * var(--ui))}#panel.signed-out .panel-box{grid-template-columns:minmax(0,1fr);width:min(calc(440 * var(--ui)),100%);height:auto;max-height:min(90vh,calc(620 * var(--ui)))}#panel.signed-out .panel-nav{display:none}#panel.signed-out .panel-main{background:none}#panel.signed-out .panel-head{display:none}#panel.signed-out .panel-body{padding:calc(26 * var(--ui)) calc(28 * var(--ui)) calc(28 * var(--ui))}@media(max-width:820px){.hud-top{gap:calc(8 * var(--ui))}.brand-name{letter-spacing:.01em}.menu.signed-in .menu-name,.shop-btn-label{display:none}.shop-btn{padding:calc(7 * var(--ui)) calc(9 * var(--ui))}#panel{align-items:stretch;justify-content:stretch;padding:0}.panel-box{width:100%;height:100%;max-height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:0;border:none}#panel.closing .panel-box{animation:panel-down .26s cubic-bezier(.4,0,.7,1) forwards}#panel.solo .panel-box{grid-template-rows:auto minmax(0,1fr) auto}.panel-main{display:contents}.panel-head{order:1;min-height:0;padding:calc(env(safe-area-inset-top,0px) + calc(16 * var(--ui))) calc(56 * var(--ui)) calc(12 * var(--ui)) calc(18 * var(--ui));border-bottom:none}.panel-close{top:calc(env(safe-area-inset-top,0px) + calc(14 * var(--ui)))}.panel-nav{order:2;flex-direction:column;gap:calc(10 * var(--ui));padding:0 calc(14 * var(--ui)) calc(12 * var(--ui));border-right:none;border-bottom:1px solid var(--line-soft);overflow:visible}.panel-body{order:3;padding:calc(18 * var(--ui)) calc(16 * var(--ui)) calc(28 * var(--ui))}.panel-mark,.panel-wallet{display:none}.panel-tabs{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:safe center;gap:calc(6 * var(--ui));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs>.panel-tab{flex:0 0 auto;min-width:0;width:auto;justify-content:center;gap:calc(7 * var(--ui));padding:calc(4 * var(--ui)) 0;background:none;border:none}.panel-tabs>.panel-tab .tile{width:calc(36 * var(--ui));height:calc(36 * var(--ui))}.panel-tabs>.panel-tab>span:not(.tile){display:none}.panel-tabs>.panel-tab.active{flex:0 1 auto;max-width:calc(220 * var(--ui));justify-content:flex-start;padding:calc(4 * var(--ui)) calc(14 * var(--ui)) calc(4 * var(--ui)) calc(6 * var(--ui));border-radius:calc(11 * var(--ui));color:#fff}.panel-tabs>.panel-tab.active .tile{background:none;box-shadow:none}.panel-tabs>.panel-tab.active>span:not(.tile){display:inline;color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-tabs>.panel-tab.active:has(.tile.blue){background:linear-gradient(180deg,#3aa0ff,var(--blue))}.panel-tabs>.panel-tab.active:has(.tile.green){background:linear-gradient(180deg,#4be072,var(--green))}.panel-tabs>.panel-tab.active:has(.tile.orange){background:linear-gradient(180deg,#ffb43a,var(--orange))}.panel-tabs>.panel-tab.active:has(.tile.indigo){background:linear-gradient(180deg,#7d7bf0,var(--indigo))}.panel-tabs>.panel-tab.active:has(.tile.gray){background:linear-gradient(180deg,#a0a0a6,var(--gray))}.page-hero{align-items:flex-start;flex-direction:column}.hero-balance{width:100%;display:flex;align-items:baseline;justify-content:space-between;text-align:left}.metric-strip{grid-template-columns:1fr 1fr}.stats-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden}.stats-page .stats-grid .stat{border:none;border-radius:0;background:none;padding:calc(12 * var(--ui)) calc(6 * var(--ui));text-align:center}.stats-page .stats-grid .stat+.stat{border-left:1px solid var(--line-soft)}.stats-page .stats-grid .stat-v{font-size:calc(15 * var(--ui))}.stats-page .stats-grid .stat-k{margin-top:calc(5 * var(--ui));font-size:calc(8 * var(--ui));letter-spacing:.06em}.shop-section,.shop-section.inv{grid-template-columns:1fr 1fr;gap:calc(8 * var(--ui))}.flag-card{width:100%}.sheet{max-height:none;overflow-x:auto}.sheet-row{min-width:calc(440 * var(--ui))}.ranks-page .rank-controls{flex-direction:column;align-items:stretch;gap:calc(8 * var(--ui))}.ranks-page .rank-controls .shop-subtabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ranks-page .rank-controls .shop-subtabs::-webkit-scrollbar{display:none}.ranks-page .rank-controls .shop-subtabs .panel-tab.sub{flex:1 1 0;white-space:nowrap}.row.lb{gap:calc(10 * var(--ui));min-height:calc(50 * var(--ui))}.row.lb .lb-val{margin-left:auto;font-size:calc(13.5 * var(--ui))}.spec-select{max-width:48%}.panel-resume{order:4;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--ui));margin:calc(10 * var(--ui)) calc(14 * var(--ui)) calc(env(safe-area-inset-bottom,0px) + calc(12 * var(--ui)));padding:calc(13 * var(--ui));border:none;border-radius:var(--r-md);background:var(--blue);color:#fff;font-family:inherit;font-size:calc(14 * var(--ui));font-weight:700;cursor:pointer;box-shadow:0 calc(6 * var(--ui)) calc(16 * var(--ui)) #0a84ff59}.panel-resume .icon{width:calc(16 * var(--ui));height:calc(16 * var(--ui))}.panel-resume:active{transform:scale(.98)}#panel.signed-out .panel-box{grid-template-rows:minmax(0,1fr)}#panel.signed-out .panel-resume{display:none}#panel.signed-out .panel-body{padding:calc(40 * var(--ui)) calc(22 * var(--ui)) calc(28 * var(--ui));display:flex;align-items:center}#panel.signed-out .auth{width:100%}}.flag-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:calc(18 * var(--ui));background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:label-in .16s ease}.flag-card{position:relative;width:min(92vw,calc(360 * var(--ui)));display:flex;flex-direction:column;gap:calc(16 * var(--ui));padding:calc(20 * var(--ui));border-radius:var(--r-lg);background:var(--sheet);border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);box-shadow:var(--shadow-lg);color:var(--text)}.flag-close{position:absolute;top:calc(12 * var(--ui));right:calc(12 * var(--ui));display:grid;place-items:center;width:calc(30 * var(--ui));height:calc(30 * var(--ui));border:none;border-radius:50%;background:var(--fill);color:var(--text-dim);cursor:pointer;transition:background .14s,color .14s,transform .12s}.flag-close:hover{background:var(--fill-hover);color:var(--text)}.flag-close:active{transform:scale(.92)}.flag-close .icon{width:calc(16 * var(--ui));height:calc(16 * var(--ui))}.flag-head{display:flex;align-items:center;gap:calc(10 * var(--ui))}.flag-head-icon{display:grid;place-items:center;width:calc(34 * var(--ui));height:calc(34 * var(--ui));border-radius:calc(9 * var(--ui));background:var(--surface-2)}.flag-head-icon .icon{width:62%;height:62%}.flag-head-title{font-size:calc(16 * var(--ui));font-weight:700}.flag-field{display:flex;flex-direction:column;gap:calc(8 * var(--ui))}.flag-field-label{font-size:calc(11 * var(--ui));font-weight:600;color:var(--text-dim)}.flag-input{width:100%;padding:calc(11 * var(--ui)) calc(13 * var(--ui));border-radius:var(--r-sm);border:1px solid var(--line);background:var(--fill);color:var(--text);font:inherit;font-size:calc(14 * var(--ui))}.flag-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 calc(3 * var(--ui)) #0a84ff40}.flag-swatches{display:flex;flex-wrap:wrap;gap:calc(10 * var(--ui))}.flag-swatch{width:calc(28 * var(--ui));height:calc(28 * var(--ui));border-radius:50%;background:var(--c);border:calc(2 * var(--ui)) solid transparent;box-shadow:0 1px 3px #0006;cursor:pointer;transition:transform .12s ease}.flag-swatch:hover{transform:scale(1.08)}.flag-swatch.sel{border-color:#fff;box-shadow:0 0 0 calc(2 * var(--ui)) #ffffff40}.flag-vis{align-self:flex-start}.flag-actions{display:flex;justify-content:flex-end;gap:calc(8 * var(--ui));margin-top:calc(2 * var(--ui))}.flag-actions .pb.danger{margin-right:auto}.confirm-card{gap:calc(14 * var(--ui))}.confirm-body{margin:0;font-size:calc(13.5 * var(--ui));line-height:1.5;color:var(--text-dim)}.tip-pop{position:fixed;z-index:200;transform:translate(-50%,calc(-100% - 8 * var(--ui)));width:max-content;max-width:min(calc(260 * var(--ui)),78vw);padding:calc(5 * var(--ui)) calc(9 * var(--ui));border-radius:calc(8 * var(--ui));border:1px solid rgba(255,255,255,.14);background:#1c2230;color:#f2f5fa;font-size:calc(11.5 * var(--ui));font-weight:600;line-height:1.35;text-align:center;white-space:normal;pointer-events:none;opacity:0;transition:opacity 90ms ease;box-shadow:0 8px 22px #00000080}.tip-pop.show{opacity:1}.transfig-card{gap:calc(14 * var(--ui))}.transfig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(86 * var(--ui)),1fr));gap:calc(10 * var(--ui))}.transfig-opt{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--ui));padding:calc(14 * var(--ui)) calc(8 * var(--ui));border:1px solid var(--line-soft);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.transfig-opt:hover{border-color:var(--line);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));transform:translateY(calc(-1 * var(--ui)))}.transfig-glyph{font-size:calc(28 * var(--ui));line-height:1}.transfig-label{font-size:calc(12 * var(--ui));font-weight:700;text-transform:uppercase;letter-spacing:.04em}.list-row-chev{margin-left:auto;display:grid;place-items:center;color:var(--text-faint)}.list-row-chev .icon{width:calc(16 * var(--ui));height:calc(16 * var(--ui))}.clickable{cursor:pointer}.shop-card-icon.clickable:hover,.item-main.clickable:hover{opacity:.82}.share-btn{flex:0 0 auto}.share-btn .icon{width:calc(16 * var(--ui));height:calc(16 * var(--ui))}.pb.block{width:100%;justify-content:center}.share-card{position:relative;width:min(94vw,calc(380 * var(--ui)));display:flex;flex-direction:column;gap:calc(18 * var(--ui));padding:calc(24 * var(--ui)) calc(22 * var(--ui)) calc(22 * var(--ui));border-radius:var(--r-lg);background:var(--sheet);border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);box-shadow:var(--shadow-lg);color:var(--text)}.share-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(4 * var(--ui))}.share-head-icon{display:grid;place-items:center;width:calc(52 * var(--ui));height:calc(52 * var(--ui));margin-bottom:calc(6 * var(--ui));border-radius:50%;background:linear-gradient(135deg,#6aa9ff,#8a6bff);color:#fff;box-shadow:0 calc(6 * var(--ui)) calc(18 * var(--ui)) #6a69ff66}.share-head-icon .icon{width:calc(26 * var(--ui));height:calc(26 * var(--ui))}.share-head b{font-size:calc(18 * var(--ui));font-weight:800}.share-head span{font-size:calc(12.5 * var(--ui));color:var(--text-dim);max-width:calc(280 * var(--ui))}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(10 * var(--ui))}.share-sheet .share-opt{display:flex;flex-direction:column;align-items:center;gap:calc(7 * var(--ui));padding:calc(8 * var(--ui)) 0;border:none;background:none;color:var(--text-dim);font-size:calc(11.5 * var(--ui));font-weight:600;cursor:pointer}.share-opt-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.share-badge{width:calc(52 * var(--ui));height:calc(52 * var(--ui));border-radius:50%;display:grid;place-items:center;color:#fff;transition:transform .12s ease,filter .14s ease}.share-opt:hover .share-badge{transform:translateY(calc(-2 * var(--ui)));filter:brightness(1.08)}.share-opt:active .share-badge{transform:scale(.92)}.share-badge .icon{width:calc(22 * var(--ui));height:calc(22 * var(--ui))}.share-badge.sms{background:linear-gradient(135deg,#34d35a,#1faa4a)}.share-badge.email{background:linear-gradient(135deg,#6a8bff,#4a63e6)}.share-badge.x{background:#000}.share-badge.whatsapp{background:linear-gradient(135deg,#36d860,#1faa54)}.share-badge.facebook{background:#1877f2}.share-badge.native{background:linear-gradient(135deg,#7a8290,#4a5260)}.share-link{display:flex;align-items:center;gap:calc(8 * var(--ui));padding:calc(6 * var(--ui)) calc(6 * var(--ui)) calc(6 * var(--ui)) calc(14 * var(--ui));border:1px solid var(--line);border-radius:999px;background:var(--fill)}.share-link-url{flex:1 1 auto;min-width:0;font-size:calc(12.5 * var(--ui));color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-copy{flex:0 0 auto}.share-copy .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}.collog-modal{position:fixed;inset:0;z-index:63;display:grid;place-items:center;padding:calc(18 * var(--ui));background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:label-in .18s ease}.collog-card{position:relative;width:min(92vw,calc(360 * var(--ui)));display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--ui));padding:calc(24 * var(--ui)) calc(20 * var(--ui)) calc(20 * var(--ui));border-radius:var(--r-lg);background:var(--sheet);border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);box-shadow:var(--shadow-lg);color:var(--text);text-align:center}.collog-close{position:absolute;top:calc(12 * var(--ui));right:calc(12 * var(--ui));display:grid;place-items:center;width:calc(30 * var(--ui));height:calc(30 * var(--ui));border:none;border-radius:50%;background:var(--fill);color:var(--text-dim);cursor:pointer;transition:background .14s,color .14s,transform .12s}.collog-close:hover{background:var(--fill-hover);color:var(--text)}.collog-close .icon{width:calc(16 * var(--ui));height:calc(16 * var(--ui))}.collog-new{display:inline-flex;align-items:center;gap:calc(6 * var(--ui));padding:calc(5 * var(--ui)) calc(12 * var(--ui));border-radius:999px;background:linear-gradient(120deg,#ffcf4d,#ff9e3d);color:#1a1205;font-size:calc(11 * var(--ui));font-weight:800;letter-spacing:.04em;text-transform:uppercase}.collog-new .icon{width:calc(14 * var(--ui));height:calc(14 * var(--ui))}.collog-art{display:grid;place-items:center;width:calc(96 * var(--ui));height:calc(96 * var(--ui));border-radius:calc(22 * var(--ui));background:var(--surface-2);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rar) 55%,transparent),color-mix(in srgb,var(--rar) 14%,transparent));border:1px solid color-mix(in srgb,var(--rar) 45%,transparent);box-shadow:0 8px 28px color-mix(in srgb,var(--rar) 30%,transparent)}.collog-art{position:relative}.collog-art .icon{width:52%;height:52%;color:var(--rar);stroke-width:1.6}.collog-art-img{position:absolute;inset:0;border-radius:inherit;background-size:cover;background-position:center;background-repeat:no-repeat}.collog-name{font-size:calc(18 * var(--ui));font-weight:800;line-height:1.2}.collog-rarity{margin-top:calc(-4 * var(--ui))}.collog-spec{display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--ui));margin-top:calc(-2 * var(--ui))}.collog-spec-size{font-size:calc(20 * var(--ui));font-weight:800;letter-spacing:.01em;color:var(--text)}.collog-spec-tier{font-size:calc(12 * var(--ui));font-weight:700;color:#ffce6a}.collog-spec-tier.tier-normal{color:var(--text-dim);font-weight:600}.collog-spec-tier.tier-large{color:#7ee787}.collog-spec-tier.tier-huge{color:#6fc1ff}.collog-spec-tier.tier-legendary{color:#ffb84a}.collog-spec-tier.tier-worldclass{color:#ff8a3d}.collog-spec-tier.tier-mythic{color:#ff6b9d}.collog-spec-elig{display:inline-flex;align-items:center;gap:calc(5 * var(--ui));font-size:calc(11 * var(--ui));color:var(--text-dim)}.collog-spec-elig svg{width:calc(13 * var(--ui));height:calc(13 * var(--ui))}.collog-spec-top{display:flex;align-items:baseline;justify-content:center;gap:calc(8 * var(--ui));flex-wrap:wrap}.collog-spec-curve{--tier: var(--text-dim);width:min(100%,calc(260 * var(--ui)));margin-top:calc(2 * var(--ui))}.collog-spec-curve.tier-normal{--tier: var(--text-dim)}.collog-spec-curve.tier-large{--tier: #7ee787}.collog-spec-curve.tier-huge{--tier: #6fc1ff}.collog-spec-curve.tier-legendary{--tier: #ffb84a}.collog-spec-curve.tier-worldclass{--tier: #ff8a3d}.collog-spec-curve.tier-mythic{--tier: #ff6b9d}.collog-curve{display:block;width:100%;height:calc(64 * var(--ui));overflow:visible}.collog-curve .cc-area{fill:color-mix(in srgb,var(--tier) 16%,transparent);stroke:none}.collog-curve .cc-line{fill:none;stroke:color-mix(in srgb,var(--tier) 65%,var(--text));stroke-width:1.4;vector-effect:non-scaling-stroke}.collog-curve .cc-mark{stroke:var(--tier);stroke-width:1.6;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.collog-curve .cc-dot{fill:var(--tier);stroke:var(--sheet, #0b0e13);stroke-width:1.4}.item-desc.specimen-tier{font-weight:700}.specimen-tier.tier-normal{color:var(--text-dim);font-weight:600}.specimen-tier.tier-large{color:#7ee787}.specimen-tier.tier-huge{color:#6fc1ff}.specimen-tier.tier-legendary{color:#ffb84a}.specimen-tier.tier-worldclass{color:#ff8a3d}.specimen-tier.tier-mythic{color:#ff6b9d}.collog-desc{margin:0;font-size:calc(13 * var(--ui));color:var(--text-dim);line-height:1.45}.collog-collected{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(6 * var(--ui))}.collog-collected span{font-size:calc(10.5 * var(--ui));font-weight:650;letter-spacing:.01em;color:var(--text-dim);padding:calc(3 * var(--ui)) calc(10 * var(--ui));border-radius:999px;background:var(--surface-2);border:1px solid var(--line-soft)}.collog-meta{display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--ui));width:100%;margin-top:calc(4 * var(--ui))}.collog-meta-cell{display:flex;flex-direction:column;gap:calc(4 * var(--ui));padding:calc(10 * var(--ui));border-radius:var(--r-sm);background:var(--surface-2)}.collog-meta-k{font-size:calc(10 * var(--ui));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.collog-meta-v{font-size:calc(13.5 * var(--ui));font-weight:700}.collog-set{display:inline-flex;align-items:center;gap:calc(2 * var(--ui));border:none;background:none;padding:0;font:inherit;font-size:calc(13.5 * var(--ui));font-weight:700;color:var(--blue);cursor:pointer;text-align:left}.collog-set .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}.collog-set:hover{text-decoration:underline}.collog-ok{width:100%;margin-top:calc(4 * var(--ui))}.collog-share{align-self:center;margin-top:calc(2 * var(--ui))}.collog-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--ui));width:100%;margin-top:calc(4 * var(--ui))}.collog-foot .collog-share{align-self:auto;margin-top:0}.collog-foot .collog-value{margin-left:auto}.collog-pills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(6 * var(--ui));margin-top:calc(-2 * var(--ui))}.collog-pills .rar{font-size:calc(10 * var(--ui));padding:calc(3 * var(--ui)) calc(9 * var(--ui))}.collog-set-pill{display:inline-flex;align-items:center;gap:calc(1 * var(--ui));border:none;border-radius:999px;padding:calc(3 * var(--ui)) calc(7 * var(--ui)) calc(3 * var(--ui)) calc(10 * var(--ui));background:color-mix(in srgb,var(--blue) 18%,transparent);color:var(--blue);font-size:calc(10 * var(--ui));font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .14s}.collog-set-pill.static{background:var(--fill);color:var(--text-dim);cursor:default;padding-right:calc(10 * var(--ui))}.collog-set-pill:hover:not(.static){background:color-mix(in srgb,var(--blue) 30%,transparent)}.collog-set-pill .icon{width:calc(13 * var(--ui));height:calc(13 * var(--ui))}.collog-value{display:inline-flex;align-items:center;gap:calc(8 * var(--ui));padding:calc(7 * var(--ui)) calc(14 * var(--ui));border-radius:999px;background:linear-gradient(180deg,#ffe9a8,#f1b53c);border:1px solid rgba(154,111,21,.55);box-shadow:inset 0 0 0 1px #ffffff73,0 1px 3px #00000059}.collog-value-k{font-size:calc(10 * var(--ui));font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4a330ac7}.collog-value-v{font-size:calc(14 * var(--ui));font-weight:800;color:#4a330a}.setgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(104 * var(--ui)),1fr));gap:calc(10 * var(--ui))}.setgrid-tile{display:flex;flex-direction:column;align-items:center;gap:calc(7 * var(--ui));padding:calc(12 * var(--ui)) calc(10 * var(--ui)) calc(11 * var(--ui));border:1px solid var(--line);border-radius:calc(14 * var(--ui));background:var(--surface-2);color:inherit;cursor:pointer;transition:transform .12s,border-color .14s,background .14s}.setgrid-tile:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--surface-3, var(--surface-2))}.setgrid-tile.done{border-color:color-mix(in srgb,#f3c33f 55%,transparent)}.setgrid-art{position:relative;width:calc(64 * var(--ui));height:calc(64 * var(--ui));display:grid;place-items:center}.setgrid-img{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.setgrid-tile.locked .setgrid-img{filter:grayscale(1) brightness(.26) contrast(1.05);opacity:.92}.setgrid-done{position:absolute;right:calc(-4 * var(--ui));top:calc(-4 * var(--ui));display:grid;place-items:center;color:#f3c33f}.setgrid-done .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}.setgrid-name{font-size:calc(12 * var(--ui));font-weight:650;text-align:center;line-height:1.2}.setgrid-prog{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--ui));width:100%}.setgrid-prog .set-bar{width:100%}.setgrid-prog b{font-size:calc(10.5 * var(--ui));font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.setlog-card{position:relative;width:min(94vw,calc(440 * var(--ui)));max-height:86vh;display:flex;flex-direction:column;gap:calc(14 * var(--ui));padding:calc(20 * var(--ui));border-radius:var(--r-lg);background:var(--sheet);border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);box-shadow:var(--shadow-lg);color:var(--text)}.setlog-head{display:flex;align-items:center;gap:calc(12 * var(--ui));padding-right:calc(34 * var(--ui))}.setlog-head-art{flex:0 0 auto;width:calc(76 * var(--ui));height:calc(76 * var(--ui));background-size:contain;background-position:center;background-repeat:no-repeat}.setlog-head-art.locked{filter:grayscale(1) brightness(.26) contrast(1.05);opacity:.92}.setlog-head-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(7 * var(--ui))}.setlog-head-name{font-size:calc(17 * var(--ui));font-weight:800;display:flex;align-items:center;gap:calc(6 * var(--ui))}.setlog-head-prog{display:flex;align-items:center;gap:calc(9 * var(--ui))}.setlog-head-prog .setlog-bar{flex:1}.setlog-head-prog b{font-size:calc(12 * var(--ui));font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.setlog-bar{height:calc(6 * var(--ui));border-radius:999px;background:#7f7f7f38;overflow:hidden}.setlog-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a90d9,#6ad1c0)}.setlog-card.done .setlog-bar>span{background:linear-gradient(90deg,#f3c33f,#f5d97a)}.setlog-desc{margin:calc(-2 * var(--ui)) 0 0;font-size:calc(12.5 * var(--ui));line-height:1.45;color:var(--text-dim)}.setlog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(84 * var(--ui)),1fr));gap:calc(10 * var(--ui));overflow-y:auto;padding:calc(2 * var(--ui)) calc(4 * var(--ui)) calc(2 * var(--ui)) calc(2 * var(--ui));margin-right:calc(-14 * var(--ui));padding-right:calc(8 * var(--ui));scrollbar-gutter:stable}.setlog-grid::-webkit-scrollbar{width:calc(7 * var(--ui))}.setlog-grid::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.setlog-grid::-webkit-scrollbar-track{background:transparent}.setlog-tile{display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--ui));padding:calc(8 * var(--ui)) calc(6 * var(--ui));border:1px solid var(--line);border-radius:calc(12 * var(--ui));background:var(--surface-2);color:inherit;text-align:center}button.setlog-tile{cursor:pointer;transition:transform .12s,border-color .14s}button.setlog-tile:hover{transform:translateY(-2px);border-color:var(--line-strong)}.setlog-tile-art{width:calc(56 * var(--ui));height:calc(56 * var(--ui));display:grid;place-items:center}.setlog-tile-img{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.setlog-tile.locked .setlog-tile-img{filter:brightness(0);opacity:.5}.setlog-tile-name{font-size:calc(11 * var(--ui));font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.setlog-tile.locked .setlog-tile-name{color:var(--text-faint);font-weight:800;letter-spacing:.1em}.setlog-card .collog-ok{margin-top:0}.account-name-line{display:flex;align-items:center;gap:calc(6 * var(--ui));min-width:0}.account-name-line .account-name{flex:0 1 auto}.since-line{margin-top:calc(3 * var(--ui));font-size:calc(11 * var(--ui));color:var(--text-faint);font-weight:500}.lb-avatar{width:calc(30 * var(--ui));height:calc(30 * var(--ui));font-size:calc(13 * var(--ui))}.lb-name-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:calc(6 * var(--ui));overflow:hidden}.lb-name-wrap .lb-name{flex:0 1 auto}.lb-name-wrap .title-tag{flex:0 0 auto}.fr-row{display:flex;align-items:center;gap:calc(10 * var(--ui));justify-content:space-between}.fr-id{display:flex;align-items:center;gap:calc(10 * var(--ui));flex:1;min-width:0;padding:calc(6 * var(--ui)) 0;background:none;border:none;color:inherit;text-align:left;cursor:pointer}.fr-avatar{width:calc(32 * var(--ui));height:calc(32 * var(--ui));font-size:calc(14 * var(--ui))}.set-accordion{display:flex;flex-direction:column;gap:calc(10 * var(--ui))}.set-tile{border:1px solid var(--line);border-radius:calc(14 * var(--ui));background:var(--surface-2);overflow:hidden}.set-tile.open{border-color:var(--line-strong);background:var(--surface-3, var(--surface-2))}.set-tile-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(6 * var(--ui)) calc(12 * var(--ui));width:100%;padding:calc(13 * var(--ui)) calc(15 * var(--ui));background:none;border:none;color:inherit;cursor:pointer;text-align:left}.set-tile-info{display:flex;align-items:baseline;justify-content:space-between;gap:calc(10 * var(--ui));min-width:0}.set-tile-name{font-size:calc(14 * var(--ui));font-weight:650;display:inline-flex;align-items:center;gap:calc(6 * var(--ui));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-done{display:inline-grid;place-items:center;color:#f3c33f}.set-done .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}.set-tile-prog{font-size:calc(12 * var(--ui));font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:0 0 auto}.set-bar{grid-column:1 / 2;height:calc(5 * var(--ui));border-radius:999px;background:#7f7f7f38;overflow:hidden}.set-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a90d9,#6ad1c0)}.set-tile.done .set-bar>span{background:linear-gradient(90deg,#f3c33f,#f5d97a)}.set-chevron{grid-row:1 / 3;grid-column:2;display:grid;place-items:center;color:var(--text-faint);transition:transform .18s ease}.set-chevron .icon{width:calc(16 * var(--ui));height:calc(16 * var(--ui));transform:rotate(90deg)}.set-tile.open .set-chevron{transform:rotate(180deg)}.set-body{padding:0 calc(15 * var(--ui)) calc(15 * var(--ui))}.set-body .log-desc{margin-bottom:calc(10 * var(--ui))}.profile-modal{position:fixed;inset:0;z-index:62;display:grid;place-items:center;padding:calc(18 * var(--ui));background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:label-in .16s ease}.profile-card{position:relative;width:min(92vw,calc(390 * var(--ui)));display:flex;flex-direction:column;gap:calc(16 * var(--ui));padding:calc(22 * var(--ui));border-radius:var(--r-lg);background:var(--sheet);border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);box-shadow:var(--shadow-lg);color:var(--text)}.profile-close{position:absolute;top:calc(12 * var(--ui));right:calc(12 * var(--ui));z-index:2;width:calc(30 * var(--ui));height:calc(30 * var(--ui));display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .14s,color .14s,transform .12s}.profile-close:hover{background:var(--fill-hover);color:var(--text)}.profile-close:active{transform:scale(.92)}.profile-close .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}.profile-head{display:flex;flex-direction:column;align-items:flex-start;gap:calc(8 * var(--ui));padding-top:calc(2 * var(--ui))}.profile-pill{position:static;left:auto;top:auto;max-width:calc(100% - calc(44 * var(--ui)));padding:calc(6 * var(--ui)) calc(16 * var(--ui)) calc(6 * var(--ui)) calc(6 * var(--ui));gap:calc(10 * var(--ui));border-radius:calc(34 * var(--ui));font-size:calc(13 * var(--ui));animation:none;cursor:default}.profile-pill:after{display:none}.profile-pill:hover{filter:none}.profile-pill .nc-avatar{width:calc(42 * var(--ui));height:calc(42 * var(--ui));font-size:calc(19 * var(--ui))}.profile-pill .nc-name{font-size:calc(19 * var(--ui))}.profile-pill .nc-title{font-size:calc(11 * var(--ui))}.profile-pill .nc-lvl{font-size:calc(12 * var(--ui))}.profile-since{font-size:calc(11.5 * var(--ui));color:var(--text-faint);padding-left:calc(4 * var(--ui))}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(10 * var(--ui))}.pstat{display:flex;flex-direction:column;gap:calc(2 * var(--ui));padding:calc(12 * var(--ui)) calc(8 * var(--ui));border-radius:calc(12 * var(--ui));background:var(--surface-2);border:1px solid var(--line);text-align:center}.pstat b{font-size:calc(16 * var(--ui));font-weight:700;font-variant-numeric:tabular-nums}.pstat span{font-size:calc(9.5 * var(--ui));font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.profile-showcase-head{font-size:calc(11 * var(--ui));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.profile-medals{padding:calc(6 * var(--ui)) 0 0;gap:calc(14 * var(--ui)) calc(8 * var(--ui))}.profile-empty{grid-column:1 / -1;padding:calc(10 * var(--ui));text-align:center;font-size:calc(12 * var(--ui));color:var(--text-faint)}.marker-actions{display:flex;align-items:center;gap:calc(4 * var(--ui));flex-wrap:wrap;justify-content:flex-end}.badge-levels-modal{position:fixed;inset:0;z-index:64;display:grid;place-items:center;padding:calc(18 * var(--ui));background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:label-in .16s ease}.badge-levels-card{position:relative;width:min(92vw,calc(400 * var(--ui)));max-height:86vh;display:flex;flex-direction:column;gap:calc(14 * var(--ui));padding:calc(22 * var(--ui));border-radius:var(--r-lg);background:var(--sheet);border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);box-shadow:var(--shadow-lg);color:var(--text)}.bl-hero{display:flex;align-items:center;gap:calc(16 * var(--ui));padding:calc(12 * var(--ui));border-radius:calc(14 * var(--ui));background:color-mix(in srgb,var(--accent, transparent) 22%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent, transparent) 36%,var(--line))}.bl-medal{display:flex;justify-content:center;flex:0 0 auto;padding:0}.bl-medal .medal-flat{width:calc(108 * var(--ui));height:calc(108 * var(--ui))}.bl-medal .badge-name,.bl-medal .badge-sub{display:none}.bl-id{min-width:0}.bl-name{font-size:calc(20 * var(--ui));font-weight:700;letter-spacing:-.01em}.bl-standing{margin-top:calc(3 * var(--ui));font-size:calc(12 * var(--ui));font-weight:600;color:var(--text-dim)}.bl-pin{margin-top:calc(10 * var(--ui));display:inline-flex;align-items:center;gap:calc(6 * var(--ui));padding:calc(6 * var(--ui)) calc(11 * var(--ui));border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim);font-size:calc(12 * var(--ui));font-weight:700;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.bl-pin .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}.bl-pin:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent, #ffce4a) 50%,var(--line))}.bl-pin.on{color:#ffce4a;background:#2e24088c;border-color:#ffce4a8c}.bl-pin:disabled{opacity:.55;cursor:default}.bl-pin.full{color:var(--text-dim);background:var(--surface-2);border-color:var(--line)}.bl-pin.full .icon{opacity:.5}.bl-levels-head{font-size:calc(11 * var(--ui));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.bl-levels{display:flex;flex-direction:column;gap:calc(6 * var(--ui));overflow-y:auto;-webkit-overflow-scrolling:touch}.bl-row{display:flex;align-items:center;gap:calc(11 * var(--ui));padding:calc(9 * var(--ui)) calc(11 * var(--ui));border-radius:calc(12 * var(--ui));background:var(--surface-2);border:1px solid var(--line)}.bl-row.earned{background:color-mix(in srgb,var(--accent, transparent) 12%,var(--surface-2));border-color:color-mix(in srgb,var(--accent, transparent) 26%,var(--line))}.bl-row.current{border-color:color-mix(in srgb,var(--accent, transparent) 60%,var(--line-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, transparent) 40%,transparent)}.bl-row.locked{opacity:.62}.bl-rank{flex:0 0 auto;display:grid;place-items:center;min-width:calc(34 * var(--ui));height:calc(28 * var(--ui));padding:0 calc(6 * var(--ui));border-radius:calc(8 * var(--ui));font-size:calc(12.5 * var(--ui));font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:var(--surface-3, rgba(255, 255, 255, .06));color:var(--text-dim)}.bl-row.earned .bl-rank{background:color-mix(in srgb,var(--accent, transparent) 70%,#0c0e12);color:#fff}.bl-rank .icon{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}.bl-row-body{flex:1 1 auto;min-width:0}.bl-row-main{font-size:calc(13.5 * var(--ui));font-weight:700}.bl-row-sub{margin-top:calc(1 * var(--ui));font-size:calc(11 * var(--ui));color:var(--text-faint)}.bl-state{flex:0 0 auto;display:grid;place-items:center;color:var(--text-faint)}.bl-row.earned .bl-state{color:color-mix(in srgb,var(--accent, #4caf6e) 70%,#2fae68)}.bl-state .icon{width:calc(16 * var(--ui));height:calc(16 * var(--ui))}