.pass-tier-common{--tier-color: var(--primary)}.pass-tier-rare{--tier-color: var(--tier-epic)}.pass-tier-legendary{--tier-color: var(--tier-legendary)}.pass-tier-mythic{--tier-color: var(--tier-mythic)}.pass-tier-prize{--tier-color: var(--tertiary)}.pass-art{display:flex}.pass-wait{height:180px;margin:12px 12px 0;border-radius:var(--r-l)}.pass-tl{margin:18px 12px 8px 4px;padding:0;list-style:none}.pass-tl-wait{display:flex;flex-direction:column;gap:12px;margin-left:64px}.pass-tl-ghost{display:block;height:88px;border-radius:var(--r-l)}.pass-tl-row{position:relative;display:flex;gap:8px;padding-bottom:12px}.pass-tl-rail{position:relative;flex:0 0 56px;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:20px}.pass-tl-rail:before{content:"";position:absolute;top:0;bottom:-12px;left:50%;width:4px;margin-left:-2px;border-radius:2px;background:var(--surface-3)}.pass-tl-reached .pass-tl-rail:before,.pass-tl-now .pass-tl-rail:before{background:linear-gradient(var(--primary),var(--tertiary))}.pass-tl-now .pass-tl-rail:before{bottom:50%}.pass-tl>:first-child .pass-tl-rail:before{top:36px}.pass-tl>:last-child .pass-tl-rail:before{bottom:calc(100% - 36px)}.pass-tl-node{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--on-surface-3)}.pass-tl-reached .pass-tl-node{background:var(--tier-color);color:#111}.pass-tl-due .pass-tl-node{animation:pass-node 1.8s ease-in-out infinite}@keyframes pass-node{50%{transform:scale(1.14) rotate(12deg)}}.pass-tl-pts{position:relative;padding:1px 6px;border-radius:var(--r-full);background:var(--surface);font-size:11.5px;font-weight:850;color:var(--on-surface-3)}.pass-tl-reached .pass-tl-pts{color:var(--tier-color)}.pass-tl-now{align-items:center;padding:2px 0 14px}.pass-tl-now .pass-tl-rail{padding-top:0;align-self:stretch;justify-content:center}.pass-tl-me{position:relative;width:26px;height:26px;background:var(--tertiary);animation:pass-me 6s linear infinite}@keyframes pass-me{to{transform:rotate(360deg)}}.pass-tl-here{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--r-l);background:color-mix(in srgb,var(--tertiary) 14%,var(--surface-1));font-size:13px;color:var(--on-surface-2)}.pass-tl-here>b{font-size:14.5px;color:var(--on-surface)}.pass-tl-card{position:relative;flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--r-l);background:var(--surface-1)}.pass-tl-due .pass-tl-card{background:color-mix(in srgb,var(--tier-color) 9%,var(--surface-1));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tier-color) 55%,transparent)}.pass-tl-thumb{position:relative;flex:0 0 auto;width:68px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-m);overflow:hidden;background:color-mix(in srgb,var(--tier-color) 18%,var(--surface-2))}.pass-tl-thumb img,.pass-tl-gift{border-radius:inherit}.pass-tl-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pass-tl-burst .pass-tl-wash{clip-path:inset(22.2% round var(--r-m))}.pass-tl-wash{position:absolute;inset:-40%;filter:blur(14px) saturate(1.2);opacity:.7}.pass-tl-wash .swatch-dot{width:100%;height:100%}.pass-tl-thumb .pass-art{position:relative;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.pass-tl-gift{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tertiary),color-mix(in srgb,var(--tertiary) 50%,var(--primary)));color:var(--on-tertiary)}.pass-page:not(.pass-editing) .pass-tl-row:not(.pass-tl-reached):not(.pass-tl-have) .pass-tl-thumb>*{filter:grayscale(.6) brightness(.65)}.pass-tl-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pass-tl-kind{font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--tier-color)}.pass-tl-name{font-size:16px;font-weight:850;line-height:1.2}.pass-tl-desc{font-size:12.5px;line-height:1.35;color:var(--on-surface-2)}.pass-tl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:2px;font-size:12px;color:var(--on-surface-3)}.pass-tl-meta:empty{display:none}.pass-tl-link{font-size:12px;font-weight:750;color:var(--primary)}.btn.pass-tl-btn{align-self:flex-start;gap:6px;min-height:36px;margin-top:10px;padding:0 16px 0 12px;font-size:14px}.pass-tl-done{flex:0 0 auto;align-self:center;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--tier-color) 20%,transparent);color:var(--tier-color)}.pass-stock{--stock: var(--tier-color);flex:0 0 auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;width:60px}.pass-stock-hurry{--stock: var(--error)}.pass-stock-gone{--stock: var(--on-surface-3)}.pass-stock-badge{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:color-mix(in srgb,var(--stock) 22%,var(--surface-2));color:var(--stock)}.pass-stock-badge b{font-size:24px;font-weight:850;font-stretch:75%}.pass-stock-hurry .pass-stock-badge{background:var(--stock);color:var(--surface);animation:stock-pulse 1.3s ease-in-out infinite}.pass-stock-gone .pass-stock-badge{border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.5px var(--outline)}.pass-stock-label{font-size:10.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--stock);white-space:nowrap}@keyframes stock-pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--stock) 60%,transparent))}}@media(prefers-reduced-motion:reduce){.pass-stock-hurry .pass-stock-badge{animation:none}}.pass-tl-trash{position:absolute;top:4px;right:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--on-surface-3)}.pass-tl-burst .pass-tl-card{animation:pass-flash .9s var(--delay, 0ms) ease-out backwards}@keyframes pass-flash{0%{background:color-mix(in srgb,var(--tier-color) 40%,var(--surface-1))}}.pass-tl-burst .pass-tl-thumb{overflow:visible;animation:pass-pop .8s var(--delay, 0ms) cubic-bezier(.2,1.6,.4,1) backwards}.pass-tl-burst .pass-tl-node{animation:pass-pop .8s var(--delay, 0ms) cubic-bezier(.2,1.6,.4,1) backwards}@keyframes pass-pop{0%{transform:scale(.6) rotate(-30deg)}60%{transform:scale(1.18) rotate(8deg)}to{transform:scale(1) rotate(0)}}.btn.pass-claim{position:relative;overflow:hidden;background:var(--tier-color);color:var(--surface);box-shadow:0 4px 14px color-mix(in srgb,var(--tier-color) 35%,transparent)}.btn.pass-claim:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translate(-100%);animation:pass-sheen 2.8s ease-in-out infinite}@keyframes pass-sheen{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}.pass-sparks{position:absolute;left:50%;top:50%;pointer-events:none}.pass-sparks i{position:absolute;width:10px;height:10px;margin:-5px;border-radius:3px;background:var(--tier-color);opacity:0;animation:pass-spark .9s var(--delay, 0ms) cubic-bezier(.1,.8,.3,1) forwards}.pass-sparks i:nth-child(3n){background:var(--tertiary);border-radius:50%}.pass-sparks i:nth-child(3n+1){background:var(--primary);width:6px;height:14px}@keyframes pass-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.4)}}.pass-how{margin:8px var(--gutter) 32px;font-size:13px;line-height:1.45;color:var(--on-surface-3);text-align:center}.pass-code{display:flex;flex-direction:column;align-items:center;gap:14px;padding:4px var(--gutter) 16px}.pass-code-desc{font-size:13.5px;color:var(--on-surface-2);text-align:center}.pass-code-text{max-width:100%;padding:14px 18px;border-radius:var(--r-m);background:var(--surface-3);font-family:ui-monospace,Roboto Mono,monospace;font-size:18px;font-weight:700;letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all}.pass-code-note{font-size:12.5px;color:var(--on-surface-3);text-align:center}.pass-add{display:flex;flex-direction:column;gap:12px;padding:0 var(--gutter) 16px}.field-box.pass-add-codes{height:auto;align-items:stretch;padding:12px 16px;border-radius:var(--r-m)}.field-box.pass-add-codes textarea{display:block;width:100%;min-height:120px;padding:0;border:0;outline:0;background:none;color:var(--on-surface);line-height:1.5;font:inherit;font-family:ui-monospace,Roboto Mono,monospace;font-size:13.5px;resize:vertical;outline:none}.pass-add-pic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;align-self:center;width:160px;height:160px;border-radius:var(--r-l);background:var(--surface-2);color:var(--on-surface-3);font-size:13px;font-weight:700;overflow:hidden;cursor:pointer}.pass-add-pic input{position:absolute;inset:0;opacity:0;cursor:pointer}.pass-add-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pass-add-pic-on span{position:relative;padding:5px 12px;border-radius:var(--r-full);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--on-surface)}.hero-pass{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:16px;border-radius:var(--r-full);background:color-mix(in srgb,var(--on-primary-container) 12%,transparent);color:var(--on-primary-container);font-size:14.5px;font-weight:800;transition:transform var(--t-fast, .15s)}.hero-pass:active{transform:scale(.97)}.hero-pass-count{min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);background:var(--on-primary-container);color:var(--primary-container);font-size:12px}.pass-add-search{display:flex;flex-direction:column;gap:8px}.pass-add-game{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:var(--r-l);background:var(--surface-2);text-align:left}.pass-add-game-name{flex:1;min-width:0;font-size:15px;font-weight:800}.field-box.pass-add-codes textarea::placeholder{color:var(--on-surface-3)}.pass-add-toggle{display:flex;align-items:center;gap:12px;padding:12px 4px}.pass-add-toggle>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pass-add-toggle b{font-size:13px;font-weight:650;color:var(--on-surface-2)}.pass-add-toggle small{font-size:12.5px;color:var(--on-surface-3)}.pass-edit-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:16px 16px 0}.pass-edit-head p{margin:0;font-size:13px;line-height:1.4;color:var(--on-surface-2)}.pass-tl-editable{cursor:pointer;transition:transform var(--t-fast) var(--spring)}.pass-tl-editable:active{transform:scale(.98)}.pass-tl-draft .pass-tl-card,.pass-tl-changed .pass-tl-card{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary) 60%,transparent)}.pass-tl-draft .pass-tl-card{background:color-mix(in srgb,var(--primary) 7%,var(--surface-1))}.pass-tl-remove .pass-tl-card{opacity:.55}.pass-tl-remove .pass-tl-name{text-decoration:line-through}.pass-tl-lock .pass-tl-card{cursor:default}.pass-tl-mark{align-self:flex-start;margin-top:6px;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:750;background:var(--secondary-container);color:var(--on-secondary-container)}.pass-tl-mark-draft,.pass-tl-mark-changed{background:var(--primary-container);color:var(--on-primary-container)}.pass-tl-mark-remove{background:color-mix(in srgb,var(--error) 22%,var(--surface-1));color:var(--error)}.pass-tl-pencil{flex:0 0 auto;align-self:center;color:var(--on-surface-3)}.pass-publish{width:min(100%,480px);gap:8px;padding:0 8px 0 4px}.pass-editing .page-scroll{padding-bottom:var(--bar-room)}.pass-publish .btn-filled{flex:1}.pass-publish-text{margin:0;font-size:14px;line-height:1.45;color:var(--on-surface-2)}.pass-edit-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pass-edit-palette{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:var(--r-m);background:var(--surface-2);font-size:13px;font-weight:650;color:var(--on-surface-2);transition:background var(--t-fast)}.pass-edit-palette.is-on{background:var(--secondary-container);color:var(--on-secondary-container)}.pass-edit-palette:disabled{opacity:.35}.pass-edit-note{margin:0;font-size:13px;color:var(--on-surface-3)}.pass-edit-delete{color:var(--error)}.pass-edit-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pass-edit-look{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:var(--r-m);background:var(--surface-2);font-size:14px;font-weight:650;color:var(--on-surface-2);transition:background var(--t-fast)}.pass-edit-look.is-on{background:color-mix(in srgb,var(--tier-color) 18%,var(--surface-2));box-shadow:inset 0 0 0 1.5px var(--tier-color);color:var(--on-surface)}.pass-edit-look-dot{flex:0 0 auto;width:18px;height:18px;background:var(--tier-color)}.pass-edit-scores{margin:-4px 0 0;padding:12px 16px;border-radius:var(--r-m);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:13px;line-height:1.45;color:var(--on-surface-2)}.pass-kind-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-s);background:var(--secondary-container);color:var(--on-secondary-container)}.pass-add>.group{margin-inline:0}.pass-tl-platform,.pass-code-platform{display:inline-flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0;color:var(--on-surface-2)}.pass-tl-platform{margin-left:8px;vertical-align:middle}.pass-tl-platform .acc-mark{font-size:7px}.pass-code-platform{align-self:center;font-size:14px;font-weight:700}.pass-platform-own{display:flex;flex-direction:column;gap:10px;margin:20px 12px 0}.pass-takers-sum{padding:2px 24px 14px;font-size:14px;font-weight:700;color:var(--on-surface-2)}.pass-takers-none{padding:16px 24px;text-align:center;color:var(--on-surface-3)}.pass-takers .spinner{display:block;margin:16px auto}.group.pass-edit-months{margin-top:8px}.pass-season{position:relative;isolation:isolate;margin:4px 0 0;padding:8px 12px 0}.pass-season-deco{position:absolute;z-index:-1;right:-70px;top:-40px;width:240px;height:240px;background:radial-gradient(circle at 40% 40%,var(--primary-container-2),transparent 70%);opacity:.55;transform:rotate(18deg);pointer-events:none}.pass-season-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 4px}.pass-season-kind{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--tertiary)}.pass-season-nav{display:flex;gap:4px}.pass-season-nav .ibtn:disabled{opacity:.35}.pass-season-name{margin:2px 4px 0;font-size:34px;font-weight:850;font-stretch:120%;line-height:1.05;overflow-wrap:anywhere}.pass-season-counts{display:flex;gap:3px;margin-top:16px}.pass-season-counts>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:8px;border-radius:8px;background:var(--surface-1);font-size:12px;color:var(--on-surface-2);text-align:center}.pass-season-counts>:first-child{border-radius:var(--r-l) 8px 8px var(--r-l)}.pass-season-counts>:last-child{border-radius:8px var(--r-l) var(--r-l) 8px}.pass-season-counts b{font-size:26px;color:var(--on-surface)}.pass-season-counts b small{font-size:15px;color:var(--on-surface-3)}.pass-season-counts .pass-season-main{flex:1.3;background:var(--primary-container);color:var(--on-primary-container-2)}.pass-season-counts .pass-season-main b{font-size:30px;color:var(--on-primary-container)}.pass-season-counts svg{color:var(--on-surface)}.pass-season-wave{margin-top:16px;padding:0 4px}.pass-name-form{display:flex;flex-direction:column;gap:10px;padding:0 12px}.home{padding-top:calc(var(--safe-top) + 12px)}.home-top{display:flex;align-items:center;gap:8px;padding:0 12px 0 16px}.home-me{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;padding:4px 0}.home-me-face{display:block;width:52px;height:52px;flex:0 0 auto}.home-me-face .face{margin:2px}.home-me-text{min-width:0;display:flex;flex-direction:column}.home-me-name{font-size:20px;font-weight:700;font-stretch:110%}.home-me-status{min-width:0;display:flex;align-items:center;gap:6px;margin-top:2px;font-size:13px;color:var(--on-surface-2)}.home-me-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.home-welcome{margin:16px 12px 0;padding:22px 20px;border-radius:var(--r-xl) var(--r-xl) var(--r-xl) var(--r-s);background:var(--primary-container);color:var(--on-primary-container)}.home-welcome .t-body{color:var(--on-primary-container-2);margin-top:6px}.home-welcome-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.now-rail{gap:8px}.now-person{width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.now-name{max-width:76px;font-size:12px;font-weight:650}.now-status{max-width:76px;margin-top:-4px;font-size:11px;color:var(--on-surface-3)}.now-skel{width:68px;height:68px}.home-months{padding:0 var(--gutter) 12px}.now-person:not(.now-off) .now-status{color:var(--primary);font-weight:700}.signin{position:fixed;inset:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 48px) 20px calc(var(--safe-bottom) + 32px)}.signin>:first-child{margin-top:auto}.signin>:last-child{margin-bottom:auto}.signin-center{justify-content:center}.wordmark{display:inline-flex;align-items:baseline;gap:0;color:var(--on-surface)}.wordmark-u{width:.83em;height:.85em;margin-right:-.16em;color:var(--primary);overflow:visible}.wordmark-spark{fill:var(--tertiary)}.wordmark-rest{font-family:"Unlocked Wordmark",var(--font);font-weight:800;line-height:1;letter-spacing:-.01em}.signin-word{margin-top:22px;font-size:44px}.signin-tag{margin-top:10px;max-width:300px;text-align:center;font-size:15px;color:var(--on-surface-2)}.signin-card{width:100%;max-width:400px;margin-top:32px;padding:20px;border-radius:var(--r-xl);background:var(--surface-1);display:flex;flex-direction:column;gap:12px}.signin-card .t-body{margin-top:-4px}.signin-or{text-align:center;font-size:13px;color:var(--on-surface-3)}.signin-form{display:flex;flex-direction:column;gap:10px}.signin-error{max-width:400px;margin-top:14px;text-align:center}.telegram-login{display:flex;justify-content:center;min-height:48px}.firstrun{position:fixed;inset:0;overflow-y:auto;padding:calc(var(--safe-top) + 40px) 20px calc(var(--safe-bottom) + 32px);display:flex;flex-direction:column;gap:16px;max-width:480px;margin:0 auto}.firstrun-face{align-self:center;margin-bottom:8px}.firstrun h1{text-align:center}.firstrun>.t-body{text-align:center}.firstrun-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/app/assets/roboto-flex-cyrillic-ext-standard-normal-B3qYX64q.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/app/assets/roboto-flex-cyrillic-standard-normal-BL8ZtmVe.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/app/assets/roboto-flex-greek-standard-normal-IEWWrrDA.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/app/assets/roboto-flex-vietnamese-standard-normal-IAAQxRhd.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/app/assets/roboto-flex-latin-ext-standard-normal-CKp_IXiX.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/app/assets/roboto-flex-latin-standard-normal-DjIUbrK2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unlocked Wordmark;src:url(/app/fonts/nunito-800-wordmark.woff2) format("woff2");font-weight:800;font-display:block}:root{color-scheme:dark;--font: "Roboto Flex Variable", "Roboto Flex", system-ui, -apple-system, sans-serif;--surface: #141218;--surface-1: #1d1b20;--surface-2: #211f26;--surface-3: #2b2930;--surface-4: #36343b;--on-surface: #e6e0e9;--on-surface-2: #cac4d0;--on-surface-3: #948f99;--outline: #49454f;--outline-soft: #2f2d35;--primary: #d0bcff;--on-primary: #381e72;--primary-container: #4f378b;--primary-container-2: #5d4599;--on-primary-container: #eaddff;--on-primary-container-2: #d6c7f7;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8dc;--on-tertiary: #4a1d3f;--tertiary-container: #633b56;--on-tertiary-container: #ffd8ee;--error: #ffb4ab;--on-error: #690005;--online: #7a67a8;--bronze: #d9a27c;--silver: #c9ccd6;--gold: #f0c46a;--platinum: #c7d7ff;--tier-epic: #b65cff;--on-tier-epic: #ffffff;--tier-legendary: #ffa53a;--on-tier-legendary: #2b1600;--tier-mythic: #3ddc84;--on-tier-mythic: #00210e;--xbox: #2e5e2e;--on-xbox: #c6f5c6;--psn: #24396e;--on-psn: #cddcff;--steam: #2b3542;--on-steam: #d4e2f2;--shadow-1: 0 6px 16px rgba(0, 0, 0, .3);--shadow-2: 0 12px 32px rgba(0, 0, 0, .42);--img-scrim: linear-gradient(transparent, rgba(0, 0, 0, .75));--glass: rgba(43, 41, 48, .62);--glass-line: rgba(255, 255, 255, .08);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .45);--scrim: rgba(10, 8, 14, .6);--r-xs: 6px;--r-s: 12px;--r-m: 18px;--r-l: 28px;--r-xl: 36px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--gutter: 16px;--safe-top: max( env(safe-area-inset-top, 0px), calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)) );--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px));--appbar-h: calc(64px + var(--safe-top));--bar-h: 64px;--bar-gap: 18px;--bar-room: calc(var(--bar-h) + var(--bar-gap) + var(--safe-bottom) + 24px);--spring: cubic-bezier(.32, 1.28, .5, 1);--spring-soft: cubic-bezier(.2, .9, .25, 1);--t-fast: .16s;--t-mid: .28s;--t-slow: .42s}:root[data-theme=light]{color-scheme:light;--surface: #fdf7ff;--surface-1: #f7f2fa;--surface-2: #f3edf7;--surface-3: #ece6f0;--surface-4: #e6e0e9;--on-surface: #1d1b20;--on-surface-2: #49454f;--on-surface-3: #6e6974;--outline: #cac4d0;--outline-soft: #e7e0ec;--primary: #65558f;--on-primary: #ffffff;--primary-container: #e9ddff;--primary-container-2: #dccbfb;--on-primary-container: #21005d;--on-primary-container-2: #4a4458;--secondary-container: #e8def8;--on-secondary-container: #4a4458;--tertiary: #f7b4e8;--on-tertiary: #4a1d3f;--tertiary-container: #ffd8ee;--on-tertiary-container: #633b56;--error: #b3261e;--on-error: #ffffff;--online: #cbbcf0;--bronze: #a8643a;--silver: #7c818f;--gold: #b88617;--platinum: #5b6fa8;--glass: rgba(255, 255, 255, .72);--glass-line: rgba(101, 85, 143, .12);--glass-shadow: 0 10px 30px rgba(79, 55, 139, .18);--scrim: rgba(29, 27, 32, .4)}:root[data-palette=mint]{--surface: #0f1514;--surface-1: #171d1c;--surface-2: #1b2120;--surface-3: #252b2a;--surface-4: #303635;--on-surface: #dee4e2;--on-surface-2: #bec9c6;--on-surface-3: #899390;--outline: #3f4947;--outline-soft: #252d2b;--primary: #80d5c8;--on-primary: #003731;--primary-container: #005048;--primary-container-2: #0b5e55;--on-primary-container: #9cf2e4;--on-primary-container-2: #86d8ca;--secondary-container: #334b47;--on-secondary-container: #cde8e2;--tertiary: #ffb4a6;--on-tertiary: #5c1a12;--tertiary-container: #7a2e24;--on-tertiary-container: #ffdad4;--online: #3f8f84;--glass: rgba(37, 43, 42, .62);--scrim: rgba(6, 12, 11, .6)}:root[data-palette=mint][data-theme=light]{--surface: #f4fbf8;--surface-1: #eef5f2;--surface-2: #e9efed;--surface-3: #e3eae7;--surface-4: #dde4e1;--on-surface: #171d1c;--on-surface-2: #3f4947;--on-surface-3: #6f7976;--outline: #bec9c6;--outline-soft: #dbe5e2;--primary: #006a60;--on-primary: #ffffff;--primary-container: #9cf2e4;--primary-container-2: #86e0d2;--on-primary-container: #00201c;--on-primary-container-2: #334b47;--secondary-container: #cde8e2;--on-secondary-container: #334b47;--tertiary: #ffb4a6;--on-tertiary: #5c1a12;--tertiary-container: #ffdad4;--on-tertiary-container: #7a2e24;--online: #9cd8cf;--glass: rgba(255, 255, 255, .72);--glass-line: rgba(0, 106, 96, .12);--glass-shadow: 0 10px 30px rgba(0, 80, 72, .16);--scrim: rgba(23, 29, 28, .4)}:root[data-palette=ember]{--surface: #17130e;--surface-1: #201b15;--surface-2: #241f19;--surface-3: #2f2923;--surface-4: #3a342d;--on-surface: #ece0d5;--on-surface-2: #d5c4b4;--on-surface-3: #9e8e80;--outline: #51453a;--outline-soft: #332b23;--primary: #ffb871;--on-primary: #4a2800;--primary-container: #6a3c00;--primary-container-2: #7a4a0e;--on-primary-container: #ffdcbe;--on-primary-container-2: #f3c9a0;--secondary-container: #574333;--on-secondary-container: #fbdcc5;--tertiary: #ffb3ae;--on-tertiary: #5f1416;--tertiary-container: #7e2a2a;--on-tertiary-container: #ffdad7;--online: #a07344;--glass: rgba(47, 41, 35, .62);--scrim: rgba(14, 10, 6, .6)}:root[data-palette=ember][data-theme=light]{--surface: #fff8f4;--surface-1: #fcf2eb;--surface-2: #f6ece5;--surface-3: #f0e6df;--surface-4: #ebe0d9;--on-surface: #211a14;--on-surface-2: #51453a;--on-surface-3: #847568;--outline: #d5c4b4;--outline-soft: #efe0d3;--primary: #8a5100;--on-primary: #ffffff;--primary-container: #ffdcbe;--primary-container-2: #f7c99e;--on-primary-container: #2c1600;--on-primary-container-2: #574333;--secondary-container: #fbdcc5;--on-secondary-container: #574333;--tertiary: #ffb3ae;--on-tertiary: #5f1416;--tertiary-container: #ffdad7;--on-tertiary-container: #7e2a2a;--online: #f1c38f;--glass: rgba(255, 255, 255, .72);--glass-line: rgba(138, 81, 0, .12);--glass-shadow: 0 10px 30px rgba(106, 60, 0, .16);--scrim: rgba(33, 26, 20, .4)}:root[data-palette=ocean]{--surface: #101418;--surface-1: #181c20;--surface-2: #1c2025;--surface-3: #262a2f;--surface-4: #31353a;--on-surface: #e0e2e8;--on-surface-2: #c2c7cf;--on-surface-3: #8c9199;--outline: #42474e;--outline-soft: #272c31;--primary: #9ecaff;--on-primary: #003258;--primary-container: #00497d;--primary-container-2: #0e5890;--on-primary-container: #d1e4ff;--on-primary-container-2: #b3d1f5;--secondary-container: #3b4858;--on-secondary-container: #d7e3f7;--tertiary: #ffc65c;--on-tertiary: #402d00;--tertiary-container: #5c4300;--on-tertiary-container: #ffdea6;--online: #4f7fae;--glass: rgba(38, 42, 47, .62);--scrim: rgba(6, 10, 14, .6)}:root[data-palette=ocean][data-theme=light]{--surface: #f8f9ff;--surface-1: #f2f3fa;--surface-2: #eceef4;--surface-3: #e6e8ee;--surface-4: #e0e2e8;--on-surface: #181c20;--on-surface-2: #42474e;--on-surface-3: #72777f;--outline: #c2c7cf;--outline-soft: #dfe3ea;--primary: #0061a4;--on-primary: #ffffff;--primary-container: #d1e4ff;--primary-container-2: #bcd7fb;--on-primary-container: #001d36;--on-primary-container-2: #3b4858;--secondary-container: #d7e3f7;--on-secondary-container: #3b4858;--tertiary: #ffc65c;--on-tertiary: #402d00;--tertiary-container: #ffdea6;--on-tertiary-container: #5c4300;--online: #a6c8ef;--glass: rgba(255, 255, 255, .72);--glass-line: rgba(0, 97, 164, .12);--glass-shadow: 0 10px 30px rgba(0, 73, 125, .16);--scrim: rgba(24, 28, 32, .4)}:root[data-palette=rose]{--surface: #191113;--surface-1: #22191b;--surface-2: #261d1f;--surface-3: #312729;--surface-4: #3c3234;--on-surface: #efdfe1;--on-surface-2: #d6c2c5;--on-surface-3: #a08c8f;--outline: #524346;--outline-soft: #352a2c;--primary: #ffb1c2;--on-primary: #5e1129;--primary-container: #7c293f;--primary-container-2: #8e3650;--on-primary-container: #ffd9df;--on-primary-container-2: #f3c0ca;--secondary-container: #5b3f45;--on-secondary-container: #ffd9df;--tertiary: #b8d0ff;--on-tertiary: #1a3050;--tertiary-container: #324769;--on-tertiary-container: #d8e2ff;--online: #a45a6d;--glass: rgba(49, 39, 41, .62);--scrim: rgba(14, 8, 10, .6)}:root[data-palette=rose][data-theme=light]{--surface: #fff8f8;--surface-1: #fcf0f1;--surface-2: #f6eaeb;--surface-3: #f0e4e5;--surface-4: #eadedf;--on-surface: #22191b;--on-surface-2: #524346;--on-surface-3: #847376;--outline: #d6c2c5;--outline-soft: #f0dfe1;--primary: #9b4058;--on-primary: #ffffff;--primary-container: #ffd9df;--primary-container-2: #f7c4cd;--on-primary-container: #3f0017;--on-primary-container-2: #5b3f45;--secondary-container: #ffd9df;--on-secondary-container: #5b3f45;--tertiary: #b8d0ff;--on-tertiary: #1a3050;--tertiary-container: #d8e2ff;--on-tertiary-container: #324769;--online: #f0b6c3;--glass: rgba(255, 255, 255, .72);--glass-line: rgba(155, 64, 88, .12);--glass-shadow: 0 10px 30px rgba(124, 41, 63, .16);--scrim: rgba(34, 25, 27, .4)}:root[data-palette=graphite]{--surface: #111212;--surface-1: #1a1b1b;--surface-2: #1f2021;--surface-3: #292a2b;--surface-4: #353636;--on-surface: #e2e3e4;--on-surface-2: #c8c9ca;--on-surface-3: #909193;--outline: #494a4b;--outline-soft: #2d2e2f;--primary: #c3c9d0;--on-primary: #252b31;--primary-container: #464c53;--primary-container-2: #545c63;--on-primary-container: #e7ebee;--on-primary-container-2: #d0d4d7;--secondary-container: #484a4c;--on-secondary-container: #e3e6e8;--tertiary: #a6ecf2;--on-tertiary: #13494e;--tertiary-container: #2e666b;--on-tertiary-container: #d5f8fc;--online: #7e858c;--glass: rgba(41, 42, 43, .62);--scrim: rgba(10, 10, 11, .6)}:root[data-palette=graphite][data-theme=light]{--surface: #fbfbfc;--surface-1: #f4f5f5;--surface-2: #eff0f0;--surface-3: #e9e9ea;--surface-4: #e2e3e4;--on-surface: #1b1c1d;--on-surface-2: #464748;--on-surface-3: #777879;--outline: #c8c9ca;--outline-soft: #e2e3e4;--primary: #495460;--on-primary: #ffffff;--primary-container: #e2e6e9;--primary-container-2: #d4d9dd;--on-primary-container: #181c21;--on-primary-container-2: #494c50;--secondary-container: #e3e6e8;--on-secondary-container: #45474a;--tertiary: #a6ecf2;--on-tertiary: #13494e;--tertiary-container: #d5f8fc;--on-tertiary-container: #2e666b;--online: #bdc2c7;--glass: rgba(255, 255, 255, .72);--glass-line: rgba(73, 84, 96, .12);--glass-shadow: 0 10px 30px rgba(73, 84, 96, .16);--scrim: rgba(27, 28, 29, .4)}:root[data-palette=halloween]{--surface: #130e13;--surface-1: #1b151b;--surface-2: #211921;--surface-3: #2b222b;--surface-4: #362c36;--on-surface: #ece0e9;--on-surface-2: #d2c3cf;--on-surface-3: #9a8b97;--outline: #4d424c;--outline-soft: #2b222a;--primary: #ffb77c;--on-primary: #4d2600;--primary-container: #6e3900;--primary-container-2: #864708;--on-primary-container: #ffdcc2;--on-primary-container-2: #f5c19b;--secondary-container: #4a2f52;--on-secondary-container: #f2daf9;--tertiary: #deb7ff;--on-tertiary: #3f1b55;--tertiary-container: #57326d;--on-tertiary-container: #f3daff;--online: #c0743a;--glass: rgba(43, 34, 43, .62);--scrim: rgba(10, 6, 10, .6)}:root[data-palette=halloween][data-theme=light]{--surface: #fff8f5;--surface-1: #fbf1ec;--surface-2: #f5ebe6;--surface-3: #efe5e0;--surface-4: #e9dfda;--on-surface: #201a17;--on-surface-2: #52443c;--on-surface-3: #85746a;--outline: #d7c2b8;--outline-soft: #eadfd8;--primary: #964400;--on-primary: #ffffff;--primary-container: #ffdcc2;--primary-container-2: #ffc9a2;--on-primary-container: #321200;--on-primary-container-2: #6b3a17;--secondary-container: #f2daf9;--on-secondary-container: #4a2f52;--tertiary: #7b4b98;--on-tertiary: #ffffff;--tertiary-container: #f3daff;--on-tertiary-container: #3f1b55;--online: #ffb77c;--glass: rgba(255, 255, 255, .72);--glass-line: rgba(150, 68, 0, .12);--glass-shadow: 0 10px 30px rgba(110, 57, 0, .16);--scrim: rgba(32, 26, 23, .4)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--surface)}body{color:var(--on-surface);font-family:var(--font);font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;-webkit-user-select:none;user-select:none;touch-action:manipulation}button:disabled{cursor:default}img{display:block;max-width:100%}a{color:var(--primary);text-decoration:none}p,h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.t-display{font-size:112px;line-height:.9;font-weight:850;font-stretch:40%;letter-spacing:-.02em}.t-headline{font-size:40px;line-height:1;font-weight:800;font-stretch:120%;letter-spacing:-.01em}.t-title{font-size:22px;line-height:1.15;font-weight:700;font-stretch:115%}.t-card{font-size:20px;line-height:1.2;font-weight:800;font-stretch:110%}.t-label{font-size:16px;font-weight:650;line-height:1.3}.t-body{font-size:15px;line-height:1.45;color:var(--on-surface-2)}.t-meta{font-size:13px;color:var(--on-surface-3)}.t-num{font-weight:800;font-stretch:50%;line-height:1}.shape-cookie12{-webkit-mask:url(/app/assets/cookie12-tg_VQl2B.svg) center / contain no-repeat;mask:url(/app/assets/cookie12-tg_VQl2B.svg) center / contain no-repeat}.shape-cookie9{-webkit-mask:url(/app/assets/cookie9-CK3qApVh.svg) center / contain no-repeat;mask:url(/app/assets/cookie9-CK3qApVh.svg) center / contain no-repeat}.shape-clover4{-webkit-mask:url(/app/assets/clover4-CFN7CIxO.svg) center / contain no-repeat;mask:url(/app/assets/clover4-CFN7CIxO.svg) center / contain no-repeat}.shape-flower6{-webkit-mask:url(/app/assets/flower6-GMb8zFw-.svg) center / contain no-repeat;mask:url(/app/assets/flower6-GMb8zFw-.svg) center / contain no-repeat}.shape-sunny8{-webkit-mask:url(/app/assets/sunny8-DLcAEjix.svg) center / contain no-repeat;mask:url(/app/assets/sunny8-DLcAEjix.svg) center / contain no-repeat}.shape-burst12{-webkit-mask:url(/app/assets/burst12-Da90KZ8t.svg) center / contain no-repeat;mask:url(/app/assets/burst12-Da90KZ8t.svg) center / contain no-repeat}.shape-gem{-webkit-mask:url(/app/assets/gem-CmEBjlJI.svg) center / contain no-repeat;mask:url(/app/assets/gem-CmEBjlJI.svg) center / contain no-repeat}.shape-puffy{-webkit-mask:url(/app/assets/puffy-D3NkWWyH.svg) center / contain no-repeat;mask:url(/app/assets/puffy-D3NkWWyH.svg) center / contain no-repeat}.clamp-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skel{background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--primary) 14%,transparent) 45%,color-mix(in srgb,var(--on-surface) 10%,transparent) 50%,color-mix(in srgb,var(--primary) 14%,transparent) 55%,transparent 70%),color-mix(in srgb,var(--primary) 6%,var(--surface-2));background-size:250% 100%,100% 100%;background-repeat:no-repeat;animation:skel 1.8s var(--spring-soft) infinite,skel-breathe 1.8s ease-in-out infinite}@keyframes skel{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}@keyframes skel-breathe{50%{opacity:.72}}@media(prefers-reduced-motion:reduce){.skel{animation:skel-breathe 1.8s ease-in-out infinite}}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes slide-in{0%{opacity:0;transform:translate(28%) scale(.98)}}@keyframes slide-out{to{opacity:0;transform:translate(28%)}}@keyframes tab-in{0%{opacity:0;transform:translateY(10px)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.12s!important;animation-name:fade-in!important;transition-duration:0ms!important}}.face{position:relative;display:inline-block;flex:0 0 auto}.face-ring,.face-in{position:absolute}.face-ring{inset:0}.face-ring-playing{background:var(--primary)}.face-ring-online{background:var(--online)}.face-in{background:var(--surface-4);display:flex;align-items:center;justify-content:center}.face-in img{width:100%;height:100%;object-fit:cover}.face-initials{font-weight:800;color:var(--on-secondary-container)}.face-dim .face-in{opacity:.55}.pic,.cover{position:relative;display:block;overflow:hidden;background:var(--surface-3);flex:0 0 auto}.pic{container-type:size}.pic-img,.cover img{width:100%;height:100%;object-fit:cover}.pic-small .pic-img{position:absolute;left:50%;top:50%;width:calc(var(--share) * 100cqmin);height:calc(var(--share) * 100cqmin);object-fit:contain;transform:translate(-50%,-50%);border-radius:18%;box-shadow:var(--shadow-1)}.pic-ground{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;filter:blur(18px) saturate(1.3) brightness(.7)}.pic-empty,.cover{display:flex;align-items:center;justify-content:center;color:var(--on-surface-3)}.cover>svg{width:min(48px,32%);height:auto}.pic-veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--on-surface);background:color-mix(in srgb,var(--surface) 35%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wave{display:flex;align-items:center;gap:4px;height:12px;width:100%}.wave-on{height:12px;background:var(--primary);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2012'%20width='24'%20height='12'%3e%3cpath%20d='M0%206%20Q6%201.5%2012%206%20T24%206'%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/svg%3e") left center / 24px 12px repeat-x;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2012'%20width='24'%20height='12'%3e%3cpath%20d='M0%206%20Q6%201.5%2012%206%20T24%206'%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/svg%3e") left center / 24px 12px repeat-x;transition:width var(--t-slow) var(--spring-soft)}.wave-off{flex:1;height:4px;border-radius:2px;background:var(--surface-4)}.wave-end{width:4px;height:4px;border-radius:2px;background:var(--primary)}.wave-full .wave-on{background:var(--tertiary)}.wave-loading .wave-on{animation:wave-run 1s linear infinite}@keyframes wave-run{to{-webkit-mask-position:24px center;mask-position:24px center}}.ring-off{fill:none;stroke:color-mix(in srgb,var(--on-surface) 16%,transparent);stroke-width:5}.ring-on{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ring-full .ring-on{stroke:var(--tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--r-full);font-weight:750;font-size:15px;font-stretch:108%;transition:border-radius var(--t-fast) var(--spring),transform var(--t-fast) var(--spring),background var(--t-fast)}.btn:active:not(:disabled){border-radius:var(--r-m);transform:scale(.97)}.btn:disabled{opacity:.5}.btn-wide{width:100%;min-height:56px;font-size:16px}.btn-filled{background:var(--primary);color:var(--on-primary)}.btn-tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-text{color:var(--primary);padding:0 14px}.btn-danger{background:var(--error);color:var(--on-error)}.btn-busy{opacity:.7}.ibtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;border-radius:24px;color:var(--on-surface);transition:border-radius var(--t-mid) var(--spring),background var(--t-fast),transform var(--t-fast) var(--spring)}.ibtn:active{transform:scale(.92)}.ibtn-tonal{background:var(--surface-3)}.ibtn-glass{background:color-mix(in srgb,var(--surface) 50%,transparent);color:#fff;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.ibtn-square{border-radius:16px}.ibtn-badge{position:absolute;top:5px;right:5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--tertiary);color:var(--on-tertiary);font-size:11px;font-weight:800;line-height:18px}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;font-size:12.5px;font-weight:650;white-space:nowrap}button.chip{min-height:32px}.chip-outline{border:1px solid var(--outline);color:var(--on-surface-2)}.chip-tonal{background:var(--surface-3);color:var(--on-surface)}.chip-secondary{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:14px}.chip-tier{border-radius:14px}.chip-tier-rare{background:color-mix(in srgb,var(--tier-epic) 22%,var(--surface-1));color:var(--tier-epic)}.chip-tier-legendary{background:color-mix(in srgb,var(--tier-legendary) 22%,var(--surface-1));color:var(--tier-legendary)}.chip-tier-mythic{background:color-mix(in srgb,var(--tier-mythic) 22%,var(--surface-1));color:var(--tier-mythic)}.chip-danger{border-color:var(--error);color:var(--error)}.chip-tertiary{background:var(--tertiary-container);color:var(--on-tertiary-container);border-radius:14px}.seg{display:flex;gap:2px}.seg button{flex:1;min-width:0;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--outline);border-radius:6px;color:var(--on-surface-2);font-weight:650;font-size:13.5px;transition:border-radius var(--t-mid) var(--spring),background var(--t-fast)}.seg button:first-child{border-radius:22px 6px 6px 22px}.seg button:last-child{border-radius:6px 22px 22px 6px}.seg button.seg-on{background:var(--primary-container);border-color:var(--primary-container);color:var(--on-primary-container);border-radius:22px}.toggle{position:relative;width:52px;height:32px;flex:0 0 auto;border-radius:16px;background:var(--surface-4);box-shadow:inset 0 0 0 2px var(--outline);transition:background var(--t-fast)}.toggle-thumb{position:absolute;left:8px;top:8px;width:16px;height:16px;border-radius:50%;background:var(--on-surface-3);display:flex;align-items:center;justify-content:center;color:var(--primary-container);transition:left var(--t-mid) var(--spring),top var(--t-mid) var(--spring),width var(--t-mid) var(--spring),height var(--t-mid) var(--spring)}.toggle-on{background:var(--primary);box-shadow:none}.toggle-on .toggle-thumb{left:24px;top:4px;width:24px;height:24px;background:var(--on-primary);color:var(--primary)}.toggle:disabled{opacity:.45}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:650;color:var(--on-surface-2);padding-left:4px}.field-box{display:flex;align-items:center;gap:10px;height:56px;padding:0 18px;border-radius:var(--r-l);background:var(--surface-3);color:var(--on-surface-3);transition:box-shadow var(--t-fast)}.field-box:focus-within{box-shadow:inset 0 0 0 2px var(--primary)}.field-box input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--on-surface);font-size:16px}.field-box input::placeholder{color:var(--on-surface-3)}.field-hint{font-size:12.5px;color:var(--on-surface-3);padding-left:4px}.field-error .field-box{box-shadow:inset 0 0 0 2px var(--error)}.field-error .field-hint{color:var(--error)}.group{margin:0 12px}.group+.group{margin-top:20px}.group-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.group-items{display:flex;flex-direction:column;gap:3px}.row{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 16px;background:var(--surface-1);border-radius:6px;text-align:left}.group-items>.row:first-child,.group-items>:first-child .row{border-top-left-radius:var(--r-l);border-top-right-radius:var(--r-l)}.group-items>.row:last-child,.group-items>:last-child .row{border-bottom-left-radius:var(--r-l);border-bottom-right-radius:var(--r-l)}.row-tap{transition:background var(--t-fast)}.row-tap:active{background:var(--surface-3)}.row-lead{display:flex;flex:0 0 auto;color:var(--on-surface-2)}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-title{font-size:16px;font-weight:600}.row-danger{color:var(--error)}.row-sub{font-size:13px;color:var(--on-surface-3)}.row-trail{flex:0 0 auto;display:flex;align-items:center;gap:8px;color:var(--on-surface-2);font-size:14px}.sec{margin-top:20px}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--gutter) 8px;min-height:40px}.link-btn{height:40px;padding:0 16px;border-radius:20px;background:var(--surface-3);color:var(--primary);font-weight:650;font-size:14px;white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 28px}.empty-mark{width:64px;height:64px;margin-bottom:6px;background:var(--secondary-container);color:var(--on-secondary-container);display:flex;align-items:center;justify-content:center}.empty .btn{margin-top:12px}.spinner{display:inline-block;background:var(--primary);animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{position:fixed;inset:0;z-index:20;background:var(--surface);animation:slide-in var(--t-mid) var(--spring-soft)}.page-scroll{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:var(--bar-room);-webkit-overflow-scrolling:touch}.appbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:4px;min-height:var(--appbar-h);padding:var(--safe-top) 8px 4px;background:var(--surface);transition:background var(--t-fast),box-shadow var(--t-fast)}.bar-action{display:flex;opacity:0;transform:translateY(24px) scale(.6);pointer-events:none;transition:opacity var(--t-fast),transform var(--t-mid) var(--spring)}.bar-action-on{opacity:1;transform:none;pointer-events:auto}.appbar-solid{box-shadow:0 1px 0 var(--outline-soft)}.appbar-hero{position:fixed;left:0;right:0;background:transparent}.appbar-hero.appbar-solid{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.appbar-hero .appbar-title{opacity:0;transition:opacity var(--t-fast)}.appbar-hero.appbar-solid .appbar-title{opacity:1}.appbar-solid:not(.appbar-hero){background:var(--surface-1)}.appbar-spacer{width:8px}.appbar-title{flex:1;min-width:0;font-size:18px;font-weight:700;font-stretch:110%}.appbar-actions{display:flex;gap:4px}.sheet-wrap,.dialog-wrap{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end}.dialog-wrap{align-items:center;justify-content:center;padding:24px}.sheet-scrim{position:absolute;inset:0;background:var(--scrim);animation:fade-in var(--t-mid)}.sheet{position:relative;width:100%;max-height:86dvh;display:flex;flex-direction:column;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface-2);padding-bottom:calc(16px + var(--safe-bottom));animation:sheet-up var(--t-slow) var(--spring-soft)}.sheet{transition:transform var(--t-mid) var(--spring-soft)}.sheet-pulled{transition:none}.sheet-grab{width:36px;height:4px;border-radius:2px;background:var(--outline);margin:12px auto 6px;flex:0 0 auto}.sheet-title{padding:6px 24px 12px}.sheet-body{overflow-y:auto;padding:0 0 8px}.dialog{position:relative;width:100%;max-width:360px;padding:24px 24px 16px;border-radius:var(--r-l);background:var(--surface-3);animation:rise var(--t-mid) var(--spring)}.dialog-text{font-size:16px;line-height:1.5;white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dock{position:fixed;left:0;right:0;bottom:calc(var(--bar-gap) + var(--safe-bottom));z-index:40;display:flex;justify-content:center;align-items:center;gap:8px;padding:0 12px;pointer-events:none;transition:transform var(--t-mid) var(--spring-soft),opacity var(--t-mid)}.dock>*{pointer-events:auto}.dock-hidden{transform:translateY(140%);opacity:0}.bar{height:var(--bar-h);display:flex;align-items:center;gap:2px;padding:0 8px;border-radius:32px;background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);position:relative}.bar-pill{position:absolute;left:0;top:calc(50% - 24px);height:48px;border-radius:24px;background:var(--primary-container);transition:transform var(--t-slow) var(--spring),width var(--t-slow) var(--spring),opacity var(--t-fast)}.bar-pill-off{opacity:0}.bar-tab{position:relative;z-index:1;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:24px;color:var(--on-surface-2);transition:color var(--t-fast)}.bar-label{max-width:0;overflow:hidden;white-space:nowrap;font-weight:700;font-size:14px;opacity:0;transition:opacity var(--t-mid)}.bar-tab-on{color:var(--on-primary-container);padding:0 18px}.bar-tab-on .bar-label{max-width:120px;opacity:1}.fab{width:64px;height:64px;flex:0 0 auto;border-radius:20px;background:var(--tertiary);color:var(--on-tertiary);display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow);transition:border-radius var(--t-mid) var(--spring),transform var(--t-fast) var(--spring)}.fab:active{border-radius:32px;transform:scale(.94)}.viewer{position:fixed;inset:0;z-index:90;background:#000;animation:fade-in var(--t-mid)}.viewer-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.viewer-track::-webkit-scrollbar{display:none}.viewer-locked{overflow-x:hidden}.viewer-slide{flex:0 0 100%;height:100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-x}.viewer-locked .viewer-slide{touch-action:none}.viewer-slide img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transition:transform 60ms linear}.viewer-dots{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 24px);display:flex;justify-content:center;gap:6px}.viewer-dots span{width:6px;height:6px;border-radius:3px;background:#ffffff59;transition:width var(--t-mid) var(--spring)}.viewer-dots span.on{width:18px;background:#fff}.rt{display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.55;color:var(--on-surface-2);overflow-wrap:anywhere}.rt-p{display:flex;flex-direction:column;gap:6px}.rt ul{margin:0;padding-left:20px}.rt li+li{margin-top:4px}.rt-link{display:inline;color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.rt-pic,.rt-video{position:relative;display:block;width:100%;border-radius:var(--r-m);overflow:hidden;background:var(--surface-3)}.rt-pic img,.rt-video img{width:100%;height:auto}.rt-video img{aspect-ratio:16 / 9;object-fit:cover}.rt-play{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center}.toast{position:fixed;left:16px;right:16px;bottom:calc(var(--bar-room) - 4px);z-index:80;margin:0 auto;max-width:420px;padding:14px 18px;border-radius:var(--r-m);background:var(--on-surface);color:var(--surface);font-weight:600;font-size:14.5px;box-shadow:var(--glass-shadow);animation:rise var(--t-mid) var(--spring)}body:has(.sheet) .toast{top:calc(var(--safe-top) + 12px);bottom:auto}.toast-error{background:var(--error);color:var(--on-error)}.hero{position:relative;padding:var(--appbar-h) var(--gutter) 24px;border-radius:0 0 40px 40px;overflow:hidden;isolation:isolate;background:var(--surface-3)}.hero-ground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:blur(36px) saturate(1.4) brightness(.5)}.hero-stage{position:relative;display:block;width:100%}.hero-pic{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:var(--r-l);box-shadow:var(--shadow-2)}.hero-full{padding:0}.hero-full:before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:calc(96px + var(--safe-top));background:linear-gradient(rgba(0,0,0,.5),transparent);pointer-events:none}.hero-full .hero-pic,.hero-full .hero-ach{width:100%;min-height:calc(220px + var(--safe-top));max-height:460px;object-fit:cover;border-radius:0;box-shadow:none}.hero-cover{width:168px;height:168px;margin:0 auto;border-radius:48px;box-shadow:var(--shadow-2)}.detail{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px var(--gutter) 0}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:650;color:var(--on-surface-2)}.detail-title{font-size:28px;line-height:1.12;font-weight:800;font-stretch:110%}.detail-rows{width:100%}.row.detail-row{min-height:64px;padding:10px 14px 10px 12px}.detail-row-cover{width:40px;height:40px;border-radius:12px}.detail-row .row-title{font-weight:700}.detail-row .row-title{min-width:0}.detail-row .row-title>.clamp-1{display:block}.viewer-video{position:relative;flex-direction:column;gap:16px;touch-action:pan-x}.video-el{width:100%;max-height:100%;object-fit:contain;background:#000}.video-failed{color:#fff;font-size:14px}.viewer-close{position:absolute;top:calc(var(--safe-top) + 12px);left:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#00000080;color:#fff}.feed-day-head{display:flex;align-items:center;gap:8px;padding:24px 20px 10px;font-size:16px;font-weight:700;font-stretch:115%}.feed-day-count{height:22px;padding:0 8px;border-radius:11px;background:var(--secondary-container);color:var(--on-secondary-container);font-size:12px;line-height:22px;font-stretch:100%}.btn-small{min-height:40px;padding:0 14px;font-size:13.5px}.btn-small svg{width:16px;height:16px}.ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.ring>svg{position:absolute;inset:0}.link-card{display:flex;align-items:center;gap:14px;width:100%;padding:10px;border-radius:var(--r-l);background:var(--surface-1);text-align:left;transition:border-radius var(--t-mid) var(--spring),background var(--t-fast)}.link-card:active:not(:disabled){border-radius:var(--r-m);background:var(--surface-3)}.link-card-media{flex:0 0 auto;display:flex}.link-card-cover{width:48px;height:48px;border-radius:14px}.link-card-wide .link-card-media{width:96px;height:54px;overflow:hidden;border-radius:14px}.link-card-thumb{width:100%;height:100%;object-fit:cover}.link-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--surface-4);color:var(--on-surface-2)}.link-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.link-card-title{font-size:15px;font-weight:700;line-height:1.25}.link-card-sub{font-size:12.5px;color:var(--on-surface-3)}.link-cards{display:flex;flex-direction:column;gap:3px;width:100%}.link-cards>.link-card+.link-card{border-top-left-radius:var(--r-xs);border-top-right-radius:var(--r-xs)}.link-cards>.link-card:has(+.link-card){border-bottom-left-radius:var(--r-xs);border-bottom-right-radius:var(--r-xs)}.go-mark{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--primary)}.hero-stage-still{text-align:center}.crop{display:flex;flex-direction:column;gap:16px;padding:0 20px 8px}.crop-box{position:relative;width:100%;max-width:360px;aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:var(--r-l);background:#000;touch-action:none}.crop-box img{position:absolute;left:0;top:0;max-width:none;-webkit-user-select:none;user-select:none}.crop-mask{position:absolute;inset:0;pointer-events:none;box-shadow:0 0 0 999px #00000080;outline:2px solid rgba(255,255,255,.7);-webkit-mask:none;mask:none;border-radius:50%}.crop-zoom{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--on-surface-2)}.crop-zoom input{flex:1;accent-color:var(--primary)}.crop-actions{display:flex;justify-content:flex-end;gap:8px}.crop-mask-square{border-radius:var(--r-l)}.tabs{position:fixed;inset:0}.tab{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:var(--bar-room);-webkit-overflow-scrolling:touch}.tab-active{animation:tab-in var(--t-mid) var(--spring-soft)}.splash,.boot-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.splash-logo{width:96px;height:96px;animation:splash 1.6s var(--spring-soft) infinite alternate}@keyframes splash{0%{transform:scale(.94);opacity:.75}}.boot-error .btn{margin-top:12px}.layer-covered .page,.layer-seen .page{animation:none}.layer-seen .page-waiting{animation:slide-in var(--t-mid) var(--spring-soft)}.layer>.page{transition:transform var(--t-mid) var(--spring-soft)}.layer-covered>.page{transform:translate(-6%)}.layer-leaving>.page{animation:slide-out .18s ease-in forwards}.screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:calc(var(--safe-top) + 18px) var(--gutter) 0}