:root{--bg:#0c0c0e;--surface:#17171b;--surface-2:#222227;--line:#2c2c33;--ink:#f4f4f5;--ink-2:#a1a1aa;--accent:#22c55e;--accent-ink:#4ade80;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:radial-gradient(480px 900px at -4%,#4ade8029,#0000 62%),radial-gradient(480px 900px at 104%,#4ade8029,#0000 62%),radial-gradient(820px 520px at 50% -8%,#4ade801a,#0000 60%),radial-gradient(700px 480px at 50% 112%,#4ade800f,#0000 60%),#09090a;min-height:100svh;margin:0}.app{z-index:1;-webkit-user-select:none;user-select:none;flex-direction:column;max-width:720px;min-height:100svh;margin:0 auto;padding:0 20px;display:flex;position:relative}input,textarea{-webkit-user-select:text;user-select:text}.topbar{justify-content:flex-end;align-items:center;gap:10px;width:100vw;min-height:60px;margin-left:calc(50% - 50vw);padding:14px 18px;display:flex;position:relative}.brand{text-align:center;flex-direction:column;align-items:center;line-height:1.06;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.topbar-right{align-items:center;gap:10px;display:flex}.logo{letter-spacing:-.02em;color:var(--ink);font-size:25px;font-weight:800}.tagline{color:var(--ink-2);font-size:12px}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding-bottom:48px;display:flex}.title{margin:0;font-size:34px;font-weight:700}.subtitle{color:var(--ink-2);margin:0}.pet-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-top:8px;display:grid}.pet-card{background:var(--surface);border:2px solid var(--line);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:28px 12px;transition:transform .12s,border-color .15s,background .15s;display:flex}.pet-card:hover{border-color:var(--ink-2);transform:translateY(-3px)}.pet-card-on{border-color:var(--accent);background:var(--surface-2)}.pet-emoji{font-size:56px;line-height:1}.pet-label{color:var(--ink);font-size:15px;font-weight:600}.name-row{gap:10px;width:100%;max-width:420px;margin-top:6px;display:flex}.name-input{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;outline:none;flex:1;padding:12px 14px;font-size:15px}.name-input:focus{border-color:var(--accent)}.btn{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:600;transition:opacity .15s,transform .12s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#06210f;background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 4px 14px #22c55e47}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 20px #22c55e73}.btn-secondary{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{border-color:#44485a;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.btn-battle{color:#fff;background:linear-gradient(135deg,#f0563f,#c4342a);box-shadow:0 4px 14px #e2453a4d}.btn-battle:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 20px #e2453a73}.btn-ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}.btn-ghost:hover{color:var(--ink)}.stats{flex-direction:column;gap:12px;width:100%;margin:8px 0 4px;display:flex}.stat{text-align:left}.stat-head{color:var(--ink-2);justify-content:space-between;margin-bottom:5px;font-size:13px;font-weight:600;display:flex}.stat-val{color:var(--ink)}.stat-track{background:var(--surface-2);border-radius:999px;height:13px;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.stat-fill{border-radius:999px;height:100%;transition:width .4s;box-shadow:inset 0 1px #ffffff59,inset 0 -4px 6px #0000002e}.buffs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.buff-chip{color:var(--accent-ink);background:var(--surface-2);border:1px solid var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.buffs-wrap{justify-content:center;display:flex;position:relative}.buffs-arrow{color:var(--accent-ink);background:var(--surface-2);border:1px solid var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.buffs-caret{transition:transform .15s}.buffs-caret.open{transform:rotate(180deg)}.buff-pop{background:var(--surface);border:1px solid var(--line);z-index:8;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:280px;margin-top:8px;padding:12px;animation:.18s both popIn;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000008c}.actions{flex-wrap:wrap;gap:10px;width:100%;margin-top:6px;display:flex}.actions .btn{flex:40%}.coins{color:var(--accent-ink);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;font-size:15px;font-weight:700;display:inline-flex}.balance-pill{background:linear-gradient(135deg,#0f2a1c,#154a30);border:1px solid #1e4d33;border-radius:13px;align-self:center;align-items:center;gap:8px;height:42px;padding:0 8px 0 12px;line-height:1;display:inline-flex;box-shadow:inset 0 1px #22c55e2e,0 3px 12px #00000047}.balance-amt{color:#4ade80;letter-spacing:-.01em;font-size:17px;font-weight:800}.balance-cur{color:var(--accent-ink);opacity:.85;margin-left:-3px;font-size:12px;font-weight:800}.rate{color:#5be6a6;background:#2be08a24;border:1px solid #2be08a52;border-radius:999px;padding:4px 7px;font-size:10.5px;font-weight:700;line-height:1}.wallet-dot{background:#2be08a;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #2be08ab3}.wallet-dot-unverified{background:#22c55e;box-shadow:0 0 8px #22c55e99}.wallet-verified{text-align:center;color:#2be08a;padding:4px 0;font-size:13px;font-weight:800}.admin-req{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-req-info{flex-direction:column;gap:2px;display:flex}.admin-req-amt{color:var(--accent-ink);font-size:14px;font-weight:800}.admin-req-who{color:var(--ink-2);font-family:monospace;font-size:11px}.admin-req-btns{gap:6px;display:flex}.admin-ok{height:auto;padding:8px 14px}.admin-no{color:#ff8a8a;height:auto;padding:8px 12px}.buy-sil-btn{color:#06140d;cursor:pointer;background:linear-gradient(135deg,#2be08a,#12b366);border:0;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;font-size:21px;font-weight:900;line-height:1;transition:transform .1s,box-shadow .1s,filter .1s;display:inline-flex;box-shadow:0 2px 10px #1ad17a73}.buy-sil-btn:hover{filter:brightness(1.1);transform:scale(1.12)rotate(90deg);box-shadow:0 4px 14px #1ad17aa6}.market-btn{height:42px;color:var(--accent-ink);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0f2a1c,#154a30);border:1px solid #1e4d33;border-radius:13px;align-self:center;align-items:center;gap:7px;padding:0 18px;font-size:15px;font-weight:800;line-height:1;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 3px 12px #22c55e38}.market-btn:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 5px 16px #22c55e66}.wallet-wrap{align-self:center;position:relative}.wallet-btn{height:42px;color:var(--accent-ink);cursor:pointer;background:linear-gradient(135deg,#0f2a1c,#154a30);border:1px solid #1e4d33;border-radius:13px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:800;line-height:1;transition:transform .1s,box-shadow .1s,border-color .1s;display:inline-flex}.wallet-btn:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 5px 16px #22c55e66}.wallet-on{color:#7ff0b8;background:linear-gradient(135deg,#12241a,#16311f);border-color:#2be08a66}.wallet-on:hover{box-shadow:0 5px 16px #2be08a59}.wallet-scrim{z-index:30;position:fixed;inset:0}.wallet-menu{z-index:31;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;width:190px;padding:8px;display:flex;position:absolute;top:48px;right:0;box-shadow:0 10px 26px #00000073}.wallet-addr{color:var(--accent-ink);text-align:center;padding:4px 0;font-family:monospace;font-size:13px;font-weight:800}.wallet-menu-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:9px;padding:8px;font-size:13px;font-weight:700}.wallet-menu-btn:hover{border-color:var(--accent)}.wallet-disc{color:#ff8a8a}.wallet-disc:hover{border-color:#ff8a8a}.pet-menu{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;width:100%;max-width:260px;padding:16px;display:flex;box-shadow:0 16px 44px #0000008c}.pet-menu-title{text-align:center;margin-bottom:4px;font-size:17px;font-weight:800}.pet-menu-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#1a1d24;border-radius:12px;padding:12px;font-size:15px;font-weight:700;transition:transform .1s,border-color .1s,background .1s}.pet-menu-btn:hover{background:#22262f;border-color:#5aa9ff;transform:translateY(-1px)}.social-bar{z-index:20;gap:8px;display:flex;position:fixed;bottom:16px;left:16px}.social-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:800;text-decoration:none;transition:transform .1s,border-color .1s,background .1s;display:inline-flex}.social-btn:hover{background:#22262f;border-color:#5aa9ff;transform:translateY(-2px)}.social-pump:hover{border-color:#1ad17a}.ca-bar{border:1px solid var(--line);background:#0e0f14;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.ca-label{color:#1ad17a;font-size:14px;font-weight:800}.ca-addr{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,Cascadia Code,monospace;font-size:13px;overflow:hidden}.ca-copy{color:#06140d;cursor:pointer;background:#1ad17a;border:0;border-radius:8px;padding:5px 10px;font-weight:700}.modal{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.modal::-webkit-scrollbar{width:10px}.modal::-webkit-scrollbar-track{background:0 0;margin:10px 0}.modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-ink), var(--accent));border:3px solid var(--surface);border-radius:99px}.modal::-webkit-scrollbar-thumb:hover{background:var(--accent-ink)}.battle-modal{text-align:center}.bt-loadout{flex-direction:column;gap:12px;display:flex}.bt-loadcard{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.bt-hero{background:radial-gradient(120% 80% at 50% 0%, #22c55e1f, transparent 60%), var(--surface-2);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:150px;justify-content:center;align-items:center;gap:4px;padding:14px;display:flex}.bt-name{font-size:16px;font-weight:800}.bt-lvl{color:var(--ink-2);font-size:12px;font-weight:600}.bt-buff{color:#1ad17a;margin-top:4px;font-size:12px;font-weight:700}.bt-statbox{flex-direction:column;flex:190px;gap:8px;display:flex}.bt-bigstat{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:12px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.bt-bigstat b{color:var(--ink);font-size:17px}.bt-stat-pow b{color:#ff7a45}.bt-stat-hp b{color:#1ad17a}.bt-stat-crit b{color:#c084fc;font-size:14px}.bt-gearlist{flex-direction:column;gap:6px;margin-top:2px;display:flex}.bt-slotrow{align-items:center;gap:8px;font-size:12px;display:flex}.bt-slotemoji{text-align:center;width:22px;font-size:18px}.bt-slotname{color:var(--ink-2);font-weight:600}.bt-slotstat{margin-left:auto;font-size:11px;font-weight:700}.bt-find{padding:14px;font-size:16px}.bt-info{flex-direction:column;gap:8px;margin-top:2px;display:flex}.bt-record{gap:8px;display:flex}.bt-rec{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:10px 0;display:flex}.bt-rec b{color:var(--accent-ink);font-size:20px;font-weight:800}.bt-rec span{color:var(--ink-2);font-size:11px}.bt-rewards{color:var(--ink-2);text-align:center;margin:0;font-size:12px}.bt-tip{color:#7aa2ff;text-align:center;margin:0;font-size:12px}.bt-betbox{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.bt-betlabel{color:var(--ink-2);font-size:13px;font-weight:700}.bt-betopts{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:6px;display:flex}.bt-betchip{border:1px solid var(--line);background:var(--surface);min-width:42px;color:var(--ink);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700}.bt-betchip:disabled{opacity:.35;cursor:not-allowed}.bt-betchip-on{border-color:var(--accent);background:var(--accent);color:#06210f}.bt-ranks{flex-direction:column;gap:10px;display:flex}.bt-ranklist{flex-direction:column;gap:3px;max-height:340px;display:flex;overflow-y:auto}.bt-rankhead,.bt-rankrow{border-radius:10px;grid-template-columns:32px 1fr 64px 64px;align-items:center;gap:6px;padding:7px 10px;display:grid}.bt-rankhead{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.bt-rankrow{background:var(--surface-2);border:1px solid var(--line);font-size:13px}.bt-rankrow-you{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface-2));font-weight:700}.bt-rk{color:var(--accent-ink);text-align:center;font-weight:800}.bt-rn{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.bt-rw,.bt-rp{text-align:right;font-weight:700}.ex-balances{gap:8px;margin-bottom:4px;display:flex}.ex-bal{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0;display:flex}.ex-bal-label{color:var(--ink-2);font-size:12px}.ex-bal b{color:var(--accent-ink);font-size:18px;font-weight:800}.bt-searching{padding:60px 0}.bt-spinner{font-size:64px;animation:1s linear infinite btspin;display:inline-block}@keyframes btspin{to{transform:rotate(360deg)}}.bt-arena{justify-content:center;align-items:flex-start;gap:14px;padding:20px 0;display:flex}.bt-side{flex-direction:column;flex:1;align-items:center;gap:7px;max-width:230px;display:flex;position:relative}.bt-petwrap{display:inline-block}.bt-lunge-r{animation:.4s btLungeR}.bt-lunge-l{animation:.4s btLungeL}.bt-hurt{animation:.4s btHurt}@keyframes btLungeR{0%{transform:translate(0)}40%{transform:translate(34px)scale(1.05)}to{transform:translate(0)}}@keyframes btLungeL{0%{transform:translate(0)}40%{transform:translate(-34px)scale(1.05)}to{transform:translate(0)}}@keyframes btHurt{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.bt-gearrow{align-items:center;gap:4px;min-height:26px;display:flex}.bt-gearchip{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;display:inline-flex}.bt-gearchip-empty{color:var(--ink-2);font-size:12px}.bt-vs{color:var(--ink-2);align-self:center;padding-top:30px;font-size:22px;font-weight:900}.bt-arrow{filter:drop-shadow(0 2px 5px #0000008c);align-self:center;margin-top:28px;transition:transform 3.6s cubic-bezier(.12,.82,.18,1)}.bt-flipcap{text-align:center}.bt-hpbar{background:var(--surface-2);border-radius:99px;width:100%;height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.bt-hpfill{border-radius:99px;height:100%;transition:width .3s}.bt-hp-p{background:linear-gradient(90deg,#1ad17a,#12b366)}.bt-hp-o{background:linear-gradient(90deg,#ff7a45,#e2453a)}.bt-hpnum{color:var(--ink-2);font-size:12px;font-weight:700}.bt-dmg{color:#ff7a8a;pointer-events:none;font-size:24px;font-weight:900;animation:.7s ease-out btdmg;position:absolute;top:24px}.bt-dmg-crit{color:#4ade80;font-size:30px}@keyframes btdmg{0%{opacity:0;transform:translateY(8px)}25%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.bt-resultbox,.bt-loot{text-align:center}.bt-lootgrid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:10px;display:grid}.bt-lootitem{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.bt-lootitem:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.bt-lootemoji{font-size:32px}.bt-lootname{font-size:12px;font-weight:700}.bt-lootkind{color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.sil-packs{grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0;display:grid}.sil-pack{color:#e8ecf2;cursor:pointer;background:#1a1d24;border:1px solid #333a46;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:14px 0;transition:border-color .12s,transform .1s;display:flex}.sil-pack:hover{border-color:#1ad17a;transform:translateY(-1px)}.sil-pack-amt{align-items:center;gap:4px;font-size:16px;font-weight:800;display:inline-flex}.sil-pack-price{color:#b89bf0;font-size:13px;font-weight:700}.wip-badge{color:#06210f;vertical-align:middle;letter-spacing:.04em;background:#ff7a45;border-radius:8px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:800;display:inline-block}.market-tabs{gap:8px;display:flex}.market-tab{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);cursor:pointer;border-radius:12px;flex:1;padding:11px 0;font-size:14px;font-weight:700;transition:border-color .12s,color .12s,background .12s}.market-tab:hover{color:var(--ink)}.market-tab-on{color:var(--ink);background:linear-gradient(135deg,#2a1f4a,#3d2c72);border-color:#6d4bd6}.market-empty{text-align:center;padding:18px 8px 6px}.market-empty-emoji{opacity:.85;margin-bottom:6px;font-size:64px}.wip-panel{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.wip-panel-emoji{margin-bottom:4px;font-size:56px}.wip-panel .btn{width:100%;margin-top:6px}.sil-coin{color:#052e16;letter-spacing:-.3px;vertical-align:-2px;background:radial-gradient(circle at 35% 30%,#bbf7d0,#22c55e 70%);border:1px solid #16a34a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:7.5px;font-weight:800;line-height:1;display:inline-grid}.btn-daily{background:var(--surface-2);width:100%;color:var(--accent-ink);border:1px solid var(--line);margin-top:4px}.btn-daily:not(:disabled):hover{transform:translateY(-2px)}.scrim{background:#050609b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--surface), #121214);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:380px;max-height:88vh;padding:22px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #ffffff05}.modal-xl{width:96vw;max-width:min(1000px,96vw);min-height:82vh;max-height:94vh}.modal-xl .market-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h3{margin:0;font-size:20px}.shop-list{flex-direction:column;gap:10px;display:flex}.modal-wide{max-width:min(560px,94vw)}.shop-list,.catalog,.inv-grid{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.shop-list::-webkit-scrollbar{width:8px}.catalog::-webkit-scrollbar{width:8px}.inv-grid::-webkit-scrollbar{width:8px}.shop-list::-webkit-scrollbar-track{background:0 0}.catalog::-webkit-scrollbar-track{background:0 0}.inv-grid::-webkit-scrollbar-track{background:0 0}.shop-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-ink), var(--accent));border:2px solid var(--surface);border-radius:99px}.catalog::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-ink), var(--accent));border:2px solid var(--surface);border-radius:99px}.inv-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-ink), var(--accent));border:2px solid var(--surface);border-radius:99px}.shop-list::-webkit-scrollbar-thumb:hover{background:var(--accent-ink)}.catalog::-webkit-scrollbar-thumb:hover{background:var(--accent-ink)}.inv-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-ink)}.shop-item{background:var(--surface-2);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.shop-item-rare{border-color:var(--accent);background:linear-gradient(180deg, #22c55e14, var(--surface-2))}.rare-badge{text-transform:uppercase;letter-spacing:.06em;color:#06210f;background:var(--accent);vertical-align:middle;border-radius:6px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.shop-emoji{font-size:32px}.shop-info{text-align:left;flex-direction:column;flex:1;display:flex}.shop-name{font-weight:600}.shop-effect{color:var(--ink-2);font-size:12px}.btn-buy{padding:9px 14px}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin-top:2px;font-size:12px;font-weight:700}.chest-row{gap:10px;display:flex}.chest-card{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;transition:transform .12s,border-color .15s;display:flex}.chest-card:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px)}.chest-card:disabled{opacity:.45;cursor:not-allowed}.chest-emoji{font-size:34px}.chest-name{font-size:13px;font-weight:600}.chest-odds{color:var(--accent-ink);font-size:11px}.chest-cost{color:var(--accent-ink);margin-top:2px;font-size:13px;font-weight:700}.empty{color:var(--ink-2);text-align:center;padding:20px 6px}.inv-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-height:56vh;padding-right:4px;display:grid;overflow-y:auto}.inv-item{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:14px 6px 10px;transition:transform .12s,border-color .15s;display:flex;position:relative}.inv-item:hover{border-color:var(--accent);transform:translateY(-2px)}.inv-item-rare{border-color:var(--accent);background:linear-gradient(180deg, #22c55e1a, var(--surface-2))}.inv-qty{color:var(--accent-ink);font-size:11px;font-weight:700;position:absolute;top:6px;right:8px}.inv-emoji{font-size:34px}.inv-name{font-size:12px;font-weight:600}.inv-feed{color:var(--ink-2);font-size:11px}.inv-item-tall{padding-bottom:12px}.inv-perk{color:var(--accent-ink);text-align:center;font-size:10px;line-height:1.2}.perk-line{color:var(--accent-ink);margin:0;font-size:13px;font-weight:600}.scrim-top{z-index:10}.chest-open{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;padding:30px 24px;display:flex}.reel-viewport{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;width:280px;max-width:100%;height:96px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.reel-pointer{background:var(--accent);z-index:2;width:3px;box-shadow:0 0 12px var(--accent);border-radius:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.reel-track{height:100%;transition:transform 5s cubic-bezier(.12,.7,.16,1);display:flex}.reel-item{flex:0 0 80px;place-items:center;font-size:46px;line-height:1;display:grid}.reel-item-won{animation:.5s wonPulse}@keyframes wonPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.15)}}.won-text{margin:0;font-size:16px}.lb-list{flex-direction:column;gap:6px;max-height:60vh;padding-right:4px;display:flex;overflow-y:auto}.lb-row{background:var(--surface-2);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.lb-you{border-color:var(--accent);background:linear-gradient(180deg, #22c55e1f, var(--surface-2))}.lb-rank{text-align:center;width:24px;color:var(--ink-2);font-weight:800}.lb-name{flex:1;font-weight:600}.lb-sil{color:var(--accent-ink);align-items:center;gap:5px;font-weight:700;display:inline-flex}.toast{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-size:14px;font-weight:500;animation:.2s toastIn;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0009}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.pet-view{background:radial-gradient(130% 80% at 50% -10%, #22c55e21, transparent 55%), linear-gradient(180deg, var(--surface), #121214);border:3px solid #000;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;padding:40px 30px;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #0000008c,inset 0 0 0 1px #ffffff0a}.accessory-btn{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;width:42px;height:42px;font-size:20px;transition:transform .12s,border-color .15s;position:absolute;top:14px;right:14px}.accessory-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.slots{gap:10px;display:flex}.slot{cursor:pointer;border-radius:12px;place-items:center;width:48px;height:48px;transition:transform .12s,border-color .15s;display:grid}.slot:hover{border-color:var(--accent);transform:translateY(-2px)}.slot-filled{background:var(--surface-2);border:1px solid var(--accent)}.slot-empty{border:2px dashed var(--line);background:0 0}.slot-empty .slot-emoji{opacity:.28;filter:grayscale()}.slot-emoji{font-size:24px;line-height:1}.catalog{flex-direction:column;gap:10px;max-height:56vh;padding-right:4px;display:flex;overflow-y:auto}.catalog .inv-grid{max-height:none;overflow:visible}.inv-locked{opacity:.55;filter:grayscale(.7)}.inv-locked:hover{border-color:var(--line);transform:none}.rar-dot{border-radius:inherit;opacity:.45;z-index:0;pointer-events:none;position:absolute;inset:0}.inv-emoji,.inv-name,.inv-feed,.inv-perk,.bt-lootemoji,.bt-lootname,.bt-lootkind{z-index:1;position:relative}.inv-qty{z-index:1}.preview-item{cursor:default}.preview-item .pchance{opacity:0;font-size:11px;font-weight:700;transition:opacity .15s;position:absolute;top:6px;right:7px}.preview-item:hover{border-color:var(--accent);transform:translateY(-2px)}.preview-item:hover .pchance{opacity:1}.preview-item:hover .inv-name{opacity:.4}.pet-emoji-big{filter:drop-shadow(0 12px 16px #00000080);font-size:110px;line-height:1;animation:2.4s ease-in-out infinite bob}.pet-stage{justify-content:center;display:flex;position:relative}.pet-glow{filter:blur(16px);opacity:.55;pointer-events:none;border-radius:50%;width:110px;height:40px;position:absolute;bottom:4px;left:50%;transform:translate(calc(6px - 50%))}.pet-emoji-btn{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .12s}.pet-emoji-btn:hover{transform:scale(1.06)}.pet-dead{filter:grayscale()brightness(.55);animation:none}.pet-view-dead{background:radial-gradient(130% 80% at 50% -10%,#e2453a24,#0000 55%),linear-gradient(#1b141a,#140f18);border-color:#4a2230}.death-screen{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.death-art{margin-top:6px;display:inline-block;position:relative}.death-art-pet{filter:grayscale()brightness(.5);animation:2.4s ease-in-out infinite deathfade;display:inline-block}@keyframes deathfade{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:.45;transform:translateY(3px)}}.death-skull{filter:drop-shadow(0 2px 4px #0009);font-size:44px;position:absolute;bottom:-4px;right:-10px}.death-title{color:#ff7a8a;letter-spacing:.06em;text-transform:uppercase;margin:6px 0 0;font-size:30px;font-weight:800}.death-name{color:var(--ink);margin:0;font-size:18px;font-weight:700}.death-revive{background:#e2453a14;border:1px solid #4a2230;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:6px;padding:16px;display:flex}.death-cost{color:var(--accent-ink);font-size:14px;font-weight:700}.death-revive .btn{width:100%}.death-screen .actions{margin-top:2px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pet-name{margin:0;font-size:26px}.footer{text-align:center;color:var(--ink-2);z-index:5;pointer-events:none;font-size:12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.scrim{animation:.15s both scrimIn}.modal,.pet-menu,.chest-open{animation:.24s cubic-bezier(.18,.9,.32,1.25) both popIn}.roulette-modal{text-align:center}.roulette-wrap{width:260px;height:260px;margin:12px auto 8px;position:relative}.rl-wheel{border-radius:50%;width:260px;height:260px;box-shadow:0 0 0 6px #2a2e38,0 0 0 8px #11131a,0 12px 30px #0000008c}.rl-wheel svg{border-radius:50%;display:block}.rl-pointer{z-index:3;filter:drop-shadow(0 2px 2px #00000080);border-top:19px solid #4ade80;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.rl-stakes{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px;display:grid}.rl-stake{color:#e8ecf2;cursor:pointer;background:#1a1d24;border:1px solid #333a46;border-radius:10px;padding:9px 0;font-size:14px;font-weight:600;transition:transform .1s}.rl-stake:not(:disabled):hover{transform:translateY(-1px)}.rl-stake:disabled{opacity:.4;cursor:default}.rl-stake-on{color:#4ade80;background:#0f2a1c;border-color:#4ade80}.rl-bets{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.rl-bet{color:#fff;cursor:pointer;border:0;border-radius:10px;padding:15px 0;font-size:15px;font-weight:700;transition:transform .1s,filter .1s}.rl-bet:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.rl-bet:disabled{opacity:.45;cursor:default}.rl-red{background:#e2453a}.rl-black{background:#23262e;border:1px solid #3a3f4a}.rl-zero{background:#1ea672}.rl-result{margin:8px 0 4px;font-size:15px;font-weight:700}.rl-win{color:#1ad17a}.rl-lose{color:#ff7a8a}.rg-modal{text-align:center}.rg-field{touch-action:none;-webkit-user-select:none;user-select:none;background:#0c0e13;border:1px solid #2a2e38;border-radius:10px;margin:10px auto;position:relative;overflow:hidden}.rg-lane{cursor:pointer;border-right:1px solid #ffffff0d;position:absolute;top:0;bottom:0}.rg-lane:last-child{border-right:0}.rg-lane-on{background:#ffffff14}.rg-hitline{z-index:2;background:#ffffff8c;height:3px;position:absolute;left:0;right:0;box-shadow:0 0 10px #fff6}.rg-note{z-index:1;border-radius:5px;position:absolute;box-shadow:0 1px 4px #00000080}.rg-keys{z-index:3;display:flex;position:absolute;left:0;right:0}.rg-key{text-align:center;color:#ffffff80;font-size:16px;font-weight:700}.rg-judge{text-align:center;letter-spacing:1px;z-index:4;pointer-events:none;font-size:26px;font-weight:800;animation:.48s ease-out rgpop;position:absolute;top:42%;left:0;right:0}@keyframes rgpop{0%{opacity:0;transform:scale(1.4)}20%{opacity:1;transform:scale(1)}to{opacity:0}}.rg-perfect{color:#4ade80}.rg-good{color:#7aa2ff}.rg-miss{color:#ff7a8a}.rg-summary{margin-top:4px}.rg-result{margin:6px 0 2px;font-size:15px;font-weight:700}.rg-hud{flex-direction:column;align-items:flex-end;margin-left:auto;line-height:1.1;display:flex}.rg-score{color:#4ade80;font-size:20px;font-weight:800}.rg-sub{color:var(--ink-2);font-size:12px;font-weight:600}.rg-bigscore{color:#4ade80;margin:2px 0;font-size:38px;font-weight:800}.rg-pet{justify-content:center;margin:2px 0 4px;display:flex}.rg-pet-bob{animation:1.6s ease-in-out infinite bob;display:inline-block}.rg-pet-scale{transform-origin:bottom;transition:transform 80ms;display:inline-block}.rg-pet-hit{transform:scale(1.22)}.btn-share{color:#fff;background:#111;border:1px solid #333a46;width:100%;margin-bottom:8px}.btn-share:hover{background:#1d1f26;border-color:#555}.quest-panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), #121214);z-index:18;border-radius:14px;flex-direction:column;gap:8px;width:232px;max-height:60vh;padding:12px;display:flex;position:fixed;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 8px 24px #00000059}.quest-head{width:100%;color:var(--accent-ink);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:13px;font-weight:800;display:flex}.quest-caret{font-size:12px;transition:transform .15s}.quest-caret.open{transform:rotate(180deg)}.quest-panel-closed{gap:0}.quest-row{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:5px;padding:8px;display:flex}.quest-top{align-items:center;gap:6px;display:flex}.quest-label{color:var(--ink);flex:1;font-size:12px;font-weight:600;line-height:1.25}.quest-x{color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.quest-x:hover{color:#ff7a8a}.quest-track{background:var(--surface);border:1px solid var(--line);border-radius:6px;height:7px;overflow:hidden}.quest-fill{background:linear-gradient(90deg, var(--accent-ink), var(--accent));height:100%}.quest-prog{color:var(--ink-2);font-size:11px}.quest-claim{border:1px solid var(--accent);background:var(--accent);color:#06210f;cursor:pointer;border-radius:9px;padding:6px;font-size:12px;font-weight:800}.quest-claim:hover{filter:brightness(1.05)}.quest-row-done{opacity:.8}.quest-label-done{color:var(--ink-2);text-decoration:line-through}.quest-wallet{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:8px;align-self:flex-start;padding:3px 8px;font-family:monospace;font-size:10.5px}.quest-wallet:hover{color:var(--ink);border-color:var(--accent)}.list-controls{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.list-select{flex:2;min-width:150px}.list-price{flex:1;min-width:90px}.market-listing{position:relative}.market-seller{color:var(--ink-2);margin-top:2px;font-family:monospace;font-size:9.5px}.market-buy{margin-top:4px;padding:4px 10px;font-size:11px}.mini-x{border:1px solid var(--line);background:var(--surface);width:20px;height:20px;color:var(--ink-2);cursor:pointer;z-index:2;border-radius:6px;font-size:11px;line-height:1;position:absolute;top:4px;right:4px}.mini-x:hover{color:#ff7a8a;border-color:#ff7a8a}@media (width<=520px){.quest-panel{width:180px;bottom:8px;right:8px}.topbar{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 12px}.brand{position:static;top:auto;left:auto;transform:none}.topbar-right{flex-wrap:wrap;justify-content:center;padding:0 8px}}