:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0d1a;--panel:#161b30b8;--panel2:#222844d1;--line:#ffffff17;--text:#eeeef6;--muted:#9a9ab6;--acc:#f472b6;--acc2:#38bdf8;--good:#34d399;--warn:#fbbf24;--bad:#f87171;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.32, .64, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:clip}#root{min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:0 20px 64px;position:relative}.aurora{z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 10% -10%, #f472b647, transparent 60%), radial-gradient(800px 500px at 100% 0%, #38bdf838, transparent 60%), radial-gradient(700px 600px at 50% 110%, #a78bfa29, transparent 60%), var(--bg);position:fixed;inset:0}h1,h2,h3,h4,p{margin:0}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:18px 0 8px;font-size:.78rem;display:flex}.muted{color:var(--muted);font-size:.88rem}small{color:var(--muted);font-size:.78rem}code{background:#ffffff14;border-radius:6px;padding:1px 6px;font-size:.85em}em{color:var(--muted);font-size:.78rem;font-style:normal}header{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#0a0d1a8c;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:14px;margin:0 calc(50% - 50vw);padding:14px calc(50vw - 50%);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand h1{letter-spacing:-.02em;font-size:1.35rem}.logo{object-fit:cover;width:40px;height:40px;transition:transform .4s var(--ease);border:2px solid #fff9;border-radius:13px;box-shadow:0 6px 20px #f472b680}.brand:hover .logo{transform:rotate(-8deg)scale(1.1)}nav{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}nav button{color:var(--muted);cursor:pointer;font:inherit;transition:all .2s var(--ease);background:0 0;border:none;border-radius:10px;padding:7px 14px}nav button:hover{color:var(--text);background:#ffffff12}nav button.on{color:#fff;background:linear-gradient(135deg, var(--acc), #38bdf8);box-shadow:0 4px 16px #f472b666}.head-actions{gap:8px;margin-left:auto;display:flex}.banner-err{background:#f8717126;border:1px solid #f8717159;border-radius:10px;margin:4px 0 8px;padding:8px 14px;font-size:.88rem}main{animation:rise .45s var(--ease);padding-top:14px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.btn,select,input{font:inherit;color:var(--text)}select,input{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;padding:8px 14px;transition:border-color .2s,box-shadow .2s,background .2s}select:hover,input:hover{border-color:#ffffff38}input:focus,select:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px #f472b640}input[type=checkbox]{accent-color:var(--acc);vertical-align:-3px;cursor:pointer;width:16px;height:16px;margin-right:8px;padding:0}.btn{isolation:isolate;cursor:pointer;white-space:nowrap;transition:transform .22s var(--ease), box-shadow .25s, border-color .2s, background .2s, opacity .2s;background:linear-gradient(#ffffff1f,#ffffff0a);border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 6px 16px #00000047}.btn:after{content:"";z-index:-1;transition:transform .65s var(--ease);background:linear-gradient(105deg,#0000 25%,#ffffff61 50%,#0000 75%);position:absolute;inset:0;transform:translate(-130%)}.btn:hover:not(:disabled){border-color:#ffffff61;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 12px 26px #00000059}.btn:hover:not(:disabled):after{transform:translate(130%)}.btn:active:not(:disabled){transform:translateY(0)scale(.96);box-shadow:0 2px 8px #00000059}.btn:focus-visible,.chip:focus-visible,.seg button:focus-visible,nav button:focus-visible,.pick:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn.sm{padding:5px 13px;font-size:.82rem}.btn.primary{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(135deg, var(--acc), var(--acc2));border-color:#0000;box-shadow:inset 0 1px #fff6,0 8px 22px #f472b661}.btn.primary:hover:not(:disabled){border-color:#0000;box-shadow:inset 0 1px #ffffff73,0 12px 32px #f472b68c,0 0 0 4px #38bdf82e}.btn.ghost{box-shadow:none;background:0 0}.btn.ghost:hover:not(:disabled){box-shadow:none;background:#ffffff12}.btn.danger:hover:not(:disabled){border-color:var(--bad);background:#f8717138}.spin{display:inline-block}.spin.on{animation:1s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.x{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:3px 8px;font-size:1.15rem;line-height:1;transition:all .15s}.x:hover{color:#fff;background:#f8717173;transform:scale(1.1)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 14px;display:flex}.group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{cursor:pointer;font:inherit;color:var(--muted);border:1px solid var(--line);transition:all .2s var(--ease);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.chip:hover{color:var(--text);background:#ffffff14;border-color:#ffffff4d;transform:translateY(-1px)}.chip.on{color:#fff;background:linear-gradient(135deg,#f472b68c,#38bdf880);border-color:#0000;box-shadow:0 4px 14px #f472b640}.chip.on:before{content:"✓";font-size:.75rem}.seg{background:var(--panel);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;font:inherit;transition:all .2s var(--ease);background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:500}.seg button:hover{color:var(--text);background:#ffffff12}.seg button.on{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#fff;box-shadow:0 3px 12px #f472b659}.tag{white-space:nowrap;background:#ffffff1a;border-radius:999px;padding:2px 10px;font-size:.74rem;font-weight:600;display:inline-block}.tag.great{color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899)}.tag.good{color:#6ee7b7;background:#34d39938}.tag.mid{color:#fcd34d;background:#fbbf2433}.tag.bad{color:#fca5a5;background:#f8717138}.tag.off{color:var(--muted)}.empty{text-align:center;justify-items:center;gap:14px;padding:80px 0;display:grid}.hint{color:var(--muted);margin-top:10px;font-size:.82rem}.avatar{color:#fff;border:2px solid #ffffff40;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #0006}.avatar img{object-fit:cover;background:#222;width:100%;height:100%;position:absolute;inset:0}.tl{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-color:var(--acc) transparent;border-radius:18px;overflow-x:auto}.tl-inner{position:relative}.tl-axis,.tl-lane{display:flex}.tl-corner,.tl-label{z-index:6;border-right:1px solid var(--line);background:#121830;flex:none;position:sticky;left:0}.tl-axis{z-index:8;border-bottom:1px solid var(--line);background:#121830;position:sticky;top:0}.tl-track{flex:none;position:relative}.tl-track.axis{height:34px}.tick{color:var(--muted);font-size:.75rem;position:absolute;top:9px;transform:translate(-50%)}.today-flag{background:var(--acc2);color:#fff;border-radius:999px;padding:1px 10px;font-size:.72rem;font-weight:700;position:absolute;top:6px;transform:translate(-50%);box-shadow:0 0 14px #38bdf8b3}.tl-lane{border-bottom:1px solid var(--line)}.tl-lane:last-child{border-bottom:none}.tl-label{border-left:3px solid var(--c);align-items:center;gap:10px;padding:0 12px;display:flex}.tl-label span{min-width:0;line-height:1.2;display:grid}.tl-label small{white-space:nowrap;text-overflow:ellipsis;max-width:108px;overflow:hidden}.grid-line{background:#ffffff0d;width:1px;position:absolute;top:0;bottom:0}.now-line{background:linear-gradient(var(--acc2), transparent);width:2px;box-shadow:0 0 12px var(--acc2);z-index:2;margin-left:-1px;position:absolute;top:0;bottom:0}.patch-mark{color:var(--c);z-index:3;white-space:nowrap;text-shadow:0 0 10px var(--c);font-size:.72rem;font-weight:700;position:absolute;top:3px;transform:translate(-4px)}.patch-mark.est{opacity:.7}.patch-mark:after{content:"";border-left:1px dashed var(--c);opacity:.35;pointer-events:none;height:400px;position:absolute;top:18px;left:4px}.bar{border:1px solid color-mix(in srgb, var(--c) 70%, transparent);color:#fff;height:34px;font:inherit;text-align:left;cursor:pointer;z-index:4;background:color-mix(in srgb, var(--c) 22%, #15151f);transition:transform .18s var(--ease), box-shadow .18s, filter .18s;border-radius:11px;padding:0;position:absolute}.bar:hover{box-shadow:0 10px 26px color-mix(in srgb, var(--c) 45%, transparent);filter:brightness(1.2);z-index:5;transform:translateY(-2px)scale(1.01)}.bar:focus-visible{outline:2px solid #fff}.bar.banner{background:linear-gradient(120deg, color-mix(in srgb, var(--c) 70%, #000), color-mix(in srgb, var(--c) 30%, #1a1a2a))}.bar.challenge{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 18%, #15151f) 0 8px, color-mix(in srgb, var(--c) 30%, #15151f) 8px 16px);border-style:dashed}.bar.live{box-shadow:0 0 0 1px var(--c), 0 4px 18px color-mix(in srgb, var(--c) 40%, transparent)}.bar.past{opacity:.45}.bar.done{filter:saturate(.3)brightness(.8)}.bar-clip{border-radius:10px;position:absolute;inset:0;overflow:hidden}.bar-bg{object-fit:cover;--o:.38;width:100%;height:100%;transition:opacity .6s var(--ease), transform .5s var(--ease);position:absolute;inset:0}.bar:hover .bar-bg{--o:.6;transform:scale(1.06)}.bar-in{align-items:center;gap:6px;max-width:100%;height:100%;padding:0 10px;display:inline-flex;position:sticky;left:184px}.bar-in b{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #000;font-size:.85rem;font-weight:600;overflow:hidden}.bar-in em{color:#fff;opacity:.85;white-space:nowrap}.face{object-fit:cover;background:#222;border:1.5px solid #ffffffb3;border-radius:50%;flex:none;width:28px;height:28px;margin-right:-10px}.face+b,.face:last-of-type{margin-right:6px}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.fade{background:linear-gradient(#0000 20%,#0b0b14f5);position:absolute;inset:0}.gcard{background:var(--panel);border:1px solid var(--line);transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;border-radius:20px;overflow:hidden}.gcard:hover{border-color:var(--c);box-shadow:0 18px 44px color-mix(in srgb, var(--c) 30%, transparent);transform:translateY(-4px)}.gcard-hero{background:linear-gradient(135deg, var(--c), var(--c2));height:150px;position:relative;overflow:hidden}.gcard-hero>img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.gcard:hover .gcard-hero>img{transform:scale(1.08)}.gcard-head{align-items:center;gap:12px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.gcard-head h2{text-shadow:0 2px 8px #000;font-size:1.15rem}.gcard-head p{color:#ddd;text-shadow:0 1px 4px #000;font-size:.82rem}.gcard-body{padding:4px 16px 16px}.faces{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.face-lg{border:2px solid var(--c);width:44px;height:44px;transition:transform .2s var(--ease);background:#222;border-radius:50%;overflow:hidden}.face-lg:hover{transform:scale(1.18)translateY(-3px)}.face-lg img{object-fit:cover;width:100%;height:100%}.list{margin:0;padding:0;list-style:none}.list li{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:0 -8px;padding:6px 8px;transition:background .15s;display:flex}.list li:hover{background:#ffffff0d}.list li.clickable{cursor:pointer}.list li.done label span{color:var(--muted);text-decoration:line-through}.list label{cursor:pointer;flex:1}.inline{gap:6px;margin-top:8px;display:flex}.inline input{flex:1;min-width:0}details{margin-top:12px}summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:.88rem;transition:color .15s}summary:hover{color:var(--text)}.ecard{background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s, border-color .25s;border-radius:16px;position:relative;overflow:hidden}.ecard:hover,.ecard:focus-visible{border-color:var(--c);box-shadow:0 16px 38px color-mix(in srgb, var(--c) 32%, transparent);outline:none;transform:translateY(-5px)}.ecard.done{opacity:.6}.ecard-img{background:linear-gradient(135deg, var(--c), var(--c2));height:130px;position:relative;overflow:hidden}.ecard-img>img:not(.mini){object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.ecard:hover .ecard-img>img{transform:scale(1.08)}.ecard-img .tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;top:10px;right:10px}.mini-faces{display:flex;position:absolute;bottom:8px;left:12px}.mini-faces img{object-fit:cover;border:2px solid var(--c);background:#222;border-radius:50%;width:38px;height:38px;margin-right:-10px}.ecard-body{gap:3px;padding:12px 14px 14px;display:grid}.ecard-body small{color:var(--c);font-weight:700}.ecard-body h4{font-size:1rem}.pick{cursor:pointer;background:var(--panel);border:1px solid var(--line);transition:all .25s var(--ease);border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.pick:hover{border-color:var(--c);box-shadow:0 10px 28px color-mix(in srgb, var(--c) 28%, transparent);transform:translateY(-3px)}.pick.on{border-color:var(--c);background:linear-gradient(135deg, color-mix(in srgb, var(--c) 22%, transparent), var(--panel))}.pick .check{background:#ffffff14;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;transition:all .2s;display:grid}.pick.on .check{background:var(--c);color:#000;transform:scale(1.1)}.pick:not(.on):hover .check{transform:scale(1.15)rotate(90deg)}.pick.on:hover .check{transform:scale(1.2)}.grow{flex:1;min-width:0}.row{align-items:center;gap:12px;display:flex}.wrap{flex-wrap:wrap}.plist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plist li{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c);transition:all .2s var(--ease);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.plist li:hover{background:var(--panel2);transform:translate(4px)}.right{justify-items:end;gap:2px;display:grid}.form{background:var(--panel);border:1px solid var(--line);animation:rise .3s var(--ease);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px;padding:16px;display:grid}.form label{color:var(--muted);gap:3px;font-size:.78rem;display:grid}.backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050cb3;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{border:1px solid var(--c,var(--line));width:min(640px,100%);max-height:92vh;box-shadow:0 30px 80px #0009, 0 0 60px color-mix(in srgb, var(--c,#888) 25%, transparent);animation:pop .3s var(--ease);background:#181826;border-radius:22px;position:relative;overflow:auto}@keyframes pop{0%{opacity:0;transform:translateY(24px)scale(.95)}}.close{z-index:3;cursor:pointer;color:#fff;background:#0000008c;border:none;border-radius:50%;width:34px;height:34px;font-size:1.3rem;transition:all .2s;position:absolute;top:12px;right:12px}.close:hover{background:var(--acc2);transform:rotate(90deg)}.modal-hero{background:linear-gradient(135deg, var(--c), #181826);height:190px;position:relative;overflow:hidden}.modal-hero>img{object-fit:cover;width:100%;height:100%}.modal-hero-fade{background:linear-gradient(#0000 30%,#181826);position:absolute;inset:0}.modal-title{align-items:center;gap:14px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.modal-title h2{text-shadow:0 2px 10px #000;font-size:1.4rem;line-height:1.2}.modal-title small{color:#ddd}.modal-body{gap:4px;padding:4px 22px 22px;display:grid}.pulls{margin:8px 0 0;font-size:1.05rem}.pulls b{color:var(--warn);font-size:1.3rem}.desc{color:#cfcfe3;margin-top:8px}.featured{flex-wrap:wrap;gap:12px;display:flex}.portrait{text-align:center;justify-items:center;gap:2px;width:84px;font-size:.8rem;display:grid}.portrait img{object-fit:cover;border:2px solid var(--c);width:72px;height:72px;transition:transform .2s var(--ease);background:#222;border-radius:50%}.portrait:hover img{transform:scale(1.1)}.rewards{flex-wrap:wrap;gap:8px;display:flex}.reward{background:#ffffff12;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:.85rem;transition:background .15s;display:inline-flex}.reward:hover{background:#ffffff24}.reward img{object-fit:contain;width:24px;height:24px}.reward b{color:var(--warn)}.actions{flex-wrap:wrap;margin-top:16px}@media (width<=700px){.app{padding:0 12px 48px}header{gap:8px}nav{flex-wrap:nowrap;width:100%;overflow-x:auto}nav button{white-space:nowrap}.head-actions{margin-left:0}.gcard-hero{height:130px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}nav button{font-weight:500}.lead{margin:-4px 0 12px;font-size:1rem}.small{margin-top:12px;font-size:.8rem}.inline-label{align-items:center;gap:8px;display:inline-flex}.picks{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}button.pick{font:inherit;color:inherit;text-align:left;width:100%}.pick:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;border-color:var(--line);transform:none}.pick-txt{flex:1;min-width:0;line-height:1.25;display:grid}.pick-txt strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}details.soon{margin-top:14px}details.soon .picks{margin-top:10px}.gcard-hero .corner{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.lane-empty{color:var(--muted);font-size:.85rem;position:absolute;top:34px;left:190px}.bar .thumb{object-fit:cover;background:#222;border:1.5px solid #ffffff8c;border-radius:8px;flex:none;width:26px;height:26px}.gsecs,.psecs{gap:28px;display:grid}.gsec-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.gsec-head h2{font-size:1.2rem}.gsec{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:22px;padding:18px}.ecard-faces{background:linear-gradient(135deg, var(--c), var(--c2));justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.ecard-faces img{object-fit:cover;border:3px solid #fffc;border-radius:50%;width:84px;height:84px;box-shadow:0 6px 20px #0006}.psec{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:22px;padding:18px}.stats{gap:10px;margin-left:auto;display:flex}.stats div{text-align:center;transition:transform .2s var(--ease), background .2s;background:#ffffff0f;border-radius:14px;padding:8px 16px;display:grid}.stats div:hover{background:#ffffff1c;transform:translateY(-2px)}.stats b{color:var(--c);font-size:1.15rem}.current{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 22%, transparent), #ffffff08);border:1px solid color-mix(in srgb, var(--c) 40%, transparent);border-radius:16px;margin-bottom:10px;padding:14px 16px}.current-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.progress{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg, var(--acc), var(--acc2));height:100%;box-shadow:0 0 14px var(--acc);transition:width .6s var(--ease);display:block}.next-patch{background:#ffffff0d;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.hist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.hist li{border-radius:10px;grid-template-columns:56px 150px 1fr 54px;align-items:center;gap:12px;margin:0 -10px;padding:5px 10px;transition:background .15s;display:grid}.hist li:hover{background:#ffffff0f}.hist .ver{font-weight:700}.hist .when{color:var(--muted);font-size:.82rem}.hist b{text-align:right}.bar-wrap{background:#ffffff0f;border-radius:999px;height:12px;position:relative}.bar-wrap .dur{border-radius:inherit;background:linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 45%, #fff));transition:filter .2s;position:absolute;inset:0 auto 0 0}.hist li:hover .dur{filter:brightness(1.25)}.bar-wrap .ref{background:#ffffff8c;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}@media (width<=700px){.hist li{grid-template-columns:46px 1fr 44px}.hist .when{display:none}.stats{width:100%;margin-left:0}.stats div{flex:1}}button,a,.pick,.ecard,.bcard{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fx{opacity:0;transition:opacity .6s var(--ease)}.fx.in{opacity:var(--o,1)}.has-vt main{animation:none}::view-transition-old(root){animation:vtOut .2s var(--ease) both}::view-transition-new(root){animation:vtIn .45s var(--ease) both}@keyframes vtOut{to{opacity:0;transform:translateY(-6px)}}@keyframes vtIn{0%{opacity:0;transform:translateY(14px)}}@keyframes cardIn{0%{opacity:0;transform:translateY(22px)scale(.97)}}.ecard,.bcard,.gcard,.pick,.psec,.gsec,.stats div{animation:cardIn .65s var(--spring) backwards;animation-delay:calc(var(--i,0) * 45ms)}.ecard,.bcard{content-visibility:auto;contain-intrinsic-size:auto 300px}.btn,.chip,.seg button,nav button,.pick,.ecard,.bcard,.gcard,.bar,.face-lg,.portrait img,.stats div,.list li,.plist li{transition-timing-function:var(--ease)}.btn{will-change:transform;transition-duration:.35s}.btn:active:not(:disabled){transition-duration:80ms}.ecard,.bcard,.gcard,.pick{transition:transform .5s var(--ease), box-shadow .45s var(--ease), border-color .3s;will-change:transform}.pick:hover:not(:disabled){transform:translateY(-4px)}.pick:active:not(:disabled),.ecard:active,.bcard:active,.gcard:active{transition-duration:.1s;transform:scale(.985)}nav button,.chip,.seg button{transition:color .25s, background .3s var(--ease), box-shadow .3s, transform .3s var(--ease)}nav button:active,.chip:active,.seg button:active{transform:scale(.94)}.list li,.plist li,.hist li{transition:background .25s var(--ease), transform .3s var(--ease)}header{transition:background .3s,border-color .3s}.backdrop{animation:fade .28s var(--ease) both}.backdrop.closing{animation:fadeOut .23s var(--ease) forwards}@keyframes fadeOut{to{opacity:0}}.modal{animation:modalIn .5s var(--spring) both;will-change:transform, opacity}.modal.closing{animation:modalOut .23s var(--ease) forwards}@keyframes modalIn{0%{opacity:0;filter:blur(6px);transform:scale(.82)translateY(24px)}}@keyframes modalOut{to{opacity:0;filter:blur(4px);transform:scale(.92)translateY(14px)}}.modal-body>*{animation:rise .55s var(--ease) both}.modal-body>:first-child{animation-delay:.12s}.modal-body>:nth-child(2){animation-delay:.17s}.modal-body>:nth-child(3){animation-delay:.22s}.modal-body>:nth-child(4){animation-delay:.27s}.modal-body>:nth-child(5){animation-delay:.32s}.modal-body>:nth-child(n+6){animation-delay:.37s}.modal-hero.tall{height:320px}.hero-art{object-fit:cover;object-position:50% 15%;width:100%;height:100%;animation:heroZoom 1.4s var(--ease) both;position:absolute;inset:0;transform:scale(1.04)}.hero-art.genshin{object-position:28% 20%}@keyframes heroZoom{0%{transform:scale(1.14)}}.close{transition:background .25s, transform .35s var(--spring)}.wall{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.wall-layer{opacity:0;transition:opacity 1.2s var(--ease);position:absolute;inset:-4%}.wall-layer.on{opacity:1}.wall-layer img{object-fit:cover;filter:saturate(1.2)brightness(.62)blur(1.5px);width:100%;height:100%;transform:translate3d(0, calc(var(--sy,0) * -.05px), 0) scale(1.07);transition:opacity .8s var(--ease);will-change:transform;position:absolute;inset:0}.wall-tint{background:radial-gradient(900px 600px at 82% 8%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%), linear-gradient(180deg, #0a0d1a4d, #0a0d1ac7 55%, #0a0d1af0);position:absolute;inset:0}.gsec{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e12248c}.gsec-head{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0d1a99;border-radius:16px;margin:-8px -12px 12px;padding:8px 12px;position:sticky;top:76px}.gsec-head h2{text-shadow:0 2px 12px color-mix(in srgb, var(--c) 60%, transparent);font-size:1.35rem}.face{object-position:50% 15%}.portrait img{object-position:50% 12%}.bcard{isolation:isolate;aspect-ratio:3/4;cursor:pointer;background:linear-gradient(160deg, var(--c), var(--c2));border:1px solid color-mix(in srgb, var(--c) 55%, transparent);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.bcard:hover,.bcard:focus-visible{box-shadow:0 28px 60px color-mix(in srgb, var(--c) 48%, transparent), 0 0 0 1px var(--c);outline:none;transform:translateY(-9px)scale(1.018)}.bcard.done{opacity:.6}.bcard .splash{object-fit:cover;object-position:50% 12%;z-index:-2;width:100%;height:100%;transition:transform 1.1s var(--ease), opacity .6s var(--ease);position:absolute;inset:0}.bcard .splash.genshin{object-position:30% 20%}.bcard:hover .splash{transform:scale(1.09)translateY(-1.5%)}.bcard-fade{z-index:-1;background:linear-gradient(#0000004d,#0000 28%,#080a168c 60%,#080a16f5);position:absolute;inset:0}.bcard-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:14px}.stars{color:#fbbf24;letter-spacing:2px;text-shadow:0 0 12px #fbbf24cc,0 1px 3px #000;font-size:.95rem}.bcard-info{gap:5px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}.bcard-info small{color:color-mix(in srgb, var(--c) 70%, #fff);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.bcard-info h3{text-shadow:0 2px 16px #000,0 0 2px #000;margin:0;font-size:1.45rem;line-height:1.12}.bcard-meta{flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.86rem;font-weight:600;display:flex}.bcard-others{gap:6px;margin-top:4px;display:flex}.bcard-others img{object-fit:cover;object-position:50% 12%;width:36px;height:36px;transition:transform .3s var(--spring);background:#222;border:2px solid #ffffffbf;border-radius:50%}.bcard-others img:hover{transform:scale(1.18)}@media (prefers-reduced-motion:reduce){.fx{opacity:1!important}.wall-layer img{transform:none}}.gsec .grid{align-items:start}.prog{align-items:center;gap:10px;margin-top:8px;display:flex}.prog-bar{background:#ffffff1f;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.prog-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 40%, #fff));box-shadow:0 0 10px color-mix(in srgb, var(--c) 70%, transparent);transform-origin:0;animation:progFill 1s var(--ease) backwards;position:absolute;inset:0 auto 0 0}.prog.urgent .prog-bar i{background:linear-gradient(90deg,#fb923c,#f43f5e);box-shadow:0 0 10px #f43f5e99}.prog.wait .prog-bar{background:repeating-linear-gradient(90deg,#ffffff1a 0 6px,#ffffff0a 6px 12px)}.prog span{text-align:right;min-width:3.2ch;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.prog.urgent span{color:#fda4af}.bcard .prog span{color:#e8e8f6;text-shadow:0 1px 4px #000}@keyframes progFill{0%{transform:scaleX(0)}}.ecard{background:#151a2e}.ecard:hover,.ecard:focus-visible{transform:translateY(-6px)}.bcard:hover,.bcard:focus-visible{transform:translateY(-9px)}.ecard-img{isolation:isolate;background-color:#151a2e;margin-bottom:-1px;transform:translateZ(0)}.ecard-img>img,.ecard-img>.ecard-faces{backface-visibility:hidden;display:block}.ecard-img .fade{background:linear-gradient(#0000 20%,#151a2e);inset:0 0 -2px}.ecard-body{background:#151a2e;position:relative}.ecard.bnr .ecard-img{aspect-ratio:512/200;height:auto}.ecard.bnr .ecard-img>img{object-position:center}.ecard.bnr .fade{background:linear-gradient(#0000 70%,#151a2e)}.modal-hero.bnr{aspect-ratio:512/200;height:auto}.modal-hero.bnr .hero-art{object-position:center}.modal-hero.bnr .modal-hero-fade{background:linear-gradient(#0000 55%,#181826)}.sec-band{z-index:1;pointer-events:none;border-top:1px solid #ffffff12;position:absolute;left:0;right:0}.sec-band.banner{background:linear-gradient(#fbbf2412,#0000 70%)}.sec-band.event{background:linear-gradient(#38bdf80f,#0000 70%)}.sec-band.challenge{background:linear-gradient(#f472b612,#0000 70%)}.sec-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px 0;font-size:.68rem;font-weight:700;display:inline-flex;position:sticky;left:184px}.kind-head{letter-spacing:.09em;text-transform:uppercase;color:var(--text);align-items:center;gap:8px;margin:4px 0 12px;font-size:.8rem;font-weight:700;display:flex}.kind-head small{color:var(--muted);font-weight:600}.kind-dot{background:var(--muted);border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px}.kind-dot.banner{color:#fbbf24;background:#fbbf24}.kind-dot.event{color:#38bdf8;background:#38bdf8}.kind-dot.challenge{color:#f472b6;background:#f472b6}.gsec .grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-auto-rows:318px;align-items:stretch}.gsec .grid>.ecard,.gsec .grid>.bcard{aspect-ratio:auto;contain-intrinsic-size:auto 318px;height:100%;min-height:0}.ecard{flex-direction:column;display:flex}.ecard-img,.ecard.bnr .ecard-img{aspect-ratio:auto;flex:0 0 150px;height:150px}.ecard-body{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow:hidden}.ecard-body h4,.bcard-info h3{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ecard-body .prog{margin-top:auto}.bcard .splash{object-position:50% 14%}.bcard-info h3{font-size:1.3rem}.gcard{background:#151a2e}.gcard-hero{isolation:isolate;background-color:#151a2e;margin-bottom:-1px;transform:translateZ(0)}.gcard-hero>img{backface-visibility:hidden;display:block}.gcard-hero .fade{background:linear-gradient(#0000 20%,#151a2e);inset:0 0 -2px}.gcard-body{background:#151a2e;position:relative}.tl{--label-w:176px;overscroll-behavior:auto;min-height:360px;max-height:calc(100vh - 270px);scroll-margin-top:84px;overflow:auto}.tl-corner,.tl-label{width:var(--label-w)}.tl-label{align-items:flex-start;padding:0}.tl-label-in{align-items:center;gap:10px;width:100%;min-width:0;padding:12px;display:flex;position:sticky;top:46px}.tl-label-in>span{min-width:0}.tl-lane.folded .tl-label-in{position:static}.bar-in,.sec-title{left:calc(var(--label-w) + 8px)}.bar.est{border-style:dashed}.prec{color:#fcd34d;text-transform:none;letter-spacing:0;cursor:help;margin-left:4px;font-weight:700}.fold{border:1px solid var(--line);width:28px;height:28px;color:var(--text);cursor:pointer;transition:background .2s, color .2s, transform .3s var(--spring);background:#ffffff14;border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:.8rem;display:grid}.fold:hover{background:var(--c);color:#000;transform:scale(1.12)}.gsec.folded{padding-bottom:10px}.gsec.folded .gsec-head{margin-bottom:0}.jump{flex-wrap:wrap;gap:8px;margin:-4px 0 14px;display:flex}.jump-chip{--c:#888;font:inherit;letter-spacing:.04em;color:var(--text);cursor:pointer;border:1px solid color-mix(in srgb, var(--c) 55%, transparent);transition:transform .25s var(--ease), background .25s, box-shadow .25s;background:#ffffff0d;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:.8rem;font-weight:700;display:inline-flex}.jump-chip:hover{background:color-mix(in srgb, var(--c) 24%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--c) 30%, transparent);transform:translateY(-2px)}.jump-chip:active{transform:scale(.95)}.jump-dot{background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);border-radius:50%}.jump-chip.ghost{color:var(--muted);border-style:dashed;border-color:var(--line)}.jump-chip.ghost:hover{color:var(--text);box-shadow:none;background:#ffffff14}.soon-strip{margin:0 0 16px}.soon-strip h3{margin:0 0 8px}.soon-list{scroll-snap-type:x proximity;scrollbar-width:thin;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.soon-card{--c:#888;scroll-snap-align:start;max-width:320px;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:var(--panel);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;border-radius:16px;flex:none;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.soon-card:hover{border-color:var(--c);box-shadow:0 10px 24px color-mix(in srgb, var(--c) 30%, transparent);transform:translateY(-3px)}.soon-card:active{transform:scale(.97)}.soon-img{object-fit:cover;object-position:50% 15%;background:#222;border-radius:12px;flex:none;width:46px;height:46px}.soon-txt{min-width:0;line-height:1.25;display:grid}.soon-txt b{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:.88rem;overflow:hidden}.soon-card em{color:#fcd34d;background:#fbbf2429;border-radius:999px;flex:none;padding:2px 9px;font-size:.78rem;font-style:normal;font-weight:700}.soon-card.urgent em{color:#fda4af;background:#f43f5e38}.more-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.gsec .kind-group.tall .grid{grid-auto-rows:auto;align-items:start}.gsec .kind-group.tall .grid>.bcard,.gsec .kind-group.tall .grid>.ecard{aspect-ratio:3/4;contain-intrinsic-size:auto 520px;height:auto}.gsec .kind-group.tall .grid>.ecard .ecard-img{aspect-ratio:auto;flex:auto;height:auto;min-height:0}.gsec .kind-group.tall .grid>.ecard .ecard-body{flex:none}.nopatch{margin-top:18px;line-height:2}.nopatch .tag{margin:0 4px}@media (width<=700px){.tl{min-height:320px;max-height:calc(100vh - 210px)}.tl-label-in{flex-direction:column;gap:6px;padding:10px 6px}.fold{margin-left:0}.jump{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.jump-chip{flex:none}}.lang{position:relative}.lang-btn{gap:6px;padding:5px 11px}.lang-btn svg{opacity:.85}.lang-menu{z-index:60;border:1px solid var(--line);min-width:150px;animation:rise .2s var(--ease);background:#101426f7;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #00000080}.lang-menu button{width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.lang-menu button:hover{background:#ffffff14}.lang-menu button.on{color:#fff;background:linear-gradient(135deg,#f472b659,#38bdf84d)}.lang-menu i{font-style:normal}.sec-title{letter-spacing:.07em;padding:8px 12px 0;font-size:.92rem;font-weight:800}.sec-band.banner .sec-title{color:#fde68a}.sec-band.event .sec-title{color:#bae6fd}.sec-band.challenge .sec-title{color:#fbcfe8}.sec-band{border-top-color:#ffffff21}.kind-group+.kind-group{margin-top:38px}.kind-head{letter-spacing:.06em;color:#fff;border-bottom:1px solid #ffffff1f;gap:10px;margin:6px 0 18px;padding-bottom:10px;font-size:1.05rem;font-weight:800}.kind-head small{color:#c7c9e0;font-size:.85rem}.kind-dot{width:12px;height:12px}@media (width<=700px){.lang-menu{left:0;right:auto}}.site-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;margin-top:40px;padding-top:20px;font-size:.85rem;display:flex}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--text)}.site-foot a.btn.donate{color:var(--text);background:#f472b629;border:1px solid #f472b680}.linkbtn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.linkbtn:hover{color:var(--text)}.consent{z-index:60;background:var(--panel2);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 16px;width:min(720px,100vw - 24px);padding:14px 18px;font-size:.86rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000080}.consent p{color:var(--text);flex:320px}.consent a{color:var(--acc2)}.consent-actions{gap:8px;margin-left:auto;display:flex}
.site-foot .donate-note{order:1;flex-basis:100%;text-align:center;font-size:.8rem;opacity:.85}