@font-face{font-family:Bagel Fat One;src:url(/fonts/bagel-latin.woff2)format("woff2");font-display:swap}@font-face{font-family:ZCOOL QingKe HuangYou;src:url(/fonts/zcool-ui.woff2)format("woff2");font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-latin.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--on-table:#f3e6cc;--on-table-soft:#f3e6cca8;--ui-paper:oklch(97.5% .008 78);--ui-sunk:oklch(94.5% .014 72);--ui-ink:oklch(22% .014 50);--ui-ink-soft:oklch(45% .02 55);--ui-rule:oklch(88% .02 68);--ui-edge:oklch(70% .03 60);--ui-panel-edge:oklch(58% .035 56);--yolk:oklch(85% .115 72);--yolk-hover:oklch(88% .105 76);--yolk-edge:oklch(60% .12 58);--mint:oklch(93% .055 160);--mint-edge:oklch(62% .09 160);--mint-ink:oklch(36% .06 160);--taro:oklch(91% .045 305);--taro-edge:oklch(60% .1 305);--taro-ink:oklch(37% .08 305);--butter:oklch(94% .085 98);--butter-edge:oklch(68% .12 88);--butter-ink:oklch(40% .07 80);--chili:oklch(55% .18 32);--display:"Bagel Fat One", "ZCOOL QingKe HuangYou", "PingFang SC", "Microsoft YaHei", sans-serif;--ui:"Figtree", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}::selection{background:var(--yolk);color:var(--ui-ink)}:focus-visible{outline:2px solid var(--yolk);outline-offset:3px}.i{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.btn{border:1px solid var(--ui-edge);height:40px;color:var(--ui-ink);font:600 14px/1 var(--ui);letter-spacing:.01em;white-space:nowrap;box-shadow:0 2px 0 var(--ui-edge);cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .15s ease;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex;position:relative}.btn:active{box-shadow:0 0 0 var(--ui-edge);transform:translateY(2px)}.btn.primary{background:var(--yolk);border-color:var(--yolk-edge);box-shadow:0 2px 0 var(--yolk-edge)}.btn.primary:active{box-shadow:0 0 0 var(--yolk-edge)}.btn.quiet{box-shadow:none;color:var(--ui-ink-soft);background:0 0;border-color:#0000;padding:0 12px}.btn.quiet:active{background:var(--ui-sunk);transform:none}.btn.danger{color:var(--chili)}.btn.icon{width:40px;padding:0}.btn.sm{border-radius:8px;height:32px;padding:0 12px;font-size:13px}.btn.icon.sm{width:32px;padding:0}.btn.wide{width:100%}.lang-btn.btn{gap:4px;padding-right:8px}.lang-btn.btn .i{width:16px;height:16px;color:var(--ui-ink-soft)}.lang-menu{z-index:96;border:1px solid var(--ui-edge);min-width:168px;box-shadow:0 3px 0 var(--ui-edge), 0 14px 34px #32190547;animation:lang-menu-in .16s var(--ease-out);background:#fff;border-radius:14px;gap:2px;padding:6px;display:grid;position:fixed}.lang-menu.down{transform-origin:85% 0}.lang-menu.up{transform-origin:85% 100%}@keyframes lang-menu-in{0%{opacity:0;transform:scale(.94)}}.lang-menu button{text-align:left;color:var(--ui-ink);font:600 14px/1.2 var(--ui);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 14px 9px 32px;position:relative}.lang-menu button:focus-visible{outline:2px solid var(--yolk-edge);outline-offset:-2px}.lang-menu button[aria-selected=true]{background:var(--ui-sunk);font-weight:700}.lang-menu button[aria-selected=true]:before{content:"";border:solid var(--ui-ink);border-width:0 2px 2px 0;width:5px;height:10px;margin-top:-7px;position:absolute;top:50%;left:14px;transform:rotate(45deg)}@media (hover:hover){.lang-menu button:hover{background:var(--ui-sunk)}}.btn[disabled]{background:var(--ui-sunk);color:oklch(62% .015 60);border-color:var(--ui-rule);box-shadow:0 2px 0 var(--ui-rule);cursor:not-allowed;transform:none}@media (hover:hover){.btn:hover{background:var(--ui-sunk)}.btn.primary:hover{background:var(--yolk-hover)}.btn.quiet:hover{background:var(--ui-sunk);color:var(--ui-ink)}.btn[disabled]:hover{background:var(--ui-sunk)}}.on-table .btn{box-shadow:0 2px 0 var(--ui-edge), 0 8px 18px -8px #000000b3}.on-table .btn.primary{box-shadow:0 2px 0 var(--yolk-edge), 0 8px 18px -8px #000000b3}.on-table .btn:active{box-shadow:0 0 0 var(--ui-edge), 0 4px 10px -6px #000000b3}.badge{background:var(--chili);color:#fff;min-width:16px;height:16px;font:700 10px/16px var(--ui);border-radius:8px;padding:0 4px;font-style:normal;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #2a1a0f}.badge:empty{width:10px;min-width:10px;height:10px;padding:0;top:-2px;right:-2px}.badge[hidden]{display:none}.linkish{color:var(--ui-ink-soft);font:500 13px var(--ui);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--ui-rule);text-decoration-color:var(--ui-rule);cursor:pointer;background:0 0;border:0;padding:2px 4px}.linkish:hover{color:var(--ui-ink);-webkit-text-decoration-color:var(--ui-ink);text-decoration-color:var(--ui-ink)}.adcall{height:34px;color:var(--on-table);font:600 13px var(--ui);cursor:pointer;background:#00000040;border:1.5px dashed #f3e6cc73;border-radius:10px;align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,background-color .15s;display:inline-flex}@media (hover:hover){.adcall:hover{border-color:var(--yolk);background:#00000061}}.switch{border:1px solid var(--ui-edge);background:var(--ui-sunk);cursor:pointer;width:46px;height:28px;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out);border-radius:14px;flex:none;padding:0;position:relative}.switch:after{content:"";border:1px solid var(--ui-edge);width:20px;height:20px;box-shadow:0 2px 0 var(--ui-edge);transition:transform .22s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--mint);border-color:var(--mint-edge)}.switch[aria-checked=true]:after{border-color:var(--mint-edge);box-shadow:0 2px 0 var(--mint-edge);transform:translate(18px)}.seg{border:1px solid var(--ui-rule);background:var(--ui-sunk);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{height:28px;color:var(--ui-ink-soft);font:600 13px var(--ui);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 12px;transition:background-color .15s,color .15s}.seg button[aria-pressed=true]{color:var(--ui-ink);border-color:var(--ui-edge);box-shadow:0 2px 0 var(--ui-edge);background:#fff}.modal{z-index:90;-webkit-user-select:text;user-select:text;touch-action:pan-y;background:#0804029e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal.in{animation:.18s ease-out both modal-fade}.modal.in .panel{animation:panel-in .26s var(--ease-out) both}@keyframes modal-fade{0%{opacity:0}}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.panel{width:min(420px,100%);max-height:calc(100dvh - 32px);color:var(--ui-ink);background:var(--ui-paper);border:1px solid var(--ui-panel-edge);box-shadow:0 4px 0 var(--ui-panel-edge), 0 34px 60px -24px #000000bf;font:15px/1.55 var(--ui);border-radius:18px;flex-direction:column;display:flex;position:relative}.panel-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 10px 22px;display:flex}.panel-head h2{font:400 26px/1 var(--display);letter-spacing:.02em;margin:0}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-edge) transparent;padding:4px 22px 22px;overflow:auto}.panel .group{font:700 12px var(--ui);letter-spacing:.08em;color:var(--ui-ink-soft);margin:18px 0 2px}.panel .item{border-bottom:1px solid var(--ui-rule);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.panel .item:last-child{border-bottom:0}.panel .item .k{font-weight:600}.panel .item .k small{color:var(--ui-ink-soft);font-size:13px;font-weight:400;display:block}.panel .links{border-top:1px dashed var(--ui-rule);flex-wrap:wrap;gap:6px 18px;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.panel .links a{color:var(--ui-ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--ui-rule);text-decoration-color:var(--ui-rule);text-underline-offset:3px}.panel .links a:hover{color:var(--ui-ink);-webkit-text-decoration-color:var(--ui-ink);text-decoration-color:var(--ui-ink)}a.btn{text-decoration:none}.account{background:var(--taro);border:1px solid var(--taro-edge);min-height:100px;box-shadow:0 2px 0 var(--taro-edge);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 6px;padding:16px 16px 16px 84px;display:flex;position:relative}.account img{transform-origin:50% 100%;filter:drop-shadow(0 4px 4px #3c145040);width:58px;position:absolute;bottom:0;left:12px;transform:rotate(-6deg)}.account b{font-weight:700;display:block}.account small{color:var(--taro-ink);font-size:13px;line-height:1.4;display:block}#toast{left:50%;top:max(70px, calc(env(safe-area-inset-top) + 58px));z-index:95;max-width:min(360px,90vw);color:var(--ui-ink);border:1px solid var(--ui-edge);box-shadow:0 2px 0 var(--ui-edge), 0 18px 30px -16px #000000b3;font:600 14px/1.4 var(--ui);text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .26s var(--ease-out);background:#fff;border-radius:12px;padding:10px 16px;position:fixed;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#dock[hidden],#empty[hidden]{display:none}#dock{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 14px));z-index:78;white-space:nowrap;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;transform:translate(-50%)}.dock-row{align-items:center;gap:10px;display:flex}#dock>.dock-row{align-self:stretch}.dock-row .stock-pill{flex:1;justify-content:center}#kinds{justify-content:center;min-width:116px}#dock .tiers[hidden]{display:none}#pile{pointer-events:none}.stock-pill{height:34px;color:var(--on-table-soft);font:600 13px var(--ui);font-variant-numeric:tabular-nums;background:#00000047;border-radius:10px;align-items:center;gap:6px;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1px #f3e6cc24}.stock-count{align-items:baseline;gap:4px;display:flex}html[data-lang=zh] .stock-count>span{position:relative;top:-2px}.stock-pill b{color:var(--on-table);font:400 18px/1 var(--display)}.pips{gap:3px;margin:0 4px;display:flex}.pips:empty{display:none}.pips i{background:#f3e6cc29;border-radius:2px;width:8px;height:6px}.pips i.on{background:var(--yolk)}#empty{z-index:30;justify-items:center;gap:12px;width:min(360px,100vw - 40px);display:grid;position:fixed;top:52%;left:50%;transform:translate(-50%,-50%)}#empty.in{animation:empty-in .42s var(--ease-out) both}@keyframes empty-in{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}}.stock-card{width:100%;color:var(--ui-ink);text-align:center;background:var(--ui-paper);border:1px solid var(--ui-panel-edge);box-shadow:0 3px 0 var(--ui-panel-edge), 0 30px 50px -24px #000c;border-radius:18px;justify-items:center;gap:10px;margin-top:100px;padding:64px 22px 22px;display:grid;position:relative}.stock-card .cat{filter:drop-shadow(0 10px 12px #00000059);height:150px;position:absolute;top:-100px}.stock-card .meta{color:var(--ui-ink-soft);gap:4px;font-size:13px;display:grid}.stock-card .meta b{color:var(--ui-ink);font-size:17px}.stock-card .time{font:400 46px/1 var(--display);font-variant-numeric:tabular-nums;margin:4px 0 6px}.stock-acts{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.stock-acts .btn{min-width:0;padding:0 12px}#corner{right:22px;bottom:max(22px, calc(env(safe-area-inset-bottom) + 12px));z-index:77;font:500 12px var(--ui);gap:14px;display:flex;position:fixed}#corner a{color:#f3e6cc66;text-decoration:none;transition:color .15s}#corner a:hover{color:var(--on-table);text-underline-offset:3px;text-decoration:underline}#corner[hidden]{display:none}@media (width<=960px){#corner{display:none}}#dock .adcall[hidden]{display:none}.dock-row,#dock .tiers{transition:opacity .25s,visibility}.dock-row.away,#dock .tiers.away{opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}.pack-ico{filter:drop-shadow(0 2px 3px #0006);flex:none;position:relative}.pack-ico[hidden],.pack-ico .pw-shadow{display:none}#kinds{height:34px;color:var(--on-table);cursor:pointer;background:#00000047;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 12px 0 10px;transition:opacity .25s,visibility,background .15s;display:flex;box-shadow:inset 0 0 0 1px #f3e6cc24}#kinds[hidden]{display:none}#kinds.away{opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}#kinds:hover,#kinds[aria-expanded=true]{background:#00000073}#kinds:focus-visible{outline:2px solid var(--yolk);outline-offset:2px}#kinds .n{font:400 18px/1 var(--display);font-variant-numeric:tabular-nums;padding-bottom:.14em}#kinds .i{width:15px;height:15px;color:var(--on-table-soft)}#kind-scrim{z-index:88;background:#08040280;animation:.18s ease-out both modal-fade;position:fixed;inset:0}#kind-scrim[hidden],#kind-menu[hidden]{display:none}#kind-menu{z-index:89;color:var(--ui-ink);background:var(--ui-paper);border:1px solid var(--ui-panel-edge);box-shadow:0 4px 0 var(--ui-panel-edge), 0 24px 50px -18px #000000b3;gap:4px;padding:8px;display:grid;position:fixed}#kind-menu.pop{transform-origin:50% 100%;width:260px;animation:lang-menu-in .16s var(--ease-out);border-radius:16px}#kind-menu.sheet{padding:10px 14px max(18px, env(safe-area-inset-bottom));animation:kind-sheet-in .26s var(--ease-out) both;border-bottom:0;border-radius:20px 20px 0 0;align-content:start;gap:8px;bottom:0;left:0;right:0}#kind-menu.sheet:before{content:"";background:var(--ui-rule);border-radius:2px;justify-self:center;width:36px;height:4px;margin-bottom:4px}@keyframes kind-sheet-in{0%{transform:translateY(100%)}}#kind-menu button{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:7px 12px 7px 10px;display:grid}#kind-menu.sheet button{gap:16px;min-height:84px;padding:10px 16px 10px 14px}#kind-menu.sheet .pack-ico{zoom:1.25}#kind-menu button[hidden]{display:none}#kind-menu button[aria-checked=true]{background:var(--ui-sunk);border-color:var(--ui-rule)}#kind-menu button:focus-visible{outline:2px solid var(--yolk-edge);outline-offset:-2px}@media (hover:hover){#kind-menu button:hover{background:var(--ui-sunk)}}#kind-menu .t{font:700 15px/1.25 var(--ui)}#kind-menu.sheet .t{font-size:17px}#kind-menu .n{text-align:center;min-width:34px;font:400 17px/1 var(--display);font-variant-numeric:tabular-nums;background:var(--ui-paper);box-shadow:inset 0 0 0 1px var(--ui-rule);border-radius:999px;padding:4px 9px calc(4px + .14em)}#kind-menu [aria-checked=true] .n{background:var(--yolk);box-shadow:0 2px 0 var(--yolk-edge), inset 0 1px 0 #ffffff80}@media (width<=520px){#dock .pips{display:none}}.admodal{width:min(380px,100%);overflow:hidden}.ad-top{font:700 12px var(--ui);letter-spacing:.06em;color:var(--ui-ink-soft);justify-content:space-between;align-items:center;padding:8px 8px 8px 18px;display:flex}.ad{text-align:center;border:1.5px dashed var(--ui-edge);background:var(--ui-sunk);color:var(--ui-ink-soft);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px;font-size:13px;display:flex}.ad b{font:700 13px var(--ui);color:var(--ui-ink)}.ad-slot{aspect-ratio:6/5;margin:0 14px}.ad-foot{justify-items:center;gap:10px;padding:16px 18px 18px;display:grid}.ad-foot .btn{font-variant-numeric:tabular-nums}#shop .panel{width:min(600px,100%)}#shop .panel-head{padding-bottom:0}.shop{grid-template-columns:repeat(2,1fr);gap:16px;padding:78px 20px 20px;display:grid;overflow:auto}.offer{--t:var(--butter);--te:var(--butter-edge);--ti:var(--butter-ink);--ground:84px;background:var(--t);border:1px solid var(--te);box-shadow:0 3px 0 var(--te);transition:transform .42s var(--ease-spring);border-radius:16px;flex-direction:column;padding:16px;display:flex;position:relative}.offer.taro{--t:var(--taro);--te:var(--taro-edge);--ti:var(--taro-ink)}@media (hover:hover){.offer:hover{transform:translateY(-3px)scale(1.025)}}.offer .pop{z-index:0;bottom:calc(100% - var(--ground));pointer-events:none;position:absolute}.offer .pop:after{content:"";z-index:-1;background:radial-gradient(closest-side,#28140066,#28140024 60%,#0000);border-radius:50%;height:14px;position:absolute;bottom:-7px;left:4%;right:4%}.offer .pop.heap{height:142px;right:0}.pop.heap img{filter:brightness(1.2)saturate(1.08);height:100%;display:block}.offer .pop.stack{width:88px;height:132px;right:22px}.pop.stack .pw-shadow{display:none}.pop.stack .pk{transform-origin:50% 100%;transform:translateX(calc(var(--i) * -5px)) rotate(calc(var(--i) * -3.5deg));position:absolute;inset:0}.offer .qty{font:400 58px/1 var(--display);letter-spacing:-.01em;margin:26px 0 0;position:relative}.offer .qty small{margin-right:2px;font-size:26px}.offer b{font:700 16px var(--ui);margin-top:10px}.offer b:has(+.buy){margin-bottom:14px}.offer p{color:var(--ti);margin:2px 0 14px;font-size:13px;line-height:1.45}.offer .buy{border-top:1px dashed var(--te);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.offer .price{font:400 22px/1 var(--display)}.offer .price small{font:500 11px var(--ui);color:var(--ti);margin-top:4px;display:block}.sticker{background:var(--ui-ink);color:var(--ui-paper);font:700 12px var(--ui);border-radius:6px;padding:3px 9px 4px;position:absolute;top:14px;left:14px;transform:rotate(-4deg)}.foil{background-blend-mode:normal, multiply, normal;background:linear-gradient(110deg,#0000 35%,#ffffffe6 50%,#0000 65%) 0 0/300% 100%,linear-gradient(90deg,#ffb6c6,#ffd6a6,#f6efa6,#b6efc8,#a6defe,#c6bcff,#f0b6ff,#ffb6c6) 0 0/200% 100%,#dfe3ec;animation:3.6s linear infinite foil}.sticker.foil{color:#283048;border:1px solid #28304838}@keyframes foil{to{background-position:-150% 0,-200% 0,0 0}}@media (prefers-reduced-motion:reduce){.foil{animation:none}}@media (width<=640px){.shop{grid-template-columns:1fr;grid-auto-rows:max-content;gap:56px}}.field{border:1px solid var(--ui-edge);width:100%;height:44px;color:var(--ui-ink);font:500 15px var(--ui);box-shadow:inset 0 2px 0 var(--ui-sunk);background:#fff;border-radius:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.field::placeholder{color:oklch(53% .018 60)}.field:focus{border-color:var(--yolk-edge);box-shadow:0 0 0 3px color-mix(in oklch, var(--yolk) 60%, transparent);outline:none}#login{padding-top:90px}.panel.login{width:min(380px,100%);overflow:visible}.login .cat{filter:drop-shadow(0 10px 12px #00000073);pointer-events:none;width:80px;position:absolute;top:-84px;right:70px;transform:rotate(6deg)}.login p{color:var(--ui-ink-soft);margin:0 0 16px;font-size:14px}.login .stack{gap:10px;display:grid}.or{color:var(--ui-ink-soft);align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--ui-rule);flex:1;height:1px}.tbd{color:var(--ui-ink-soft);margin-top:14px;font-size:12px}.steps{counter-reset:step;gap:12px;margin:4px 0 6px;padding:0;list-style:none;display:grid}.steps li{color:var(--ui-ink-soft);counter-increment:step;padding-left:38px;font-size:14px;position:relative}.steps li:before{content:counter(step);background:var(--butter);border:1px solid var(--butter-edge);width:26px;height:26px;box-shadow:0 2px 0 var(--butter-edge);color:var(--butter-ink);font:400 15px/1 var(--display);border-radius:8px;place-items:center;display:grid;position:absolute;top:0;left:0}.steps b{color:var(--ui-ink);font-size:15px;display:block}.rule-t{font:400 18px/1 var(--display);margin:22px 0 8px}.odds{gap:4px;display:grid}.odd{grid-template-columns:24px 4.6em 1fr 3.4em;align-items:center;gap:10px;min-height:36px;display:grid}.odd img{object-fit:contain;width:22px;height:22px}.odd .nm{font-size:14px;font-weight:600}.odd .bar{background:var(--ui-sunk);border:1px solid var(--ui-rule);border-radius:6px;height:12px;overflow:hidden}.odd .bar i{background:var(--c);border-radius:6px 0 0 6px;height:100%;display:block;box-shadow:inset 0 -3px #00000024}.odd .pc{text-align:right;font:700 15px var(--ui);font-variant-numeric:tabular-nums}.swatch{border:1px solid var(--ui-edge);width:18px;height:24px;box-shadow:0 2px 0 var(--ui-edge);border-radius:4px;margin:0 2px}.swatch.normal{background:#f4ecdc}.swatch.gold{background:linear-gradient(135deg,#f7dc8a,#c9952f 55%,#fbe7a6);border-color:#a77a22;box-shadow:0 2px #a77a22}.swatch.diamond{background:linear-gradient(135deg,#cfe8ff,#e9d4ff 40%,#c8f5e8 70%,#fff2c4);border-color:#7f8fb0;box-shadow:0 2px #7f8fb0}.swatch.rainbow{background:conic-gradient(from 200deg,#ff6b6b,#ffd36b,#7ee08a,#6bc7ff,#b98bff,#ff6b6b);border-color:#8a5a9e;box-shadow:0 2px #8a5a9e}.guard{background:var(--mint);border-radius:12px;gap:8px;margin-top:18px;padding:14px 16px;display:grid}.guard>div{align-items:flex-start;gap:10px;font-size:14px;font-weight:600;display:flex}.guard small{color:var(--mint-ink);font-size:13px;font-weight:400;display:block}.guard .i{color:var(--mint-ink);margin-top:2px}.fine{color:var(--ui-ink-soft);margin:14px 0 0;font-size:12px}.fine.demo{color:var(--chili);font-weight:600}#hud{z-index:80;padding:max(14px, env(safe-area-inset-top)) 18px 12px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}#hud>*{pointer-events:auto}#coach{z-index:85;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s;position:fixed;inset:0}#coach.on{opacity:1;visibility:visible;transition:opacity .4s}#coach-dim{pointer-events:none;opacity:0;background:#000;transition:opacity .4s;position:absolute;inset:0}#coach-dim.on{opacity:.9}.coach-hand{filter:drop-shadow(0 8px 10px #00000073);-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.coach-ring{border:3px solid #fff3d6;border-radius:50%;width:56px;height:56px;position:absolute;top:0;left:0;box-shadow:0 0 16px #ffd696cc}.coach-trail{transform-origin:0;filter:drop-shadow(0 0 6px #ffd696b3);background:repeating-linear-gradient(90deg,#fff3d6 0 10px,#0000 10px 18px);border-radius:3px;height:6px;position:absolute;top:-3px;left:0}.coach-say{white-space:nowrap;font:700 15px/1.2 var(--sans);letter-spacing:.04em;color:#3b2313;background:#fff6e4;border-radius:999px;padding:9px 18px;position:absolute;top:0;left:0;box-shadow:0 4px #00000059}.brand{--brand-zh:var(--serif-zh,"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif);--brand-latin:var(--card-latin,Georgia, "Times New Roman", serif);white-space:nowrap;color:#f3e6cf;align-items:center;gap:11px;min-width:0;display:flex}.brand>.seal{filter:drop-shadow(0 2px 1px #00000059);flex:none;height:46px}.brand-word{flex-direction:column;gap:4px;min-width:0;display:flex}.brand-word b{font:700 24px/1.1 var(--brand-zh);letter-spacing:.12em;text-shadow:0 2px #00000059}.brand-word>span{font:400 13px/1 var(--brand-zh);letter-spacing:.5em;color:#f3e6cfa6}html[data-lang=en] .brand-word b{font:600 22px/1.1 var(--brand-latin);letter-spacing:.02em}html[data-lang=en] .brand-word>span{font:italic 14px/1 var(--brand-latin);letter-spacing:0}.hud-right{flex-shrink:0;align-items:center;gap:10px;transition:opacity .22s;display:flex}.hud-right[inert],#dock[inert] .adcall,#corner[inert]{opacity:.35}@media (width<=520px){#hud{gap:8px;padding-inline:12px}.brand{gap:8px}.brand>.seal{height:38px}.brand-word b{font-size:20px}.brand-word>span{display:none}html[data-lang=en] .brand-word b{font-size:16px}}@media (width<=440px){html[data-lang=en] #hud .brand-word{display:none}.hud-right{gap:7px}.hud-right .btn.sm:not(.icon){padding:0 10px}.hud-right .btn-label{display:none}}.modal.page{place-items:stretch stretch;padding:0}.modal.page .panel{width:100%;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0}.modal.page.in .panel{animation:page-in .3s var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(28px)}}.modal.page .panel-head{padding:max(12px, env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--ui-rule);background:var(--ui-paper);flex-wrap:wrap;justify-content:flex-start}.modal.page .panel-head h2{margin-right:auto}.page-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-edge) transparent;flex:1;min-height:0;overflow:hidden auto}.page-wrap{width:min(1100px,100%);padding:20px 20px max(40px, env(safe-area-inset-bottom));align-content:start;gap:14px;margin:0 auto;display:grid}.page-wrap[hidden]{display:none}.sum-card{--t:var(--butter);--te:var(--butter-edge);--ti:var(--butter-ink);border:1px solid var(--ui-edge);box-shadow:0 3px 0 var(--ui-edge);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px 18px;display:flex}.sum-card.lv-account{--t:var(--taro);--te:var(--taro-edge);--ti:var(--taro-ink)}.sum-badge{text-align:center;width:64px;height:64px;font:400 28px/1 var(--display);background:var(--t);border:1px solid var(--te);box-shadow:0 2px 0 var(--te);border-radius:16px;flex:none;place-content:center;display:grid}.sum-badge small{font:700 10px/1.2 var(--ui);letter-spacing:.1em;color:var(--ti)}.sum-main{flex:1;gap:7px;min-width:0;display:grid}.sum-top{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.sum-top b{font:400 22px/1.1 var(--display);letter-spacing:.02em}.sum-top span{color:var(--ui-ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.lv-card .sum-top{flex-direction:column;align-items:flex-start;gap:2px}.lv-card .sum-top small{font:700 11px var(--ui);letter-spacing:.08em;color:var(--ti)}.sum-card .bar{background:var(--ui-sunk);border:1px solid var(--te);border-radius:5px;height:10px;overflow:hidden}.sum-card .bar i{background:var(--te);border-radius:5px;height:100%;display:block;box-shadow:inset 0 -3px #0000001f}.sum-meta{color:var(--ui-ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;font-size:12px;display:flex}.sum-meta b{color:var(--ui-ink)}.sum-meta .swatch{vertical-align:-1px;width:9px;height:12px;box-shadow:none;border-radius:2px;margin:0 5px 0 0;display:inline-block}.sum-act{flex-direction:column;flex:none;gap:8px;display:flex}.lv-gift{border:1px solid var(--te);background:var(--t);min-width:210px;box-shadow:0 3px 0 var(--te), 0 0 0 -1px transparent, 0 0 0 0 transparent, 0 0 0 -1px transparent, 0 0 0 0 transparent;color:var(--ui-ink);font:inherit;text-align:left;cursor:pointer;transition:transform .14s var(--ease-out), box-shadow .32s var(--ease-out);border-radius:14px;flex:none;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex;position:relative}.lv-gift.more{box-shadow:0 3px 0 var(--te), 5px 7px 0 -1px #fff, 5px 7px 0 0 var(--te), 0 0 0 -1px transparent, 0 0 0 0 transparent}.lv-gift.more2{box-shadow:0 3px 0 var(--te), 5px 7px 0 -1px #fff, 5px 7px 0 0 var(--te), 10px 13px 0 -1px #fff, 10px 13px 0 0 var(--te)}.lv-gift.stack{animation:gift-stack .36s var(--ease-out)}@keyframes gift-stack{30%{transform:translate(-2px,-4px)rotate(-1.2deg)}65%{transform:translate(1px,1px)rotate(.4deg)}}.gift-n.pop,.sum-top b.pop{animation:xp-pop .36s var(--ease-out)}.sum-badge.pop{animation:badge-pop .48s var(--ease-out)}@keyframes xp-pop{35%{transform:scale(1.25)}}@keyframes badge-pop{25%{box-shadow:0 2px 0 var(--te), 0 0 0 6px color-mix(in srgb, var(--te) 30%, transparent);transform:scale(1.16)rotate(-4deg)}60%{transform:scale(.97)rotate(1deg)}}.sum-top b{transform-origin:0 60%;display:inline-block}.sum-act{transition:opacity .24s, transform .24s var(--ease-out)}.sum-act.gone{opacity:0;pointer-events:none;transform:scale(.9)}.xp-orb{z-index:1000;pointer-events:none;width:14px;height:14px;animation:orb-in .16s var(--ease-out);background:radial-gradient(circle at 38% 35%,#fffbe8,#ffd76a 45%,#e59a1c 100%);border-radius:50%;position:fixed;top:-7px;left:-7px;box-shadow:0 0 10px 2px #ffc450bf}@keyframes orb-in{0%{opacity:0}}.xp-gain{z-index:1000;pointer-events:none;white-space:nowrap;font:400 18px/1 var(--display);color:var(--butter-ink);text-shadow:0 1px #fff;position:fixed;top:0;left:0}.sum-card .bar.gulp i{animation:.26s ease-out bar-gulp}@keyframes bar-gulp{30%{filter:brightness(1.35)saturate(1.2)}}@media (hover:hover){.lv-gift:not(.lock):hover{transform:translateY(-2px)}}.lv-gift:not(.lock):active{transform:translateY(2px)}.lv-gift.lock{cursor:default;filter:grayscale()opacity(.5)}.lv-gift.lock .gift-box{animation:none}.gift-box{transform-origin:50% 90%;flex:none;justify-content:center;align-items:center;min-width:52px;height:60px;animation:2.6s ease-in-out infinite gift-nudge;display:flex;position:relative}.gift-box>svg{fill:none;width:40px;height:40px;stroke:var(--te);stroke-width:1.8px}.gi{filter:drop-shadow(0 3px 3px #3c1e0a47);flex:none;height:56px;display:block;position:relative}.gi+.gi{margin-left:-24px}.gi:first-child{z-index:3}.gi:nth-child(2){z-index:2}.gi:nth-child(3){z-index:1}.gi.pack{object-fit:contain;width:38px;height:57px}span.gi.pack{background:linear-gradient(160deg,#e0533f,#8a1d18);border-radius:6px}.gi.look .look-back{width:38px}.gi.look .look-table{border-radius:6px;width:72px}.gi:nth-child(2){transform:rotate(8deg)translateY(-2px)}.gi:nth-child(3){transform:rotate(15deg)translateY(-3px)}.gift-n{z-index:4;min-width:22px;height:20px;font:700 11px/20px var(--ui);text-align:center;color:#fff;background:#d9493b;border-radius:10px;padding:0 5px;font-style:normal;position:absolute;top:-9px;right:-9px;box-shadow:0 0 0 2px #fff}.gift-txt{gap:1px;min-width:0;display:grid}.gift-txt small{font:700 11px var(--ui);letter-spacing:.06em;color:var(--ti)}.gift-txt b{font:400 18px/1.15 var(--display)}.lv-gift.in{animation:gift-in .52s var(--ease-out) both}.lv-gift.open{pointer-events:none;animation:gift-pop .38s var(--ease-out) both}.lv-gift.open .gift-box{animation:none}@keyframes gift-nudge{0%,70%,to{transform:none}76%{transform:rotate(-7deg)}82%{transform:rotate(6deg)}88%{transform:rotate(-3deg)}94%{transform:rotate(2deg)}}@keyframes gift-in{0%{opacity:0;transform:translateY(-18px)scale(.9)}60%{opacity:1;transform:translateY(3px)scale(1.02)}}@keyframes gift-pop{40%{transform:scale(1.06)}to{opacity:0;transform:scale(.94)}}.gift-fly{z-index:1000;pointer-events:none;white-space:nowrap;font:400 20px/1 var(--display);color:var(--butter-ink);background:var(--butter);border:1px solid var(--butter-edge);box-shadow:0 3px 0 var(--butter-edge);animation:gift-fly 1.2s var(--ease-out) forwards;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:fixed;translate:-50% -50%}.gift-fly .gi{filter:none;height:30px}.gift-fly .gi.pack{width:20px;height:30px}.gift-fly .gi+.gi{margin-left:-6px}.gift-fly b{font-weight:400}.look-back{aspect-ratio:2/3;position:relative;container-type:inline-size}.look-back .face{box-shadow:0 0 0 .6cqw #0000002e}.look-back.v-jade .back,html[data-back=jade] .card .back{background:radial-gradient(circle at 50% 42%,#2f8a6a,#17573f 62%,#0b3325)}.look-back.v-jade,html[data-back=jade] .card{--gold:#e9d08a}.look-back.v-gold .back,html[data-back=gold] .card .back{background:radial-gradient(circle at 50% 40%,#fbe7a6,#e0b552 45%,#9a6d1c)}.look-back.v-gold,html[data-back=gold] .card{--gold:#8a1d18}.look-back.v-gold .back-lattice,html[data-back=gold] .card .back-lattice{opacity:.5;filter:invert()}.look-back.v-gold .back-emblem [stroke],html[data-back=gold] .card .back-emblem [stroke]{stroke:#8a1d18}.look-back.v-gold .back-emblem [fill]:not([fill=none]),html[data-back=gold] .card .back-emblem [fill]:not([fill=none]){fill:#8a1d18}.look-back.v-ink .back,html[data-back=ink] .card .back{background:radial-gradient(circle at 50% 42%,#33427a,#1c2550 62%,#0c1028)}.look-back.v-ink,html[data-back=ink] .card{--gold:#d8dcef}.look-back.v-ink .back-emblem [stroke],html[data-back=ink] .card .back-emblem [stroke]{stroke:#d8dcef}.look-back.v-ink .back-emblem [fill]:not([fill=none]),html[data-back=ink] .card .back-emblem [fill]:not([fill=none]){fill:#d8dcef}.look-table{aspect-ratio:16/10;background:radial-gradient(ellipse 70% 60% at 52% 52%, #ffbe7829, transparent 70%), repeating-linear-gradient(92deg, #00000012 0 2px, transparent 2px 9px, #ffdcb406 9px 11px, transparent 11px 23px), radial-gradient(ellipse at 50% 45%, var(--w1) 0%, var(--w2) 55%, var(--w3) 100%);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff14,0 6px 18px #00000059}.look-show{z-index:98;perspective:1400px;-webkit-backdrop-filter:blur(6px);background:radial-gradient(at 50% 45%,#28180ce6,#080503f7);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.look-stage{place-items:center;width:min(300px,62vw,42vh);display:grid;position:relative}.look-stage.wide{width:min(600px,84vw,160vh - 384px)}.look-item{width:100%;transform-style:preserve-3d}.look-item .look-back{filter:drop-shadow(0 18px 30px #00000080);width:100%}.look-item .look-table{border-radius:18px}.look-rays{pointer-events:none;background:radial-gradient(circle,#ffd68c47,#0000 62%);border-radius:50%;animation:3s ease-in-out infinite alternate look-glow;position:absolute;inset:-40%}@keyframes look-glow{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1.05)}}.look-cap{color:#f6ead7;text-align:center;justify-items:center;gap:4px;display:grid}.look-cap small{font:700 12px var(--ui);letter-spacing:.2em;opacity:.7}.look-cap b{font:400 30px/1.1 var(--display)}.look-cap span{font:600 12px var(--ui);opacity:.6}.look-show .btn{min-width:140px}@keyframes gift-fly{0%{opacity:0;transform:translateY(10px)scale(.7)}18%{opacity:1;transform:translateY(-14px)scale(1.08)}70%{opacity:1;transform:translateY(-46px)scale(1)}to{opacity:0;transform:translateY(-64px)}}@media (width<=640px){.lv-gift{width:calc(100% - 10px)}.sum-card{flex-wrap:wrap;gap:12px;padding:14px}.sum-badge{width:52px;height:52px;font-size:22px}.sum-main{flex-basis:calc(100% - 64px)}.sum-card>.btn,.sum-act{width:100%}.sum-act{flex-direction:row}.sum-act .btn{flex:1}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{text-align:left;cursor:pointer;border:1px solid var(--ui-rule);min-width:76px;color:var(--ui-ink-soft);font:600 13px var(--ui);background:#ffffff80;border-radius:12px;flex-direction:column;flex:none;align-items:flex-start;gap:1px;padding:7px 12px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.chips button b{align-items:center;gap:6px;font-weight:700;display:inline-flex}.chips button b i{background:var(--c);width:8px;height:8px;box-shadow:0 0 0 1px color-mix(in oklch, var(--c) 60%, #000);border-radius:50%}.chips button small{font:500 12px var(--ui);opacity:.7;font-variant-numeric:tabular-nums}@media (hover:hover){.chips button:hover{color:var(--ui-ink);background:#fff}}.chips button[aria-pressed=true]{color:var(--ui-ink);border-color:var(--ui-ink);box-shadow:0 2px 0 var(--ui-ink);background:#fff}.chips button.todo{background:var(--butter);border-color:var(--butter-edge);color:var(--butter-ink)}.chips button.todo[aria-pressed=true]{border-color:var(--butter-ink);box-shadow:0 2px 0 var(--butter-ink)}.chips button.todo small{opacity:1;font-weight:700}.chips button.has:after,.ach-dims button.has:after{content:"";background:var(--chili);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}@media (width<=560px){.chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-14px;padding:0 14px 4px;overflow-x:auto}.page-wrap,.modal.page .panel-head{padding-inline:14px}}.dex-mats{width:100%}.dex-mats button{flex:1;justify-content:center;align-items:center;gap:7px;height:36px;display:inline-flex}.dex-mats .swatch{width:12px;height:16px;box-shadow:none;border-radius:3px;margin:0}.dex-mats small{opacity:.65;font-variant-numeric:tabular-nums;font-weight:500}#dex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:22px 16px;padding:10px 0 6px;display:grid}.dex-card{cursor:pointer;gap:8px;display:grid;container-type:inline-size}.dex-slot,.dex-lock{aspect-ratio:2/3;transition:transform .16s var(--ease-out)}.dex-slot .card{--cw:100%;position:relative}.dex-slot .card .face{box-shadow:0 1.5cqw 4cqw #3c1e0a59}@media (hover:hover){.dex-card:hover .dex-slot{transform:translateY(-4px)}}.dex-card.lost{cursor:default}.dex-lock{filter:saturate(.75)brightness(.9);background:radial-gradient(circle at 50% 42%,#b52a2c,#7c1416 62%,#4f0b0d);border-radius:4.6cqw;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 1.5cqw 4cqw #3c1e0a4d}.dex-lock b{font:400 40cqw/1 var(--display);color:var(--gold);text-shadow:0 1cqw #00000059;position:relative}.dex-cap{align-items:center;gap:6px;min-width:0;padding:0 2px;font-size:13px;display:flex}.dex-cap i{background:var(--rc);width:8px;height:8px;box-shadow:0 0 0 1px color-mix(in oklch, var(--rc) 60%, #000);border-radius:50%;flex:none}.dex-cap b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.dex-cap em{font:600 12px var(--ui);color:var(--ui-ink-soft);font-variant-numeric:tabular-nums;flex:none;font-style:normal}@media (width<=560px){.dex-mats small{display:none}#dex-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 10px}}.look-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;display:grid}.look-grid.wide{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.look-cell{color:inherit;font:inherit;transition:transform .16s var(--ease-out), border-color .16s;background:0 0;border:2px solid #0000;border-radius:14px;padding:6px;display:block;position:relative}.look-cell.on{border-color:var(--mint-edge);background:color-mix(in oklch, var(--mint) 30%, transparent)}.look-cell.on:after{content:"";background:var(--mint-edge) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat;border-radius:50%;width:26px;height:26px;position:absolute;top:-8px;right:-8px;box-shadow:0 2px #0000002e}.look-cell:not(.on){cursor:pointer}.look-cell.locked{cursor:help}@media (hover:hover){.look-cell:not(.on):not(.locked):hover{transform:translateY(-4px)}}.look-cell.locked>:not(.look-tip){filter:grayscale()brightness(.8);opacity:.45}.look-tip{z-index:2;color:#fff7ea;width:max-content;max-width:calc(100% - 8px);font:600 12px/1.35 var(--ui);text-align:center;opacity:0;pointer-events:none;transition:opacity .14s, transform .14s var(--ease-out);background:#20160eeb;border-radius:9px;padding:6px 10px;position:absolute;bottom:14%;left:50%;transform:translateY(4px);box-shadow:0 6px 16px #0000004d}.look-cell.tip .look-tip,.look-cell:focus-visible .look-tip{opacity:1;transform:none}@media (hover:hover){.look-cell:hover .look-tip{opacity:1;transform:none}}@media (width<=560px){.look-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 10px}.look-grid.wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.dot{background:#0000002e;border-radius:50%;width:9px;height:9px}.dot.on.normal{background:#9c8e78}.dot.on.gold{background:linear-gradient(135deg,#f7dc8e,#a87518)}.dot.on.diamond{background:linear-gradient(135deg,#7fd3ff,#c9a2ff,#ffb3d1)}.dot.on.rainbow{background:conic-gradient(#ff5e5e,#ffcf5e,#7dff6b,#5ed2ff,#b25eff,#ff5e5e)}.head-tabs{margin-right:6px}.head-tabs button{align-items:center;gap:6px;height:32px;padding:0 14px;display:inline-flex;position:relative}.head-tabs button small{opacity:.6;font-variant-numeric:tabular-nums;font-weight:500}.ach-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:10px;display:grid}.ach-row{border:1px solid var(--ui-rule);background:#fff;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.ach-row.ready{background:color-mix(in oklch, var(--yolk) 16%, #fff);border-color:var(--yolk-edge);box-shadow:0 2px 0 var(--yolk-edge)}.ach-row.all{background:#ffffff80}.medal{background:var(--ui-sunk);border:1px solid var(--ui-rule);color:oklch(72% .02 60);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.medal.on{background:radial-gradient(circle at 35% 30%, color-mix(in oklch, var(--mc) 40%, white), var(--mc) 70%);border-color:color-mix(in oklch, var(--mc) 65%, black);box-shadow:0 2px 0 color-mix(in oklch, var(--mc) 65%, black);color:#fff}.medal .i{stroke-width:2px;width:20px;height:20px}.ach-txt{min-width:0}.ach-txt b{font-weight:700}.ach-txt small{color:var(--ui-ink-soft);font-size:13px;line-height:1.4;display:block}.ach-row.secret .ach-txt b{letter-spacing:.2em;color:var(--ui-ink-soft)}.ach-prog{color:var(--ui-ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}.ach-prog .bar{background:var(--ui-sunk);border:1px solid var(--ui-rule);border-radius:4px;flex:1;max-width:260px;height:8px;overflow:hidden}.ach-prog .bar i{background:var(--pc);height:100%;display:block}.ach-prog em{color:var(--ui-ink);margin-right:6px;font-style:normal;font-weight:700}.ach-pips{flex-wrap:wrap;gap:3px;margin-top:7px;display:flex}.ach-pips i{border:1.5px solid var(--pc);opacity:.55;border-radius:50%;width:8px;height:8px}.ach-pips i.on{background:var(--pc);opacity:1}.ach-pts{font:700 12px var(--ui);color:var(--ui-ink-soft);font-variant-numeric:tabular-nums}.ach-done .i{stroke-width:2.4px;width:22px;height:22px;color:var(--mint-edge)}@media (width<=560px){.head-tabs{order:3;width:100%;margin:0}.head-tabs button{flex:1;justify-content:center}.ach-row{grid-template-columns:36px 1fr auto;gap:10px;padding:12px}.medal{width:34px;height:34px}}#ach-pop{left:50%;top:max(120px, calc(env(safe-area-inset-top) + 108px));z-index:96;max-width:min(380px,92vw);color:var(--ui-paper);background:var(--ui-ink);opacity:0;pointer-events:none;transition:opacity .22s ease, transform .32s var(--ease-spring);border:1px solid #000;border-radius:16px;align-items:center;gap:12px;padding:9px 18px 9px 9px;display:flex;position:fixed;transform:translate(-50%,-10px)scale(.96);box-shadow:0 3px #000,0 20px 34px -14px #000000d9}#ach-pop.show{opacity:1;transform:translate(-50%)scale(1)}#ach-pop small{font:700 11px var(--ui);letter-spacing:.1em;color:var(--yolk);display:block}#ach-pop b{font:700 15px/1.3 var(--ui)}#ach-pop em{color:var(--on-table-soft);margin-left:4px;font-style:normal;font-weight:600}.dust-pill{background:var(--butter);border:1px solid var(--butter-edge);height:28px;box-shadow:0 2px 0 var(--butter-edge);color:var(--butter-ink);font:600 12px var(--ui);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 11px 0 8px;display:inline-flex}.dust-pill b{color:var(--ui-ink);font:700 14px var(--ui)}.dust-pill .i{fill:currentColor;stroke:none;width:15px;height:15px}.panel.card-info{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);width:min(880px,100%);display:grid;overflow:hidden}.ci-tools{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:14px}.ci-stage{--cw:min(300px, 30vw);background:radial-gradient(circle at 50% 42%,oklch(42% .05 50),oklch(22% .03 45) 75%);border-radius:17px 0 0 17px;place-items:center;padding:44px 24px;display:grid}.ci-stage .card{position:relative}.ci-lock{width:var(--cw);container-type:inline-size}.ci-lock .dex-lock{filter:none;box-shadow:0 3cqw 8cqw #00000073}.ci-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-edge) transparent;min-height:0;padding:60px 26px 24px;overflow:auto}.ci-rar{font:700 12px var(--ui);color:#fff;background:var(--rc);border:1px solid color-mix(in oklch, var(--rc) 65%, #000);text-shadow:0 1px #00000040;border-radius:999px;padding:2px 10px;display:inline-block}.ci-title h2{font:400 34px/1.1 var(--display);letter-spacing:.02em;margin:8px 0 0}.ci-alt{color:var(--ui-ink-soft);margin:3px 0 0;font-size:14px}.ci-tag{margin:16px 0 4px;font-weight:700}.ci-fact{color:var(--ui-ink-soft);margin:12px 0 0;font-size:14px;line-height:1.7}.ci-tag+.ci-fact{margin-top:0}.ci-body h3{font:700 12px var(--ui);letter-spacing:.08em;color:var(--ui-ink-soft);margin:22px 0 6px}.ci-row{border-bottom:1px solid var(--ui-rule);justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;display:flex}.ci-row span{color:var(--ui-ink-soft)}.ci-mats{gap:6px;display:grid}.ci-mat{cursor:pointer;border:1px solid var(--ui-rule);border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:6px 10px;transition:background-color .15s,border-color .15s;display:flex}@media (hover:hover){.ci-mat:hover{background:#fff}}.ci-mat.on{border-color:var(--ui-ink);box-shadow:0 2px 0 var(--ui-ink);background:#fff}.ci-mat .swatch{flex:none;margin:0}.ci-mat .k{flex:1;font-weight:600}.ci-mat .k small{font:500 12px var(--ui);color:var(--ui-ink-soft);font-variant-numeric:tabular-nums;display:block}.ci-mat.miss .k{color:var(--ui-ink-soft)}.ci-have{font:700 14px var(--ui);color:var(--mint-edge);font-variant-numeric:tabular-nums}@media (width<=680px){.panel.card-info{grid-template-columns:1fr;overflow:auto}.ci-stage{--cw:min(200px, 50vw);border-radius:17px 17px 0 0;padding:56px 0 26px}.ci-body{padding:20px 20px 24px;overflow:visible}}