:root{color:#17191c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7f8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;margin:0}html{background:#f6f7f8;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}:root{--ink:#17191c;--muted:#777d85;--line:#e4e7ea;--surface:#fff;--soft:#f1f3f5;--accent:#17191c;--accent-dark:#30343a;--accent-soft:#f1f3f5;--success:#22976a;--shadow:0 16px 50px #13171c12}.app-shell{min-height:100vh;padding-bottom:112px}.page{width:min(1040px,100% - 40px);margin:0 auto;padding:56px 0 28px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:108px;display:flex}.eyebrow{color:#92979e;letter-spacing:.22em;margin-bottom:8px;font-size:11px;font-weight:750}.page-header h1{letter-spacing:-.045em;font-size:clamp(32px,5vw,48px);line-height:1.1}.balance-chip{text-align:right;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:2px;min-width:116px;padding:12px 16px;display:grid}.balance-chip span{color:var(--muted);font-size:11px}.balance-chip strong{font-size:20px}.category-bar{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-radius:16px;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:sticky;top:12px;box-shadow:0 8px 30px #13171c0d}.category-bar button{height:46px;color:var(--muted);background:0 0;border:0;border-radius:11px;font-weight:650}.category-bar button.active{color:#fff;background:var(--accent);box-shadow:0 5px 14px #17191c33}.product-list{gap:14px;padding:24px 0;display:grid}.product-card{background:var(--surface);border:1px solid var(--line);isolation:isolate;border-radius:20px;grid-template-columns:120px minmax(0,1fr);gap:24px;min-height:164px;padding:22px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 22px #13171c06}.product-card>*{z-index:1;position:relative}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-card.owned{background:#fbfcfc}.product-card.levelled-card{min-height:202px}.product-card.completed{background:linear-gradient(120deg,#effff5 0%,#c9f2da 28%,#f7fff9 48%,#bcebcf 70%,#effff5 100%) 0 0/240% 240%;border-color:#67c892;animation:5s ease-in-out infinite completed-gradient;box-shadow:0 14px 38px #28975b29,inset 0 0 0 1px #ffffffa6}.product-card.completed:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#ffffffc7,#0000);width:42%;height:220%;animation:3.6s ease-in-out infinite completed-shimmer;position:absolute;top:-60%;left:-65%;transform:rotate(18deg)}.product-card.completed .product-art{background:#ffffff94;border-color:#3ea86c47}.product-card.completed .product-description{color:#397257}.product-card.completed .product-price .owned-price{color:#127a47}.product-card.completed .add-button:disabled{color:#176f45;background:#ffffff8c;border-color:#27915659}.product-art,.cart-image,.owned-image{background:linear-gradient(135deg,#ffffffb8,#ffffff26),#eef0f2;border:1px solid #e7e9eb;border-radius:16px;place-items:center;display:grid;overflow:hidden}.product-art{width:120px;height:120px}.product-art img{object-fit:contain;width:78px;height:78px;image-rendering:pixelated}.product-info{flex-direction:column;min-width:0;display:flex}.product-title-line{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.product-title-line h2{letter-spacing:-.025em;margin-top:2px;font-size:21px}.effect-note{color:#62686f;background:#f0f2f3;border:1px solid #e2e5e7;border-radius:12px;margin:16px 2px -8px;padding:12px 15px;font-size:12px}.product-price{white-space:nowrap;flex:none}.product-price strong{font-family:inherit;font-size:27px}.product-price .owned-price{color:var(--success);font-size:14px;font-weight:750}.product-price span{color:var(--muted);font-size:12px}.product-description{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.7}.product-actions{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:14px;display:flex}.product-actions.single-action{justify-content:flex-end}.product-actions.levelled-action{grid-template-columns:minmax(0,1fr) 126px;align-items:end;gap:24px;display:grid}.product-actions.maxed-action{align-items:center}.maxed-level{gap:3px;display:grid}.maxed-level span{color:#4f7661;font-size:10px}.maxed-level strong{color:#12683e;font-size:14px}.level-slider{gap:12px;width:100%;display:grid}.slider-meta{justify-content:flex-start;align-items:center;display:flex}.slider-meta strong{background:#f1f3f4;border-radius:7px;padding:5px 9px;font-size:12px}.slider-scale{height:68px;position:relative}.level-slider input[type=range]{appearance:none;z-index:2;background:linear-gradient(to right, #d35e5e 0, #d35e5e var(--owned-progress), var(--accent) var(--owned-progress), var(--accent) var(--progress), #dfe3e9 var(--progress), #dfe3e9 100%);cursor:grab;border-radius:999px;outline:none;width:100%;height:6px;margin:0;transition:background .18s;position:absolute;top:30px;left:0}.level-slider input[type=range]:active{cursor:grabbing}.level-slider input[type=range]::-webkit-slider-thumb{appearance:none;border:5px solid var(--accent);background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s,box-shadow .16s;box-shadow:0 4px 13px #17191c3d}.level-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.16);box-shadow:0 5px 18px #17191c52}.level-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.16);box-shadow:0 5px 18px #17191c52}.level-slider input[type=range]::-moz-range-thumb{border:5px solid var(--accent);background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 4px 13px #17191c3d}.level-slider input[type=range].at-owned::-webkit-slider-thumb{border-color:#d35e5e}.level-slider input[type=range].at-owned::-moz-range-thumb{border-color:#d35e5e}.level-slider input:disabled{cursor:not-allowed;opacity:.6}.slider-marks{z-index:1;pointer-events:none;position:absolute;inset:0}.slider-mark{color:#848a92;white-space:nowrap;justify-items:center;font-size:9px;display:grid;position:absolute;top:0;transform:translate(-50%)}.slider-mark i{background:#c8ccd1;border-radius:999px;width:3px;height:9px;margin:12px 0 9px;display:block}.slider-mark.purchased{color:#c54f4f;font-weight:700}.slider-mark.purchased i{background:#d35e5e}.mark-level{height:13px;font-weight:650}.mark-price{color:inherit;font-size:9px}.add-button{color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:10px;min-width:126px;height:40px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s,background .2s;box-shadow:0 6px 16px #17191c24}.add-button:hover:not(:disabled){background:#35393e;transform:translateY(-1px);box-shadow:0 9px 20px #17191c33}.add-button:active:not(:disabled){transform:scale(.97)}.add-button.added{color:#555b62;background:var(--accent-soft);box-shadow:none;border-color:#dfe2e5}.add-button:disabled{color:#8d9299;background:#eef0f2;border-color:#e4e7ea}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #dbdfe3f2;border-radius:22px;grid-template-columns:repeat(2,1fr);width:min(430px,100% - 30px);height:76px;padding:7px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #10141829}.bottom-nav button{color:#92979e;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.bottom-nav button.active{color:#fff;background:var(--accent)}.bottom-nav svg,.cart-fab svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.cart-fab{z-index:35;color:#fff;background:#17191c;border:2px solid #fff;border-radius:18px;place-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s;display:grid;position:fixed;bottom:102px;right:max(24px,50vw - 520px);box-shadow:0 0 0 1px #17191c29,0 14px 35px #17191c47}.cart-fab:hover{transform:translateY(-3px)rotate(-2deg);box-shadow:0 0 0 1px #17191c33,0 18px 42px #17191c5c}.cart-fab:active{transform:scale(.94)}.cart-fab.populated{animation:.38s both cart-pop}.cart-fab span{color:#17191c;background:#fff;border:2px solid #17191c;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800;animation:.25s both badge-in;display:grid;position:absolute;top:-7px;right:-7px}.drawer-layer{z-index:60;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0e1161;border:0;position:absolute;inset:0}.cart-drawer{background:var(--surface);flex-direction:column;width:min(460px,100%);height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-20px 0 60px #10141829}.cart-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;min-height:104px;padding:28px;display:flex}.cart-drawer h2{font-size:28px}.close-button{background:var(--soft);border:0;border-radius:12px;width:38px;height:38px;font-size:26px;line-height:1}.cart-list{gap:10px;padding:18px;display:grid;overflow-y:auto}.cart-list article{border:1px solid var(--line);background:#fafbfb;border-radius:14px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:relative}.cart-image{border-radius:11px;width:58px;height:58px}.cart-image img,.owned-image img{object-fit:contain;width:38px;height:38px;image-rendering:pixelated}.cart-item-info{min-width:0}.cart-item-info h3{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.cart-item-info p{color:var(--muted);margin-top:3px;font-size:11px}.cart-list article>strong{padding-right:2px;font-size:13px}.remove-button{color:#9a5f5f;background:0 0;border:0;padding:3px;font-size:10px;position:absolute;bottom:5px;right:10px}.cart-empty,.empty-state{color:#9ba0a7;text-align:center}.cart-empty{flex:1;place-items:center;display:grid}.checkout-bar{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:20px 24px;display:flex}.checkout-bar div{gap:3px;display:grid}.checkout-bar span{color:var(--muted);font-size:11px}.checkout-bar strong{font-size:21px}.checkout-bar button{color:#fff;background:var(--accent);border:0;border-radius:12px;min-width:128px;height:48px;font-weight:750;transition:transform .16s,box-shadow .16s;box-shadow:0 8px 20px #17191c29}.checkout-bar button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 24px #17191c38}.checkout-bar button:disabled{color:#9ba0a7;background:#e9ebed}.auth-card,.content-card,.account-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 28px #13171c09}.auth-card{width:min(520px,100%);margin:16px auto 0;padding:8px 34px 34px}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-bottom:28px;display:grid}.auth-tabs button{height:58px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;font-weight:700}.auth-tabs button.active{color:var(--ink);border-color:var(--ink)}.auth-card form{gap:18px;display:grid}.auth-card label{gap:8px;display:grid}.auth-card label>span{color:#5f656c;font-size:12px;font-weight:650}.auth-card input,.rename-form input{background:#f6f7f8;border:1px solid #0000;border-radius:11px;outline:none;width:100%;height:48px;padding:0 14px}.auth-card input:focus,.rename-form input:focus{background:#fff;border-color:#9ca2a9}.captcha-field{grid-template-columns:1fr 160px;gap:10px;display:grid}.captcha-image{background:#f1f3f5;border:0;border-radius:11px;height:48px;padding:0;overflow:hidden}.captcha-image img{object-fit:cover;width:100%;height:100%}.primary-button{color:#fff;background:var(--accent);border:0;border-radius:11px;height:50px;margin-top:4px;font-weight:750;transition:transform .16s,box-shadow .16s;box-shadow:0 9px 22px #17191c29}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #17191c38}.account-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:28px;min-height:130px;padding:24px;display:grid}.account-identity{align-items:center;gap:15px;min-width:0;display:flex}.avatar{color:#fff;background:var(--ink);border-radius:18px;flex:none;place-items:center;width:64px;height:64px;font-size:25px;font-weight:800;display:grid}.account-identity h2{text-overflow:ellipsis;white-space:nowrap;font-size:21px;overflow:hidden}.account-identity p{color:var(--muted);margin-top:5px;font-size:12px}.points-balance{text-align:right;border-right:1px solid var(--line);gap:3px;padding-right:28px;display:grid}.points-balance span{color:var(--muted);font-size:11px}.points-balance strong{font-family:inherit;font-size:27px}.text-button{color:#8c6262;background:0 0;border:0;padding:9px 4px;font-size:12px}.content-card{margin-top:16px;padding:24px}.section-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title h2{font-size:18px}.section-title span{min-width:28px;height:28px;color:var(--muted);background:var(--soft);border-radius:9px;place-items:center;font-size:11px;font-weight:700;display:grid}.rename-form{grid-template-columns:minmax(0,1fr) 100px;gap:10px;display:grid}.rename-form button{color:#fff;background:var(--ink);border:0;border-radius:11px;font-weight:700}.owned-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.owned-groups{gap:22px;display:grid}.owned-group>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.owned-group>header h3{letter-spacing:.08em;font-size:12px}.owned-group>header span{color:var(--muted);font-size:10px}.owned-list article{border:1px solid var(--line);background:#fafbfb;border-radius:13px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;padding:11px;display:grid}.owned-image{border-radius:10px;width:52px;height:52px}.owned-list h3{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.owned-list p{color:var(--muted);margin-top:4px;font-size:10px}.order-list{gap:11px;display:grid}.order-card{border:1px solid var(--line);background:#fafbfb;border-radius:14px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.order-card.expanded{border-color:#cfd4d7;box-shadow:0 9px 24px #191c1f0d}.order-toggle{width:100%;min-height:62px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:background .16s;display:flex}.order-toggle:hover{background:#f3f5f5}.order-head-copy{gap:4px;display:grid}.order-head-copy strong{font-size:13px}.order-head-copy time{color:var(--muted);font-size:10px}.order-summary{align-items:center;gap:13px;display:flex}.order-summary p{white-space:nowrap;font-weight:750}.order-chevron{fill:none;stroke:#636970;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px;transition:transform .18s}.order-chevron.open{transform:rotate(180deg)}.order-card ul{border-top:1px solid var(--line);gap:8px;padding:13px 16px 16px;list-style:none;display:grid}.order-card li{color:#636970;justify-content:space-between;gap:20px;font-size:11px;display:flex}.order-card li strong{color:var(--ink);white-space:nowrap}.empty-state{padding:38px 10px;font-size:12px}.toast{z-index:100;color:#fff;background:#25292d;border-radius:11px;max-width:min(420px,100% - 32px);padding:12px 18px;font-size:13px;position:fixed;bottom:106px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0c0e1133}.toast.error{background:#8c3e3e}.account-enter-active,.account-leave-active{transition:opacity .24s,transform .24s}.account-enter-from{opacity:0;transform:translateY(10px)}.account-leave-to{opacity:0;transform:translateY(-8px)}.cart-list article{animation:.25s both cart-item-in}.drawer-enter-active,.drawer-leave-active{transition:opacity .25s}.drawer-enter-active .cart-drawer,.drawer-leave-active .cart-drawer{transition:transform .25s}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .cart-drawer,.drawer-leave-to .cart-drawer{transform:translate(100%)}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@keyframes cart-pop{0%{transform:scale(1)}45%{transform:scale(1.12)rotate(-4deg)}to{transform:scale(1)}}@keyframes badge-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes cart-item-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes completed-gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes completed-shimmer{0%,18%{opacity:0;left:-65%}35%{opacity:.8}68%,to{opacity:0;left:125%}}@media (width<=720px){.app-shell{padding-bottom:100px}.page{width:min(100% - 24px,1040px);padding-top:30px}.page-header{min-height:92px}.product-card{border-radius:17px;grid-template-columns:92px minmax(0,1fr);gap:15px;min-height:148px;padding:16px}.product-art{width:92px;height:92px}.product-art img{width:62px;height:62px}.product-title-line h2{font-size:17px}.product-price strong{font-size:22px}.product-description{margin-top:5px;font-size:11px;line-height:1.55}.product-actions{padding-top:10px}.level-slider{width:min(430px,100%)}.add-button{min-width:104px;height:36px;padding:0 12px;font-size:11px}.owned-list{grid-template-columns:repeat(2,1fr)}.cart-fab{bottom:96px;right:18px}}@media (width<=520px){.balance-chip{min-width:96px;padding:10px 12px}.category-bar{top:8px}.product-card{grid-template-columns:78px minmax(0,1fr);gap:12px}.product-art{width:78px;height:78px}.product-art img{width:54px;height:54px}.product-title-line{gap:8px}.product-price strong{font-size:19px}.product-description{display:block}.product-actions{gap:12px;margin-left:-90px;padding-top:14px}.product-actions.single-action,.product-actions.maxed-action{margin-left:0}.product-actions.levelled-action{grid-template-columns:minmax(0,1fr)}.product-actions.levelled-action .add-button{justify-self:end;min-width:118px}.level-slider{flex:1;min-width:0}.add-button{min-width:100px}.account-card{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:19px}.points-balance{border-right:0;padding-right:0}.text-button{border-top:1px solid var(--line);grid-column:1/-1;padding-top:14px}.owned-list{grid-template-columns:1fr}.auth-card{padding:6px 20px 24px}.captcha-field{grid-template-columns:minmax(0,1fr) 130px}.rename-form{grid-template-columns:minmax(0,1fr) 76px}.cart-drawer{border-radius:22px 22px 0 0;height:min(82vh,720px);top:auto;bottom:0}.drawer-enter-from .cart-drawer,.drawer-leave-to .cart-drawer{transform:translateY(100%)}}@media (width<=380px){.product-card{grid-template-columns:68px minmax(0,1fr);padding:13px}.product-art{width:68px;height:68px}.product-actions{margin-left:-80px}.product-actions.single-action,.product-actions.maxed-action{margin-left:0}.product-actions.levelled-action{margin-left:-80px}.add-button{min-width:90px;padding:0 8px}}