@font-face{font-family:Montserrat;src:url(/css/fonts/Montserrat.ttf);font-display:swap}@font-face{font-family:Montserrat-SemiBold;src:url(/css/fonts/Montserrat-SemiBold.ttf);font-display:swap}@font-face{font-family:Montserrat-Bold;src:url(/css/fonts/Montserrat-Bold.ttf);font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e13;--p1:#171a26;--p2:#1f2233;--p3:#272b3f;--line:#363c59;--line2:#464d72;--txt:#a1a8ce;--mut:#727bac;--acc:#adfcff;--acc2:#5ef7ff;--red:#e33636;--grn:#ade55c}*{box-sizing:border-box}body{background:var(--bg);color:var(--txt);margin:0;font:13px/1.4 Montserrat,Verdana,Tahoma,sans-serif;overflow:hidden}#canvas{position:fixed;top:0;bottom:0;left:0;right:0}a{color:var(--acc);text-decoration:none;transition:color .3s}a:hover{color:var(--acc2)}#topbar{z-index:3;background:linear-gradient(#0d0e13eb,#0d0e1300);justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-family:Montserrat-SemiBold,Montserrat,sans-serif;display:flex;position:fixed;top:0;left:0;right:380px}.brand{letter-spacing:.14em;color:#fff;font-family:Montserrat-Bold,Montserrat,sans-serif;font-size:13px}.brand b{color:var(--acc2);font-weight:inherit}.brand i{color:var(--bg);background:var(--acc);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal}.brand .betaBadge{letter-spacing:.1em;color:var(--mut);background:var(--p3);border:1px solid var(--acc2);vertical-align:2px;white-space:nowrap;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:9.5px;font-style:normal;line-height:1}#hud{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171a26d1;border-radius:12px;width:250px;padding:12px 14px;position:fixed;top:60px;left:14px}h1{color:#fff;margin:0 0 2px;font:16px Montserrat-Bold,Montserrat,sans-serif}.sub{color:var(--mut);margin-bottom:8px;font-size:11px}select{background:var(--p2);width:100%;color:var(--txt);border:1px solid var(--line);font:inherit;border-radius:8px;margin-top:6px;padding:7px 8px}.chk{color:var(--mut);margin-top:8px;display:block}#hud>button{width:100%;margin-top:8px}button{background:var(--p3);color:var(--acc);border:1px solid var(--line2);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 11px;font:12px Montserrat-SemiBold,Montserrat,sans-serif;transition:all .2s}button:hover:not(:disabled){background:var(--line);color:var(--acc2);border-color:var(--acc)}button:disabled{opacity:.45;cursor:not-allowed}#fxToggle.off,#clothToggle.off{opacity:.45}#ui{z-index:2;background:var(--p1);border-left:1px solid var(--line);flex-direction:column;width:380px;height:100%;display:flex;position:fixed;top:0;right:0}#sheetHandle{display:none}#ui header{border-bottom:1px solid var(--line);background:var(--p2);flex-wrap:wrap;align-items:center;gap:6px;padding:12px;display:flex}#shopPanel{flex-direction:column;flex:1;min-height:0;display:flex}#grid{scrollbar-color:var(--line2) var(--p1);scrollbar-width:thin;flex:1;padding:12px 12px 60px;overflow-y:auto}.slotGroup{margin-bottom:16px}.slotGroup>.label{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:10px}.cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.card{background:var(--p2);border:1px solid var(--line);cursor:pointer;border-radius:10px;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative;overflow:hidden}.card:hover{border-color:var(--line2);transform:translateY(-2px)}.card.on{border-color:var(--acc2);box-shadow:0 0 0 1px var(--acc2), 0 0 14px #5ef7ff40}.card .thumb{aspect-ratio:1;object-fit:cover;background:var(--bg) center/60% no-repeat;width:100%;display:block}.card .meta{padding:5px 7px 9px}.card .name{color:#cfd4ee;height:2.5em;font-size:10.5px;line-height:1.25;overflow:hidden}.card .tag{text-transform:capitalize;min-height:1em;margin-top:2px;font-size:9.5px}.card .rbar{background:var(--line);height:3px;position:absolute;bottom:0;left:0;right:0}.card .fxbadge{color:var(--acc2);text-shadow:0 0 6px #5ef7ffcc;font-size:11px;position:absolute;top:4px;right:5px}#toast{z-index:4;background:var(--p2);border:1px solid var(--acc2);color:var(--acc);opacity:0;pointer-events:none;border-radius:10px;padding:9px 16px;transition:all .25s;position:fixed;bottom:84px;left:calc(50% - 190px);transform:translate(-50%,8px)}#toast.on{opacity:1;transform:translate(-50%)}#status{color:var(--mut);z-index:2;max-width:calc(100% - 410px);font-size:11px;position:fixed;bottom:8px;left:14px}@media (max-width:760px){#topbar{height:44px;padding:0 10px;right:0}.brand{display:none}.back,#outfitBtn{align-items:center;min-height:40px;display:inline-flex}.back{white-space:nowrap;font-size:12px}.topRight{gap:8px}#outfitBtn{padding:5px 9px;font-size:11px}#outfitBtn,#outfitBtn>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#hud{width:auto;max-width:64vw;max-height:calc(100svh - var(--sheet-h,54svh) - 64px);padding:9px 11px;top:52px;left:8px;overflow:auto}#hud:not(.open)>:not(h1):not(.sub){display:none}#hud h1{cursor:pointer}#hud h1:after{content:" ▾";color:var(--acc2);font-size:11px}#ui{width:100%;height:54vh;height:var(--sheet-h,54svh);border-left:0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;transition:height .22s;top:auto;bottom:0;left:0;right:0}#ui.sheet-min{height:92px}#ui.sheet-min .sp-body,#ui.sheet-min .sp-footer,#hud.hud-hidden{display:none}#sheetHandle{cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:flex-end;width:100%;height:40px;margin-top:-22px;padding:0 0 6px;display:flex}#sheetHandle span{background:var(--line2);border-radius:2px;width:40px;height:4px}#personaBar .sper-bar,#arcanaBar .sper-bar{gap:6px;padding:6px 10px}#personaBar .sper-label,#personaBar .sper-cap,#arcanaBar .sper-label,#arcanaBar .sper-cap{display:none}#personaBar .sper-item,#arcanaBar .sper-item{width:40px;min-width:40px;max-width:40px}#personaBar .sper-icon,#arcanaBar .sper-icon{border-radius:9px;width:40px;height:40px}#personaBar .sper-fb,#arcanaBar .sper-fb{font-size:15px}#toast{left:50%;bottom:calc(var(--sheet-h,54svh) + 12px)}#status{display:none}}@media (max-width:900px) and (max-height:520px){#ui{width:min(380px,46vw);left:auto}#topbar{height:40px;padding:0 10px;right:min(380px,46vw)}.brand{display:none}.back{white-space:nowrap;font-size:12px}.back,#outfitBtn{align-items:center;min-height:40px;display:inline-flex}.topRight{white-space:nowrap;gap:8px}#hud{width:auto;max-width:58vw;max-height:calc(100svh - var(--sheet-h,54svh) - 60px);padding:9px 11px;top:46px;left:8px;overflow:auto}#hud:not(.open)>:not(h1):not(.sub){display:none}#hud h1{cursor:pointer}#hud h1:after{content:" ▾";color:var(--acc2);font-size:11px}}#importStatus,#setPickerBtn,#hud>select,#hud>button:not(#heroPickBtn),#hud>.chk{display:none!important}#heroPickBtn{width:100%;margin-top:8px;display:block}#viewCtl{margin-top:10px}#variantRow{display:none!important}#personaBar:empty{display:none}#loader{z-index:100;background:radial-gradient(ellipse at 50% 42%, #5ef7ff0f, transparent 60%), var(--bg);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .45s,visibility 0s .45s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loader:not(.done){transition:opacity,visibility}#loader .brand{font-size:15px}#loader .ld-bar{background:var(--line);border-radius:2px;width:220px;height:4px;overflow:hidden}#loader .ld-bar>i{background:linear-gradient(90deg, var(--acc2), var(--acc));border-radius:2px;width:0;height:100%;transition:width .4s;display:block;box-shadow:0 0 10px #5ef7ff8c}#loader .ld-text{letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-family:Montserrat-SemiBold,Montserrat,Verdana,sans-serif;font-size:11px}#loader .ld-text.err{color:var(--red)}#loader.done{opacity:0;visibility:hidden;pointer-events:none}#loader.err .ld-bar>i{background:linear-gradient(90deg, var(--red), #ff7a7a);box-shadow:0 0 10px #e336368c}@media (prefers-reduced-motion:reduce){#loader,#loader .ld-bar>i{transition:none}}#loader-mini{z-index:5;pointer-events:none;border:1px solid var(--line);color:var(--mut);letter-spacing:.06em;text-transform:uppercase;background:#171a26d1;border-radius:14px;padding:5px 12px;font:11px Montserrat-SemiBold,Montserrat,sans-serif;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#loader-mini:before{content:"";background:var(--acc2);border-radius:50%;width:7px;height:7px;margin-right:8px;animation:1s ease-in-out infinite ldpulse;display:inline-block}@keyframes ldpulse{50%{opacity:.25}}#loader-mini[hidden]{display:none}body.model-loading #canvas{filter:brightness(.45)saturate(.7)}#canvas{transition:filter .25s}#model-load{z-index:6;border:1px solid var(--line);color:var(--acc);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#171a26e0;border-radius:22px;align-items:center;gap:9px;padding:12px 20px;font:13px Montserrat-SemiBold,Montserrat,Verdana,sans-serif;display:inline-flex;position:fixed;top:50%;left:calc(50% - 190px);transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000073}#model-load[hidden]{display:none}#model-load:not([hidden]){animation:.22s ease-out mlin}@keyframes mlin{0%{opacity:0}to{opacity:1}}#model-load .ml-spin{border:3px solid var(--line2);border-top-color:var(--acc2);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite mlspin}@keyframes mlspin{to{transform:rotate(360deg)}}@media (max-width:760px){#model-load{top:38%;left:50%}}@media (prefers-reduced-motion:reduce){#model-load:not([hidden]){animation:none}#model-load .ml-spin{border-top-color:var(--acc2);animation:none}}.sp-root{flex-direction:column;height:100%;min-height:0;display:flex}.sp-header{border-bottom:1px solid var(--line);background:var(--p2);align-items:center;gap:8px;padding:10px 12px;display:flex}.sp-header .sp-spacer{flex:1}.sp-fx{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--txt);align-items:center;gap:7px;font:11px Montserrat-SemiBold,Montserrat,sans-serif;display:flex}.sp-switch{background:var(--p3);border:1px solid var(--line2);border-radius:10px;flex:none;width:34px;height:18px;transition:background .2s;position:relative}.sp-switch:after{content:"";background:var(--mut);border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px}.sp-fx.on .sp-switch{background:var(--acc2);border-color:var(--acc2)}.sp-fx.on .sp-switch:after{background:var(--bg);left:18px}.sp-tabs{border-bottom:1px solid var(--line);background:var(--p1);display:flex}.sp-tab{text-align:center;cursor:pointer;color:var(--mut);letter-spacing:.02em;border-bottom:2px solid #0000;flex:1;padding:11px 4px 9px;font:11px Montserrat-SemiBold,Montserrat,sans-serif;transition:color .15s}.sp-tab:hover{color:var(--txt)}.sp-tab.active{color:var(--acc2);border-bottom-color:var(--acc2)}.sp-body{scrollbar-color:var(--line2) var(--p1);scrollbar-width:thin;flex:1;min-height:0;padding:12px;overflow-y:auto}.sp-footer{border-top:1px solid var(--line);background:var(--p2);flex-direction:column;gap:8px;padding:10px 12px;display:none!important}.sp-footer .sp-summary{color:var(--txt);font-size:12px}.sp-footer .sp-summary b{color:var(--acc)}.sp-cart-btn{color:var(--txt);background:var(--p3);border:1px solid var(--line2);border-radius:10px;padding:11px;font-size:13px}.sp-cart-btn:hover:not(:disabled){color:var(--acc);border-color:var(--acc)}.sp-cart-btn:disabled{background:var(--p3);color:var(--mut);box-shadow:none}.sp-toast{z-index:30;background:var(--p2);border:1px solid var(--acc2);color:var(--acc);opacity:0;pointer-events:none;border-radius:10px;padding:9px 16px;font-size:12px;transition:all .25s;position:absolute;bottom:118px;left:50%;transform:translate(-50%,8px)}.sp-toast.on{opacity:1;transform:translate(-50%)}.sp-toast.err{border-color:var(--red);color:var(--red)}.sp-sets{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sp-set{border:1px solid var(--line);background:var(--p2);cursor:pointer;border-top-width:3px;border-radius:8px;transition:transform .12s,border-color .12s,box-shadow .12s;overflow:hidden}.sp-set:hover{border-color:var(--acc2);box-shadow:0 0 0 1px var(--acc2), 0 4px 14px #00000059;transform:translateY(-2px)}.sp-set-art{aspect-ratio:2/3;background:radial-gradient(circle at 50% 40%, var(--p3), var(--bg));flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}.sp-set-art.loading{background:linear-gradient(100deg, var(--p3) 30%, var(--p2,#232842) 50%, var(--p3) 70%);background-size:220% 100%;animation:1.3s linear infinite spshimmer}@keyframes spshimmer{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.sp-set-art.loading{animation:none}}.sp-set-art img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000080);width:25%;height:25%;padding:3px}.sp-set-art.with-art img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000080);width:100%;height:100%;padding:6px 0}.sp-set-name{color:var(--txt);height:2.8em;font-size:11.5px;line-height:1.3;overflow:hidden}.sp-set-meta{color:var(--mut);margin-top:5px;font-size:10px}.sp-set-price{color:var(--acc);margin-top:6px;font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:12px}.sp-set-price s{color:var(--mut);margin-right:5px;font-size:10px}.sp-set-body{padding:8px 10px 10px}.sp-set-cart{letter-spacing:.04em;color:var(--acc);border:1px solid var(--line2);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:5px 10px;font:11px Montserrat-SemiBold,Montserrat,sans-serif}.sp-set-cart:hover{border-color:var(--acc)}.sp-set-cart.sent{color:#7fcf9a;border-color:#7fcf9a73}.sp-items{gap:10px;min-height:0;display:flex}.sp-rail{overscroll-behavior:contain;background:var(--p1);scrollbar-width:thin;scrollbar-color:var(--line2) var(--p1);flex-direction:column;flex:none;align-self:flex-start;gap:3px;width:126px;max-height:calc(100vh - 132px);margin:-12px -8px;padding:12px 8px;display:flex;position:sticky;top:-12px;overflow-y:auto}.sp-rail::-webkit-scrollbar{width:5px}.sp-rail::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}.sp-rail::-webkit-scrollbar-track{background:0 0}.sp-slot-btn{text-align:left;background:var(--p2);border:1px solid var(--line);cursor:pointer;color:var(--mut);border-radius:7px;align-items:center;gap:7px;padding:7px 9px;font:11px Montserrat-SemiBold,Montserrat,sans-serif;transition:all .15s;display:flex;position:relative}.sp-slot-btn:hover{color:var(--txt);border-color:var(--line2)}.sp-slot-btn.active{color:var(--acc2);border-color:var(--acc2);background:var(--p3)}.sp-slot-btn .sp-dot{background:var(--acc2);width:5px;height:5px;box-shadow:0 0 6px var(--acc2);border-radius:50%;flex:none;margin:0}.sp-slot-btn .sp-cnt{color:var(--mut);background:var(--p3);border-radius:8px;flex:none;align-items:center;gap:3px;padding:2px 4px;font-size:9px;line-height:1;display:inline-flex}.sp-slot-main{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;display:flex}.sp-slot-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sp-slot-icon{object-fit:contain;background:var(--p3);border:1px solid var(--line);border-radius:4px;flex:none;width:24px;height:24px}.sp-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:8px;min-width:0;display:grid}.sp-grid.narrow{grid-template-columns:1fr}.sp-banner{color:var(--mut);background:var(--p2);border:1px dashed var(--line2);border-radius:8px;grid-column:1/-1;padding:8px 10px;font-size:11px}.sp-empty{color:var(--mut);text-align:center;grid-column:1/-1;padding:20px;font-size:11px}.sp-card{background:var(--p2);border:1px solid var(--line);cursor:pointer;border-radius:8px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.sp-card:hover{border-color:var(--line2)}.sp-card.on{border-color:var(--acc2);box-shadow:0 0 0 1px var(--acc2), 0 0 12px #5ef7ff40}.sp-card .rbar{background:var(--line);height:3px;position:absolute;bottom:0;left:0;right:0}.sp-thumb{aspect-ratio:3/2;object-fit:cover;background:var(--bg);width:100%;display:block}.sp-card .fx{color:var(--acc2);text-shadow:0 0 6px #5ef7ffcc;font-size:13px;position:absolute;top:4px;right:5px}.sp-card-name{height:2.5em;color:var(--txt);font-size:10px;line-height:1.3;overflow:hidden}.sp-card-price{color:var(--acc);margin-top:3px;font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:11px}.sp-card-price s{color:var(--mut);margin-right:3px;font-size:9px}.sp-card-meta{padding:6px 7px 8px}.sp-cart-icon{background:var(--p3);border:1px solid var(--line2);width:22px;height:22px;color:var(--acc);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex;position:absolute;top:4px;left:4px}.sp-cart-icon:hover{background:var(--line);color:var(--acc2);border-color:var(--acc)}.sp-cart-icon.sent{color:#7fcf9a;border-color:#7fcf9a73}.sp-empty-state{color:var(--mut);text-align:center;padding:30px 12px;font-size:12px}@media (max-width:760px){#shopPanel{flex:1;min-height:0}.sp-header{flex-wrap:nowrap;gap:6px;padding:6px 10px}.sp-tabs{white-space:nowrap;scrollbar-width:none;display:flex;overflow-x:auto}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{flex:none;min-height:44px;padding:12px 14px 10px}.sp-header>button{min-height:40px}.sp-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.sp-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;gap:8px}.sp-footer .sp-summary{flex:auto;min-width:0;font-size:11px;line-height:1.25}.sp-footer .sp-cart-btn{white-space:normal;flex:none;min-height:44px;padding:0 14px;font-size:12px;line-height:1.25}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.sp-grid.narrow{grid-template-columns:1fr}.sp-sets{grid-template-columns:repeat(2,1fr)}.sp-items{flex-direction:column}.sp-rail{scrollbar-width:none;flex-direction:row;width:100%;padding-bottom:4px;overflow:auto hidden}.sp-slot-btn{min-height:40px}.sp-style{min-width:40px;height:40px}.sp-rail::-webkit-scrollbar{display:none}.sp-slot-btn{flex:none;min-height:36px}.sp-slot-main{flex-direction:row;align-items:center;gap:7px}.sp-slot-name{white-space:nowrap}.sp-slot-icon{width:26px;height:26px}.sp-cart-icon{width:40px;height:40px;font-size:15px}.sp-ormv,.sp-ocart{min-width:40px;min-height:40px}.sp-osave input{min-height:40px}}.sp-thumb-ph{aspect-ratio:3/2;width:100%;color:var(--mut);background:var(--p3);place-items:center;font-size:28px;display:grid}.sp-card-base{color:var(--mut);margin-top:2px;font-size:10px}.sp-outfit{flex-direction:column;gap:6px;padding:8px 4px;display:flex}.sp-osec{letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:8px 2px 2px;font-size:11px}.sp-orow{background:var(--p2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:6px;display:flex}.sp-othumb{object-fit:contain;background:var(--p3);border-radius:5px;flex:none;width:54px;height:36px}.sp-othumb.ph{visibility:hidden}.sp-omid{flex:1;min-width:0}.sp-oname{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sp-oslot{color:var(--mut);font-size:10px}.sp-oside{flex:none;align-items:center;gap:6px;display:flex}.sp-ostat{font-size:11px}.sp-ostat.price{color:var(--acc)}.sp-ostat.mut{color:var(--mut)}.sp-ostat.warn{color:var(--red)}.sp-ocart,.sp-ormv{color:var(--txt);background:var(--p3);border:1px solid var(--line2);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:11px}.sp-ocart:hover{border-color:var(--acc2);color:var(--acc)}.sp-ocart.sent{color:#7fcf9a;border-color:#7fcf9a73}.sp-ormv{color:var(--mut)}.sp-obar{flex-direction:column;gap:8px;margin-top:6px;display:flex}.sp-osum{color:var(--txt);font-size:12px}.sp-osave{gap:6px;display:flex}.sp-osave input{min-width:0;color:var(--txt);background:var(--p3);border:1px solid var(--line2);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.sp-styles{gap:4px;margin-top:4px;display:flex}.sp-card>.sp-styles{margin:0;position:absolute;top:26px;right:4px}.sp-style{min-width:20px;height:20px;color:var(--txt);border:1px solid var(--line2);cursor:pointer;background:#0a0c14c7;border-radius:5px;padding:0 5px;font-size:10px}.sp-style.on{color:var(--bg);background:var(--acc);border-color:var(--acc)}@media (max-width:900px) and (max-height:520px){.sp-tab{min-height:40px;padding:10px 12px 8px}.sp-header>button,.sp-slot-btn,.sp-cart-btn,.sp-ocart,.sp-ormv,.sp-osave input{min-height:40px}.sp-style{min-width:40px;height:40px}.sp-cart-icon{width:36px;height:36px;font-size:15px}}@media (max-width:760px){.sp-style{min-width:40px;height:40px;padding:0 7px;font-size:11px}}.sp-styles.busy{opacity:.6;transition:opacity .15s}.sa-search{background:var(--p2);width:100%;color:var(--txt);border:1px solid var(--line);font:inherit;border-radius:8px;margin-bottom:10px;padding:7px 8px}.sa-search:focus{border-color:var(--acc2);outline:none}.sa-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.sa-card{background:var(--p2);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:10px 11px;transition:border-color .15s,box-shadow .15s}.sa-card:hover{border-color:var(--line2)}.sa-card.on{border-color:var(--acc2);box-shadow:0 0 0 1px var(--acc2), 0 0 14px #5ef7ff40}.sa-card .sa-row{align-items:center;gap:8px;display:flex}.sa-card .sa-play{color:var(--acc2);font-size:16px;line-height:1}.sa-card .sa-name{color:#cfd4ee;flex:1;font-size:12px;line-height:1.3}.sa-card .sa-dur{color:var(--mut);font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:10.5px}.sa-empty{color:var(--mut);text-align:center;padding:20px 0}.sa-panel{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;overflow-y:auto}.sa-switch{background:var(--p2);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.sa-switch .sa-label{color:#cfd4ee;flex:1;font-size:12px}.sa-track{cursor:pointer;flex:none;width:44px;height:26px;position:relative}.sa-track input{opacity:0;width:0;height:0;position:absolute}.sa-track .sa-knob{background:var(--p3);border:1px solid var(--line2);border-radius:999px;transition:background .2s,border-color .2s;position:absolute;top:0;bottom:0;left:0;right:0}.sa-track .sa-knob:after{content:"";background:var(--mut);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.sa-track input:checked+.sa-knob{background:var(--acc2);border-color:var(--acc2)}.sa-track input:checked+.sa-knob:after{background:var(--bg);transform:translate(18px)}.sa-heading{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px;font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:10px}.sa-item{background:var(--p2);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;display:flex}.sa-item .sa-iname{color:#cfd4ee;font-size:12px}.sa-item .sa-fx{color:var(--acc2);text-shadow:0 0 6px #5ef7ff99;white-space:nowrap;font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:10.5px}.sa-item.muted .sa-iname{color:var(--mut)}.sa-hint{color:var(--mut);font-size:11px;line-height:1.45}.sm-sec{letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:10px 2px 6px;font-size:11px}.sm-sec:first-child{margin-top:0}.sm-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sm-card{text-align:left;white-space:normal;background:var(--p2);border:1px solid var(--line);color:var(--txt);border-radius:10px;align-items:center;gap:9px;padding:10px 11px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.sm-card:hover:not(:disabled){background:var(--p3);border-color:var(--line2);color:var(--acc)}.sm-card.on{border-color:var(--acc2);color:#fff;box-shadow:0 0 0 1px #5ef7ff59,0 0 14px #5ef7ff1f}.sm-ico{background:var(--p1);border:1px solid var(--line);width:30px;height:30px;color:var(--acc2);border-radius:8px;flex:none;place-items:center;font:13px Montserrat-Bold,Montserrat,sans-serif;display:grid}.sm-card.on .sm-ico{background:var(--acc2);color:var(--bg);border-color:var(--acc2)}.sm-name{font:12px/1.25 Montserrat-SemiBold,Montserrat,sans-serif}.sm-hint{color:var(--mut);font-size:10px}.hp-backdrop{z-index:50;opacity:0;visibility:hidden;background:#0d0e13b8;transition:opacity .22s,visibility .22s;position:fixed;top:0;bottom:0;left:0;right:0}.hp-backdrop.open{opacity:1;visibility:visible}.hp-drawer{color:#a1a8ce;background:#171a26;border-right:1px solid #363c59;flex-direction:column;width:min(560px,100vw);height:100%;font-family:Montserrat,Verdana,Tahoma,sans-serif;transition:transform .26s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;top:0;left:0;transform:translate(-102%);box-shadow:18px 0 40px #00000073}.hp-backdrop.open .hp-drawer{transform:translate(0)}.hp-header{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.hp-title{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-family:Montserrat-Bold,Montserrat,sans-serif;font-size:16px}.hp-close{color:#a1a8ce;background:#1f2233;border:1px solid #464d72;border-radius:6px;width:28px;height:28px;padding:0;line-height:1}.hp-close:hover{color:#5ef7ff;background:#272b3f;border-color:#5ef7ff}.hp-search{color:#a1a8ce;background:#1f2233;border:1px solid #363c59;border-radius:8px;margin:0 16px;padding:9px 12px;font:12px Montserrat,Verdana,sans-serif}.hp-search:focus{border-color:#5ef7ff;outline:none;box-shadow:0 0 0 2px #5ef7ff2e}.hp-search::placeholder{color:#727bac}.hp-counter{color:#727bac;letter-spacing:.06em;padding:10px 16px 8px;font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:11px}.hp-body{scrollbar-color:#464d72 #171a26;scrollbar-width:thin;flex:1;min-height:0;padding:0 16px 24px;overflow-y:auto}.hp-section{margin-bottom:18px}.hp-section[hidden],.hp-tile[hidden],.hp-empty[hidden],.hp-tile img[hidden],.hp-fb[hidden]{display:none!important}.hp-sec-head{align-items:center;gap:8px;margin-bottom:9px;display:flex}.hp-sec-bar{border-radius:2px;width:4px;height:15px}.hp-sec-title{letter-spacing:.1em;text-transform:uppercase;font-family:Montserrat-SemiBold,Montserrat,sans-serif;font-size:12px}.hp-sec-count{color:#727bac;background:#1f2233;border:1px solid #363c59;border-radius:9px;margin-left:auto;padding:1px 7px;font-size:11px}.hp-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.hp-tile{cursor:pointer;text-align:center;background:#1f2233;border:1px solid #363c59;border-radius:8px;transition:transform .14s,border-color .14s,box-shadow .14s;overflow:hidden}.hp-tile:hover{border-color:var(--glow,#5ef7ff);box-shadow:0 6px 16px #00000073, 0 0 14px var(--glow,#5ef7ff);transform:translateY(-3px)}.hp-tile.current{border-color:#5ef7ff;box-shadow:0 0 0 1px #5ef7ff,0 0 12px #5ef7ff59}.hp-tile img{aspect-ratio:1;object-fit:cover;background:#0d0e13;width:100%;display:block}.hp-fb{aspect-ratio:1;color:#adfcff;background:#272b3f;justify-content:center;align-items:center;width:100%;font-family:Montserrat-Bold,Montserrat,sans-serif;font-size:20px;display:flex}.hp-name{color:#a1a8ce;white-space:nowrap;text-overflow:ellipsis;padding:5px 4px 6px;font-size:11px;line-height:1.25;overflow:hidden}.hp-tile:hover .hp-name,.hp-tile.current .hp-name{color:#fff}.hp-empty{text-align:center;color:#727bac;letter-spacing:.06em;padding:26px 0;font-size:12px}@media (max-width:760px){.hp-close{min-width:40px;min-height:40px}.hp-search{min-height:40px;padding:6px 12px}.hp-drawer{width:100vw;height:100vh;height:100svh;padding-bottom:env(safe-area-inset-bottom);border-right:none}.hp-header{padding-top:calc(14px + env(safe-area-inset-top))}.hp-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width:900px) and (max-height:520px){.hp-close{min-width:40px;min-height:40px}.hp-search{min-height:40px}}.sl-root{flex-direction:column;gap:8px;padding:10px 0;display:flex}.sl-label{color:var(--mut);letter-spacing:.06em;text-transform:uppercase;font:11px Montserrat-SemiBold,Montserrat,sans-serif}.sl-chips{flex-wrap:wrap;gap:6px;display:flex}.sl-chip{cursor:pointer;color:var(--txt);background:var(--p2);border:1px solid var(--line2);border-radius:999px;flex:none;padding:5px 10px;font:11px Montserrat-SemiBold,Montserrat,sans-serif;transition:color .15s,border-color .15s,box-shadow .15s,background .15s}.sl-chip:hover{color:var(--acc);border-color:var(--acc)}.sl-chip.on{color:var(--acc2);border-color:var(--acc2);background:var(--p3);box-shadow:0 0 0 1px var(--acc2), 0 0 12px #5ef7ff47}.sl-shadow{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--txt);align-items:center;gap:7px;font:11px Montserrat-SemiBold,Montserrat,sans-serif;display:flex}.sl-switch{background:var(--p3);border:1px solid var(--line2);border-radius:10px;flex:none;width:34px;height:18px;transition:background .2s,border-color .2s;position:relative}.sl-switch:after{content:"";background:var(--mut);border-radius:50%;width:12px;height:12px;transition:left .2s,background .2s;position:absolute;top:2px;left:2px}.sl-shadow.on{color:var(--acc2)}.sl-shadow.on .sl-switch{background:var(--acc2);border-color:var(--acc2)}.sl-shadow.on .sl-switch:after{background:var(--bg);left:18px}@media (max-width:420px){.sl-chips{gap:5px}.sl-chip{padding:4px 8px;font-size:10px}}.sper-bar{border-bottom:1px solid var(--line);background:var(--p2);flex-wrap:wrap;align-items:stretch;gap:8px;padding:10px 12px;display:flex}.sper-bar.busy{opacity:.6;pointer-events:none}.sper-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mut);align-items:center;padding-right:2px;font-family:Montserrat-SemiBold,Montserrat,Verdana,sans-serif;font-size:11px;display:flex}.sper-item{cursor:pointer;width:64px;max-width:64px;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.sper-icon{background:var(--p3);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative;overflow:hidden}.sper-icon img{object-fit:cover;width:100%;height:100%;display:block}.sper-fb{color:var(--acc);background:var(--p3);justify-content:center;align-items:center;width:100%;height:100%;font-family:Montserrat-Bold,Montserrat,sans-serif;font-size:18px;display:flex}.sper-cap{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:10px;line-height:1.2;overflow:hidden}.sper-item:hover .sper-icon{border-color:var(--line2)}.sper-item.active .sper-icon{border-color:var(--acc2);box-shadow:0 0 0 1px var(--acc2), 0 0 12px #5ef7ff66}.sper-item.active .sper-cap{color:var(--acc)}.sper-icon{position:relative}.sper-icon.alt:after{content:"★";color:var(--acc2);text-shadow:0 0 4px #000;font-size:12px;position:absolute;bottom:1px;right:2px}.sper-icon.alt img{filter:saturate(.55)brightness(.9)}.sper-fb[hidden],.sper-icon img[hidden]{display:none!important}@media (max-width:760px){.sper-bar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.sper-bar::-webkit-scrollbar{display:none}.sper-item{flex:none}}@media (max-width:900px) and (max-height:520px){#personaBar .sper-label,#personaBar .sper-cap,#arcanaBar .sper-label,#arcanaBar .sper-cap{display:none}#personaBar .sper-bar,#arcanaBar .sper-bar{padding:6px 10px}#personaBar .sper-icon,#arcanaBar .sper-icon{width:40px;height:40px}#ui .sp-header{padding:6px 10px}}#arcanaBar:empty{display:none}.sper-item.locked .sper-icon{opacity:.45;filter:grayscale(.35)}.sper-item.locked .sper-cap{opacity:.7}.sper-item.locked.active .sper-icon{opacity:.8;filter:none}#outfitBtn{color:var(--txt);background:var(--p2);border:1px solid var(--line2);cursor:pointer;border-radius:8px;padding:6px 12px;font:12px Montserrat-SemiBold,Montserrat,sans-serif}#outfitBtn:hover{border-color:var(--acc2);color:var(--acc)}#outfitCount{background:var(--acc);min-width:18px;color:var(--bg);text-align:center;border-radius:9px;margin-left:2px;padding:0 5px;font-size:11px;display:inline-block}.topRight{align-items:center;gap:12px;display:flex}.sp-modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06070ba8;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.sp-modal[hidden]{display:none}.sp-modal-box{background:var(--p1,#14161f);border:1px solid var(--line2);border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:min(86vh,760px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}.sp-modal-head{border-bottom:1px solid var(--line);color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;display:flex}.sp-modal-x{color:var(--mut);cursor:pointer;background:0 0;border:0;font-size:16px}.sp-modal-x:hover{color:var(--txt)}.sp-modal-body{padding:8px 12px 14px;overflow-y:auto}.sp-modal-toast{background:var(--p2);border:1px solid var(--acc2);color:var(--acc);opacity:0;pointer-events:none;border-radius:10px;padding:8px 14px;font-size:12px;transition:all .25s;position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px)}.sp-modal-toast.on{opacity:1;transform:translate(-50%)}.sp-modal-toast.err{border-color:var(--red);color:var(--red)}@media (max-width:760px){.sp-modal{place-items:end center;padding:0}.sp-modal-box{border-radius:16px 16px 0 0;width:100%;max-height:92svh}.sp-modal-x{min-width:40px;min-height:40px}.sp-modal .sp-cart-btn,.sp-modal .sp-ocart,.sp-modal .sp-ormv{min-height:40px}.sp-modal .sp-ormv,.sp-modal .sp-ocart{min-width:40px}.sp-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}}@media (max-width:900px) and (max-height:520px){.sp-modal-x{min-width:40px;min-height:40px}.sp-modal .sp-cart-btn,.sp-modal .sp-ocart,.sp-modal .sp-ormv{min-height:40px}.sp-modal .sp-ormv,.sp-modal .sp-ocart{min-width:40px}}.shop-zoom{z-index:5;right:calc(8px + env(safe-area-inset-right));top:max(calc(44px + 6px + 118px), calc((100svh - var(--sheet-h,54svh) + 44px) / 2));flex-direction:column;gap:4px;display:none;position:fixed;transform:translateY(-50%)}.shop-zoom .sz-btn{border:1px solid var(--line2);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--acc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#171a26db;border-radius:12px;justify-content:center;align-items:center;padding:0;font:20px/1 Montserrat-SemiBold,Montserrat,sans-serif;display:flex;box-shadow:0 2px 10px #00000059}.shop-zoom .sz-btn:hover:not(:disabled),.shop-zoom .sz-btn:active{background:var(--line);color:var(--acc2);border-color:var(--acc)}.shop-zoom .sz-btn:last-child{color:var(--mut)}@media (max-width:900px) and (max-height:520px){.shop-zoom{top:calc(50svh + 20px);right:calc(min(380px, 46vw) + 8px + env(safe-area-inset-right))}}@media (max-width:760px),(pointer:coarse){.shop-zoom{display:flex}}@media (max-width:760px){body:has(#ui.sheet-full) .shop-zoom{display:none}html #toast{max-width:calc(100% - 120px)}html #gpuNotice{right:calc(60px + env(safe-area-inset-right))}html #gpuNotice button{min-width:40px;min-height:40px}}@media (max-width:900px) and (max-height:520px){html #gpuNotice{right:calc(min(380px, 46vw) + 60px + env(safe-area-inset-right))}html #toast{max-width:calc(100vw - min(380px,46vw) - 72px)}}