:root{--app-tabbar:68px;--app-orb-rise:30px;--app-topbar:56px;--app-accent:#e8c860;--app-accent-2:#c9a84c;--app-accent-deep:#9a7b2e;--app-hot:#e0413c;--app-hot-2:#ff8a50;--app-violet:#a970ff;--app-cyan:#5fd4ff;--app-ink:#0f0b08;--app-panel:#211c15c7;--app-panel-solid:#211c15;--app-panel-2:#33291eb3;--app-line:#e8c86038;--app-text:#f3e9d6;--app-text-2:#c9b897;--app-glow:#e8c86073;--app-aurora-a:#c9a84c59;--app-aurora-b:#b2222259;--app-aurora-c:#783ca040}[data-theme=z]{--app-accent:#7bc4ed;--app-accent-2:#4a9fd4;--app-accent-deep:#2878b0;--app-hot:#ff6a2a;--app-hot-2:#ffc107;--app-violet:#b48cff;--app-cyan:#76ff03;--app-ink:#040a14;--app-panel:#0a1628cc;--app-panel-solid:#0a1628;--app-panel-2:#152846b8;--app-line:#7bc4ed40;--app-text:#e8f4fc;--app-text-2:#9cc4e0;--app-glow:#4a9fd48c;--app-aurora-a:#4a9fd466;--app-aurora-b:#e0582052;--app-aurora-c:#76ff031f}@property --app-spin{syntax:"<angle>";inherits:false;initial-value:0deg}html[data-app-chrome] body{padding-bottom:calc(var(--app-tabbar) + var(--app-orb-rise) + env(safe-area-inset-bottom,0px))}html[data-app-chrome] .corner-decor,html[data-app-chrome] [data-chat-toggle]{display:none!important}@media (max-width:1023px){html[data-app-chrome] [data-app-float]{bottom:calc(var(--app-tabbar) + .75rem + env(safe-area-inset-bottom,0px))!important}}html[data-app-chrome]{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-size:14px}.app-stage{min-height:100dvh;color:var(--app-text);isolation:isolate;position:relative}.app-aurora{z-index:-2;background:radial-gradient(60% 40% at 15% 10%, var(--app-aurora-a), transparent 70%), radial-gradient(50% 35% at 90% 25%, var(--app-aurora-b), transparent 70%), radial-gradient(70% 45% at 50% 100%, var(--app-aurora-c), transparent 70%), linear-gradient(180deg, #00000059, #000000bf), var(--hero-bg-url,url(/img/bg.webp)) center top / cover no-repeat, var(--app-ink);animation:18s ease-in-out infinite alternate app-aurora-drift;position:fixed;inset:0}@keyframes app-aurora-drift{0%{filter:hue-rotate()saturate();background-position:0 0,0 0,0 0,0 0,top,0 0}to{filter:hue-rotate(-12deg)saturate(1.25);background-position:4% 3%,-4% 2%,0 -3%,0 0,50% 8%,0 0}}.app-embers{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-embers i{background:var(--app-accent);width:4px;height:4px;box-shadow:0 0 10px 2px var(--app-glow);opacity:0;border-radius:50%;animation:9s linear infinite app-ember;position:absolute;bottom:-10px}@keyframes app-ember{0%{opacity:0;transform:translate(0,0)scale(.6)}10%{opacity:.9}to{transform:translate3d(var(--dx,20px), -105vh, 0) scale(1.2);opacity:0}}.app-topbar{z-index:45;height:calc(var(--app-topbar) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;border-bottom:1px solid var(--app-line);background:linear-gradient(#120e0a,#0b0806);align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #00000073}.app-tabbar{z-index:55;height:calc(var(--app-tabbar) + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px)saturate(1.5);border-top:1px solid var(--app-line);background:linear-gradient(#120e0a,#050403);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000073}[data-theme=z] .app-topbar{background:linear-gradient(#08142a,#050d1c)}[data-theme=z] .app-tabbar{background:linear-gradient(#08142a,#02060e)}.app-tab{height:var(--app-tabbar);letter-spacing:.04em;color:var(--app-text-2);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;transition:color .2s,transform .15s;display:flex;position:relative}.app-tab:active{transform:scale(.92)}.app-tab[aria-current=page]{color:var(--app-accent)}.app-tab svg{width:24px;height:24px}.app-tab__pip{background:radial-gradient(circle, var(--app-glow), transparent 70%);z-index:-1;border-radius:12px;width:34px;height:30px;position:absolute;top:6px}.app-tab__badge{background:var(--app-hot);color:#fff;text-align:center;min-width:17px;height:17px;box-shadow:0 0 8px var(--app-hot);border-radius:9px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:6px;right:calc(50% - 22px)}.app-tab--hero{color:var(--app-text)}.app-tab--hero .app-orb{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 40%), linear-gradient(145deg, var(--app-accent), var(--app-accent-deep) 60%, var(--app-hot));width:58px;height:58px;box-shadow:0 0 0 3px #0009, 0 0 22px var(--app-glow), inset 0 -6px 12px #00000059;color:var(--app-ink);border-radius:50%;place-items:center;margin-top:-26px;animation:2.6s ease-in-out infinite app-orb-pulse;display:grid;position:relative}.app-tab--hero .app-orb:before{content:"";background:conic-gradient(from var(--app-spin), transparent 0 60%, var(--app-accent) 75%, #fff 80%, transparent 90%);border-radius:50%;animation:3.2s linear infinite app-spin;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}.app-tab--hero .app-orb svg{width:28px;height:28px}.app-tab--hero[aria-current=page]{color:var(--app-accent)}@keyframes app-orb-pulse{0%,to{box-shadow:0 0 0 3px #0009, 0 0 18px var(--app-glow), inset 0 -6px 12px #00000059}50%{box-shadow:0 0 0 3px #0009, 0 0 34px var(--app-glow), inset 0 -6px 12px #00000059}}@keyframes app-spin{to{--app-spin:360deg}}.gcard{background:linear-gradient(var(--app-panel), var(--app-panel)) padding-box, linear-gradient(145deg, var(--app-line), #ffffff0a 40%, var(--app-line)) border-box;-webkit-backdrop-filter:blur(10px);border:1.5px solid #0000;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.gcard--glow{background:linear-gradient(var(--app-panel), var(--app-panel)) padding-box, conic-gradient(from var(--app-spin), var(--app-accent), var(--app-hot), var(--app-violet), var(--app-cyan), var(--app-accent)) border-box;animation:6s linear infinite app-spin}.gcard--rarity-r{--rar:#5fa8ff}.gcard--rarity-sr{--rar:#b47cff}.gcard--rarity-ssr{--rar:#ffd34d}.gcard--rarity-ur{--rar:#ff5ea8}.gcard[class*=gcard--rarity]{background:linear-gradient(var(--app-panel), var(--app-panel)) padding-box, conic-gradient(from var(--app-spin), var(--rar), transparent 30%, var(--rar) 50%, transparent 80%, var(--rar)) border-box;box-shadow:0 0 24px color-mix(in srgb, var(--rar) 35%, transparent), 0 10px 30px #0006;animation:5s linear infinite app-spin}.gcard--rarity-ur{background:linear-gradient(var(--app-panel), var(--app-panel)) padding-box, conic-gradient(from var(--app-spin), #ff5ea8, #ffd34d, #5fd4ff, #a970ff, #ff5ea8) border-box!important}.shine{position:relative;overflow:hidden}.shine:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff38 50%,#0000 58%);animation:4.5s ease-in-out infinite app-shine;position:absolute;inset:-50% -60%;transform:translate(-60%)}@keyframes app-shine{0%,55%{transform:translate(-60%)}85%,to{transform:translate(60%)}}.rarity-tag{font-family:var(--font-cinzel), serif;letter-spacing:.08em;color:#120c05;background:linear-gradient(135deg, #fff6c8, var(--rar,var(--app-accent)) 45%, #8a5a00);box-shadow:0 0 10px color-mix(in srgb, var(--rar,var(--app-accent)) 60%, transparent);border-radius:6px;align-items:center;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.stars{color:#ffd34d;filter:drop-shadow(0 0 4px #ffd34db3);gap:1px;display:inline-flex}.stars svg{width:13px;height:13px}.gbtn{min-height:48px;font-family:var(--font-cinzel), serif;letter-spacing:.06em;color:#1a0f02;background:linear-gradient(180deg, #fff3b0, var(--app-accent) 35%, var(--app-accent-deep));box-shadow:0 4px 0 #00000073, 0 0 22px var(--app-glow), inset 0 1px 0 #ffffffb3;border:1px solid #ffffff80;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden}.gbtn:active{box-shadow:0 1px 0 #00000073, 0 0 14px var(--app-glow);transform:translateY(3px)}.gbtn--hot{color:#fff;background:linear-gradient(180deg, #ffb08a, var(--app-hot) 40%, #8b0f0f);box-shadow:0 4px 0 #00000073, 0 0 22px color-mix(in srgb, var(--app-hot) 60%, transparent), inset 0 1px 0 #ffffff80}.gbtn--ghost{color:var(--app-text);background:var(--app-panel-2);border:1px solid var(--app-line);box-shadow:none}.gtile{aspect-ratio:1;text-align:center;color:var(--app-text);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tile,var(--app-accent)) 35%, transparent), transparent 70%), var(--app-panel);border:1px solid color-mix(in srgb, var(--tile,var(--app-accent)) 35%, transparent);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;line-height:1.15;transition:transform .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 6px 16px #00000059}.gtile:active{transform:scale(.94)}.gtile__icon{color:#fff;background:linear-gradient(145deg, var(--tile,var(--app-accent)), color-mix(in srgb, var(--tile,var(--app-accent)) 45%, #000));width:42px;height:42px;box-shadow:0 0 14px color-mix(in srgb, var(--tile,var(--app-accent)) 55%, transparent), inset 0 1px 0 #fff6;border-radius:13px;place-items:center;display:grid}.gtile__icon svg{width:22px;height:22px}.gtile__badge{background:var(--app-hot);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:6px;right:6px}.app-h{font-family:var(--font-cinzel), serif;letter-spacing:.06em;background:linear-gradient(180deg, #fff8dc, var(--app-accent) 55%, var(--app-accent-deep));color:#0000;filter:drop-shadow(0 2px 6px #0009);-webkit-background-clip:text;background-clip:text}.app-section-title{font-family:var(--font-cinzel), serif;letter-spacing:.12em;text-transform:uppercase;color:var(--app-accent);align-items:center;gap:8px;font-size:13px;display:flex}.app-section-title:after{content:"";background:linear-gradient(90deg, var(--app-line), transparent);flex:1;height:1px}.app-chip{background:var(--app-panel-2);border:1px solid var(--app-line);color:var(--app-text-2);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;display:inline-flex}.app-live-dot{background:#ff3b3b;border-radius:50%;width:8px;height:8px;animation:1.6s infinite app-live;box-shadow:0 0 #ff3b3bb3}@keyframes app-live{0%{box-shadow:0 0 #ff3b3bb3}70%{box-shadow:0 0 0 9px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}.app-bar{background:#ffffff14;border-radius:6px;height:8px;overflow:hidden}.app-bar>span{background:linear-gradient(90deg, var(--app-accent-deep), var(--app-accent), #fff6c8);height:100%;box-shadow:0 0 10px var(--app-glow);border-radius:6px;display:block}.app-scroll-x{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.app-scroll-x::-webkit-scrollbar{display:none}.app-scroll-x>*{scroll-snap-align:start;flex-shrink:0}.app-coin{color:#4a2f00;background:radial-gradient(circle at 35% 30%,#fff7c2,#fc3 45%,#b8860b);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-grid;box-shadow:0 0 10px #fc39,inset 0 -2px 3px #0000004d}.app-chat-full{left:0!important;right:0!important;top:calc(var(--app-topbar) + env(safe-area-inset-top,0px))!important;bottom:calc(var(--app-tabbar) + var(--app-orb-rise) + env(safe-area-inset-bottom,0px))!important;z-index:40!important;border-left:0!important;border-right:0!important;border-radius:0!important;width:auto!important;max-width:none!important;height:auto!important;position:fixed!important}.app-frame{left:0;right:0;top:calc(var(--app-topbar) + env(safe-area-inset-top,0px));width:100%;height:calc(100dvh - var(--app-topbar) - var(--app-tabbar) - var(--app-orb-rise) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:var(--app-ink);border:0;position:fixed}@media (prefers-reduced-motion:reduce){.app-aurora,.app-embers i,.app-tab--hero .app-orb,.app-tab--hero .app-orb:before,.gcard--glow,.gcard[class*=gcard--rarity],.shine:after,.app-live-dot{animation:none!important}.app-embers{display:none}}