:root{--ink:#3a2c1e;--muted:#8a7a62;--line:#e2d3b0;--paper:#fdf6e3;--paper2:#f6ead0;--wood:#8b5a2b;--wood-d:#5a3a1c;--wood-l:#b07a43;--bad:#c0392b;--ok:#2e8b57;--px:"Pixelify Sans", "Itim", sans-serif;--side:270px;color:var(--ink);font-family:Itim,Segoe UI,Tahoma,sans-serif;font-size:15px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{image-rendering:pixelated;background:#3f6b2f url(/ui/bg_tile.png) 0 0/128px}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:13px}.bad{color:var(--bad)}.lv{color:#2a9d2a;font-weight:700}img.pix,.pix{image-rendering:pixelated}.ph{text-align:center;background:#ddd;width:48px;height:48px;line-height:48px;display:inline-block}img.icon{vertical-align:-.32em;width:auto;height:1.35em;image-rendering:pixelated}img.icon.px{vertical-align:middle;height:32px;margin:-8px 0}#app{grid-template-columns:var(--left) minmax(0, 1fr) var(--right);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top""roster stage right";gap:8px;height:100vh;padding:8px 10px 10px;display:grid}:root{--left:380px;--right:360px}#topbar{grid-area:top}#roster{grid-area:roster}#stage{grid-area:stage}#right{flex-direction:column;grid-area:right;gap:8px;min-height:0;display:flex}.col{min-height:0}#logo{font-family:var(--px);letter-spacing:2px;white-space:nowrap;text-shadow:3px 3px #2a1a0c,-1px -1px #2a1a0c,1px -1px #2a1a0c,-1px 1px #2a1a0c;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;padding:0 8px;font-size:30px;font-weight:700;line-height:1;display:flex}#logo .word{filter:drop-shadow(2px 3px #00000059);height:72px}.frame{border:3px solid #2a1a0c;border-radius:4px;box-shadow:0 4px #00000059}.frame.wood{background:linear-gradient(var(--wood-l), var(--wood));box-shadow:inset 0 2px 0 #c99560, inset 0 -3px 0 var(--wood-d), 0 4px 0 #00000059}.frame.paper{background:var(--paper);box-shadow:inset 0 0 0 3px var(--paper2), 0 4px 0 #00000059}.frame.bezel{background:#22301f;padding:7px;box-shadow:inset 0 0 0 4px #6b4421,inset 0 0 0 7px #2a1a0c,0 4px #00000059}button{font:600 14px var(--px);cursor:pointer;color:#fff;text-shadow:1px 1px #00000073;letter-spacing:.3px;background:#e0952f;border:2px solid #2a1a0c;border-radius:2px;padding:6px 12px;box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000040}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px);box-shadow:inset 0 -1px #00000040}button:disabled{filter:grayscale();opacity:.6;cursor:default}button.tiny{border-width:1px;padding:2px 7px;font-size:12px}button.big{padding:10px 20px;font-size:17px}button.green{background:#4fae3c}button.blue{background:#3b7fd1}button.purple{background:#8e58c9}button.pink{background:#d4568a}button.teal{background:#2a9c94}button.gray{background:#7d7468}input,select{font:inherit;color:var(--ink);background:#fffdf6;border:2px solid #c8b48a;border-radius:2px;padding:3px 5px}.w50{width:58px}.w70{width:80px}#topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo menu""logo hud";align-items:center;gap:6px 14px;padding:7px 10px;display:grid}#logo{grid-area:logo}#menu{grid-area:menu}#hud{grid-area:hud}.tb-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}#hud .spacer{flex:1}.chip{color:#ffe9b0;font-family:var(--px);white-space:nowrap;background:#2a1a0c;border:2px solid #c99560;border-radius:2px;align-items:center;gap:6px;padding:5px 11px;font-size:15px;display:inline-flex}.chip b{color:#fff;font-size:16px}.chip.live{color:#8dff7a;animation:2s ease-in-out infinite livepulse}@keyframes livepulse{50%{color:#3d8f35}}.chip.coin b{color:#ffd34d}.chip.crystal b{color:#7fe8ff}.chip .icon{height:1.5em}#hud button{white-space:nowrap}#menu button{padding:6px 10px;font-size:14px}#menu button.on{outline-offset:-1px;outline:3px solid #ffe36a}#stage{flex:1;min-height:0;position:relative;overflow:hidden}#game{position:absolute;inset:7px;overflow:hidden}#mapbar{z-index:9;gap:6px;display:flex;position:absolute;top:14px;right:16px}#feed{opacity:.92;z-index:9;pointer-events:none;flex-direction:column-reverse;gap:3px;width:min(400px,60%);display:flex;position:absolute;bottom:12px;left:14px}#feed div{color:#fdf3d8;background:#14100a9e;border-radius:2px;padding:2px 8px;font-size:12px;animation:.3s fin}#feed div:nth-child(n+4){opacity:.6}#feed .bad{color:#ff9b8e}#feed .lv{color:#9dff8a}@keyframes fin{0%{opacity:0;transform:translate(-10px)}}.window{z-index:12;background:var(--paper);width:min(600px,100% - 28px);box-shadow:inset 0 0 0 3px var(--paper2), 0 6px 0 #0006;border:3px solid #2a1a0c;border-radius:3px;flex-direction:column;display:flex;position:absolute;top:18px;bottom:18px;left:50%;transform:translate(-50%)}.phead{background:linear-gradient(var(--wood-l), var(--wood));color:#fff;font:700 18px var(--px);text-shadow:2px 2px #2a1a0c;border-bottom:3px solid #2a1a0c;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.phead button.x{background:#c0392b;padding:2px 9px}.phelp{vertical-align:2px;color:#2a1a0c;width:20px;height:20px;font:700 13px var(--px);background:#ffd24a;border-radius:50%;place-items:center;margin-left:6px;text-decoration:none;transition:transform .12s;display:inline-grid;box-shadow:0 2px #7a4a12}.phelp:hover{background:#ffe27a;transform:scale(1.15)}#hud a.chip.guide{cursor:pointer;text-decoration:none}#hud a.chip.guide:hover{color:#fff;background:#4a2e14}#pbody{padding:10px 14px 16px;overflow-y:auto}#pbody h4{border-bottom:2px dashed var(--line);font-family:var(--px);margin:14px 0 6px;padding-bottom:2px}#roster{flex-direction:column;padding:8px;display:flex}.side-title{font:700 18px var(--px);justify-content:space-between;align-items:baseline;gap:6px;margin:0 0 6px;display:flex}.side-title .muted{font:400 13px Itim}.list{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}.hrow{border:2px solid var(--line);border-left:6px solid var(--rc);cursor:pointer;background:#fff;border-radius:2px;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:6px;display:grid;position:relative}.hrow:hover{background:#fff8e6}.hrow.sel{border-color:#e0952f;box-shadow:0 0 0 2px #ffe36a}.hrow.fav{background:linear-gradient(90deg,#fff7d6,#fff 60%)}.hrow>img{place-self:center;height:52px}.hrow>div{min-width:0}.hrow .nm{font:700 15px var(--px);white-space:nowrap;align-items:baseline;gap:6px;padding-right:22px;display:flex;overflow:hidden}.hrow .nm small{color:var(--muted);font:400 12px Itim}.hrow .star{box-shadow:none;text-shadow:none;color:#c9bfa8;background:0 0;border:0;padding:0;font-size:19px;position:absolute;top:3px;right:5px}.hrow .star.on{color:#f4b400}.hrow .st{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hrow .carry-exp{color:#7fb2f0;font-weight:700}.hrow .want{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hrow .want .ok{color:var(--ok)}.hrow .want .no{color:var(--bad)}.bars{font:10px var(--px);color:var(--muted);grid-template-columns:22px 1fr;align-items:center;gap:1px 4px;display:grid}.bars .bar{margin:0}.danger{font:600 11px var(--px);color:#fff;vertical-align:1px;border-radius:2px;padding:0 5px;display:inline-block}.danger.safe{background:#4fae3c}.danger.risky{background:#e0952f}.danger.deadly{background:#c0392b}.hrow.add{color:var(--muted);border-style:dashed;border-left-width:2px;justify-content:center;align-items:center;min-height:52px;display:flex}#live{color:#fdf3d8;background:linear-gradient(#3b2416,#24160c);flex-direction:column;flex:1.3;min-height:0;padding:8px;display:flex;box-shadow:inset 0 0 0 3px #6b4421,0 4px #00000059}#live .side-title .muted{color:#c9a77c}.battle{cursor:pointer;background:#00000059;border:2px solid #6b4421;border-radius:2px;grid-template-columns:52px 1fr 1fr;align-items:center;gap:6px;padding:6px;display:grid}.battle:hover{border-color:#e0952f}.battle.fav{border-color:#f4b400}.battle img{image-rendering:pixelated}.battle .who{font:600 13px var(--px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.battle .mons{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.battle .mon{text-align:center;width:40px}.battle .mon img{height:28px}.battle .mon img.px{height:32px}.battle .mon.dead img{opacity:.25;filter:grayscale()}.battle .bar{background:#4a3020;height:5px}.idle-note{color:#c9a77c;text-align:center;padding:18px 6px;font-size:13px}#shelves{flex-direction:column;flex:1;min-height:0;padding:8px;display:flex}.shelf{border:2px solid var(--line);background:#fff;border-radius:2px;grid-template-columns:1fr auto;align-items:center;gap:2px 6px;padding:5px 7px;display:grid}.shelf .nm{font:600 14px var(--px)}.shelf .items{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px;min-height:22px;display:flex}.shelf .items .it{font:600 12px var(--px);background:var(--paper2);border:1px solid #d9c7a0;align-items:center;gap:1px;padding:0 4px 0 1px;display:inline-flex}.shelf .items .empty{color:var(--bad);font-size:12px}.shelf .demand{color:#8e58c9;white-space:nowrap;font-size:12px}.shelf .sub{color:#7a6248;grid-column:1/-1;font-size:12px}.shelf .pol,.pol{font:600 11px var(--px);background:var(--paper2);color:#5a4630;border:1px solid #b89a6a;padding:1px 6px}.pol.cheap{color:#2f6a1e;background:#dff3d6;border-color:#78b860}.pol.premium{color:#6a2f96;background:#f6e1ff;border-color:#b07ad8}button.pol{cursor:pointer;opacity:.55}button.pol.on{opacity:1;outline:2px solid #5a4630}.shelf .items .it.show{background:#fff4c8;border-color:#e0b03a}.shelf .items .it.slot{color:#b9a37e;background:0 0;border-style:dashed;padding:0 6px}.shelf .hint{color:#5a4630;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px;font-size:12px;display:flex}.shelf .hint button{margin-left:auto}.supply{flex-wrap:wrap;gap:4px;margin:2px 0 4px;display:flex}.supply .it{font:600 12px var(--px);background:var(--paper2);border:1px solid #d9c7a0;align-items:center;gap:2px;padding:0 4px 0 1px;display:inline-flex}.supply .it b{color:#2f6a1e}.policy-help{background:var(--paper2);border:1px dashed #c9b48a;padding:4px 6px}.side-btns{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}#raid{color:#f3e6ff;background:linear-gradient(#3a1d5c,#1d0f33);border-color:#12081f;flex:none;grid-template-columns:64px 1fr;align-items:center;gap:2px 10px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 3px #7a4cc0,0 0 16px #a064ff73,0 4px #00000059}#raid img{height:60px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #b48cff);grid-row:span 3;justify-self:center}#raid img.px{height:64px}#raid .t{font:700 18px var(--px);color:#fff}#raid .t span{color:#d6b4ff;font-size:13px}#raid .soon{color:#d6b4ff;border:1px solid #b48cff;justify-self:start;padding:0 8px;font-size:12px}#raid .cd{font:600 13px var(--px)}#tg{flex:none}.tg-btn{color:#fff;background:linear-gradient(135deg,#3fb5f0,#1f86d1 55%,#1767ad);border:3px solid #0b3a63;border-radius:3px;align-items:center;gap:10px;padding:7px 12px;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #8fd8ff,0 0 12px #38aaf073,0 4px #00000059}.tg-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:30%;animation:3.6s ease-in-out infinite tg-shine;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-20deg)}a.tg-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 0 0 2px #b8e7ff,0 0 20px #50beffbf,0 6px #00000059}a.tg-btn:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #8fd8ff,0 0 10px #38aaf073,0 1px #00000059}.tg-ico{background:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 2px #0b3a63}.tg-ico svg{fill:#229ed9;width:22px;height:22px;margin-left:-2px;animation:2.4s ease-in-out infinite tg-fly}.tg-txt{line-height:1.1;display:grid}.tg-txt b{font:700 16px var(--px);letter-spacing:.5px;text-shadow:0 2px #0b3a63}.tg-txt small{font:600 12px var(--px);color:#dff4ff}.tg-go{font:700 18px var(--px);text-shadow:0 2px #0b3a63;margin-left:auto;animation:1.2s ease-in-out infinite tg-nudge}.tg-btn.soon{cursor:default}.tg-btn.soon small{color:#fff3b0}@keyframes tg-shine{0%,55%{left:-40%}to{left:130%}}@keyframes tg-fly{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(2px,-3px)rotate(-8deg)}}@keyframes tg-nudge{50%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.tg-btn:after,.tg-ico svg,.tg-go{animation:none}}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.grow{flex:1;min-width:0}.card{border:2px solid var(--line);border-left:6px solid var(--rc,#ccc);background:#fff;border-radius:2px;align-items:center;gap:10px;margin:6px 0;padding:6px 8px;display:flex}.card.hero{cursor:pointer}.card.hero:hover{background:#fff8e6}.card img{flex:none}.bar{background:#ddd;border-radius:1px;height:6px;margin:3px 0;overflow:hidden}.bar i{height:100%;display:block}.hero-top{align-items:center;gap:12px;display:flex}.hero-top img{border:3px solid var(--rc);background:radial-gradient(#fff,#f3e7c9);border-radius:3px;padding:4px}.badge{color:#fff;text-shadow:1px 1px #0009;border-radius:2px;padding:0 8px;font-weight:700;display:inline-block}.sheet{flex-direction:column;gap:10px;display:flex;container-type:inline-size}.sti{width:32px;height:32px;image-rendering:pixelated;flex:none}.sh-top{color:#f6ead0;background:linear-gradient(#4a3423,#2e2016);border:3px solid #1c120a;border-radius:3px;gap:14px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 2px #7a5434,0 3px #00000040}.sh-port{flex-direction:column;flex:none;align-items:center;display:flex}.sh-port img{border:3px solid var(--rc);box-shadow:0 0 0 2px #1c120a, 0 0 12px var(--rc);background:radial-gradient(circle at 50% 40%,#fff7df,#d9c398 72%);border-radius:2px;padding:4px;display:block}.sh-rar{text-align:center;background:var(--rc);color:#fff;font:700 13px var(--px);text-shadow:1px 1px #000000b3;border:2px solid #1c120a;align-self:stretch;margin-top:7px;padding:1px 0}.sh-id{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.sh-cls{font:700 16px var(--px);color:#f1d9a6}.sh-lv{font:700 14px var(--px);color:#ffd866;text-shadow:2px 2px #1c120a;line-height:1}.sh-lv b{font-size:30px}.sh-lv i{color:#c8b28a;margin-left:3px;font-size:13px;font-style:normal}.meter{align-items:center;gap:6px;display:flex}.meter .sti{width:24px;height:24px}.meter>b{width:32px;font:700 12px var(--px);color:#f1d9a6}.mbar{background:#1c120a;border:2px solid #0e0804;border-radius:2px;flex:1;height:17px;position:relative;overflow:hidden}.mbar i{height:100%;transition:width .4s;display:block;box-shadow:inset 0 -4px #00000040,inset 0 3px #ffffff47}.mbar i.carry{opacity:.45;background:#4f8fe0 repeating-linear-gradient(45deg,#ffffff40 0 4px,#0000 4px 8px);position:absolute;top:0}.mbar span{text-align:center;font:700 11px/13px var(--px);color:#fff;text-shadow:1px 1px #000;position:absolute;inset:0}.sh-status{color:#d8c6a2;font-size:12px}.sh-box{background:var(--paper2);border:3px solid #2a1a0c;border-radius:3px;padding:0 10px 10px;box-shadow:inset 0 0 0 2px #fffaf0}.sh-title{background:linear-gradient(var(--wood-l), var(--wood));color:#fff;font:700 14px var(--px);text-shadow:1px 1px #2a1a0c;border-bottom:3px solid #2a1a0c;justify-content:space-between;align-items:baseline;gap:8px;margin:0 -10px 8px;padding:4px 10px;display:flex}.sh-title span{text-shadow:none;opacity:.9;font:400 11px Itim,sans-serif}.attrs{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.attr{border:2px solid var(--line);background:#fff;border-radius:2px;grid-template-rows:auto 6px;grid-template-columns:32px 42px minmax(0,1fr) 34px;align-items:center;column-gap:6px;padding:3px 6px;display:grid}.attr .sti{grid-row:1/3}.attr .an{font:700 13px var(--px);color:var(--muted)}.attr .av{font:700 20px var(--px);text-align:right}.attr .ag{font:700 12px var(--px);color:var(--ok)}.attr .abar{background:#e8dcc0;border-radius:1px;grid-column:2/5;height:5px;overflow:hidden}.attr .abar i{background:var(--rc);filter:saturate(1.2);height:100%;display:block}.recs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.rec{border:2px solid var(--line);background:#fff;border-radius:2px;align-items:center;gap:6px;min-width:0;padding:4px 6px;display:flex}.rec .rci{width:28px;height:28px;image-rendering:pixelated;flex:none}.rec div{min-width:0}.rec b{font:700 16px var(--px);display:block}.rec span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.gslot .sti{opacity:.35;filter:grayscale();margin:0 auto 4px;display:block}.tokbox{background:var(--paper2);border:2px solid var(--line);border-radius:2px;flex-direction:column;gap:3px;margin:8px 0;padding:8px 10px;font-size:13px;display:flex}.tokbox a,#pbody td a{color:#2f6aa8}.w120{width:120px}.sheet~.sh-box{margin-top:10px}.sh-box>p:first-of-type{margin-top:0}.sh-box>p:last-child,.sh-box>ul:last-child{margin-bottom:0}.sh-box ul.skills{padding-top:2px}.bagline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bagline .rci{width:24px;height:24px;image-rendering:pixelated}#pbody .sheet~h4{color:#fff;background:linear-gradient(var(--wood-l), var(--wood));text-shadow:1px 1px #2a1a0c;border:3px solid #2a1a0c;border-radius:3px;margin:14px 0 8px;padding:4px 10px;font-size:14px}#pbody .sheet~h4 .muted{color:#f6ead0;opacity:.9}@container (width<=500px){.attrs{grid-template-columns:1fr}.recs{grid-template-columns:1fr 1fr}}@container (width<=380px){.sh-top{flex-direction:column;align-items:center}.sh-id{align-self:stretch}}table.t{border-collapse:collapse;width:100%}table.t td{border-bottom:1px solid var(--line);vertical-align:middle;padding:4px}ul.skills{margin:0;padding-left:18px}.shop{border:2px solid var(--line);background:#fff;border-radius:2px;margin:8px 0;padding:6px 8px}.shead{align-items:center;gap:8px;margin-bottom:4px;display:flex}.shead .tiny{margin-left:auto}.tabs{gap:4px;margin-bottom:8px;display:flex}.tab{background:#7d7468}.tab.on{background:#4fae3c}#toast{opacity:0;z-index:30;color:#fff;pointer-events:none;font-family:var(--px);background:#555;border:2px solid #2a1a0c;border-radius:2px;padding:8px 16px;transition:all .2s;position:fixed;top:70px;left:50%;transform:translate(-50%)translateY(-20px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.ok{background:var(--ok)}#toast.err{background:var(--bad)}#toast.info{background:#3d5a80}#modal{z-index:20;background:#0a0e0899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#mbody{background:var(--paper);max-width:720px;max-height:86vh;box-shadow:inset 0 0 0 4px var(--paper2), 0 6px 0 #0006;border:4px solid #2a1a0c;border-radius:3px;padding:18px 22px;overflow:auto}#mbody h1{font-family:var(--px);margin:0 0 4px}#mbody h2{font-family:var(--px);margin-top:0}.login{text-align:center;width:440px}.login .brand{background:radial-gradient(circle at 50% 35%,#5a3a1e,#2a1a0c 70%);border-radius:4px;margin-bottom:10px;padding:12px 0 10px}.login .brand img{image-rendering:pixelated;margin:0 auto;display:block}.login .brand .word{width:354px}.login .howto{color:#5a3a1a;font:600 14px var(--px);background:#fff6d6;border:2px dashed #c9962a;margin:10px 0 2px;padding:7px 10px;text-decoration:none;display:block}.login .howto:hover{background:#ffedb0;border-style:solid}.login .howto b{color:#2a1a0c}.login .brand .l1{color:#ffd34d}.login .brand .l2{color:#9be86b}.wallets{flex-direction:column;gap:8px;margin:10px 0;display:flex}.wallet{background:#4fae3c;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:16px;display:flex}.wallet.dev{background:#7d7468;padding:6px;font-size:13px}.wallet img{width:22px;height:22px}.fine{color:var(--muted);font-size:12px}.pulls{grid-template-columns:repeat(5,116px);justify-content:center;gap:8px;display:grid}.pull{border:3px solid var(--rc);background:#fff;border-radius:3px;flex-direction:column;align-items:center;padding:8px 4px;animation:.35s backwards pop;display:flex}.pull.r3,.pull.r4,.pull.r5{box-shadow:0 0 14px var(--rc);background:radial-gradient(#fffbe0,#fff)}.pull:nth-child(2){animation-delay:50ms}.pull:nth-child(3){animation-delay:.1s}.pull:nth-child(4){animation-delay:.15s}.pull:nth-child(5){animation-delay:.2s}.pull:nth-child(6){animation-delay:.25s}.pull:nth-child(7){animation-delay:.3s}.pull:nth-child(8){animation-delay:.35s}.pull:nth-child(9){animation-delay:.4s}.pull:nth-child(10){animation-delay:.45s}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@media (width<=1500px){:root{--left:310px;--right:300px}#logo .word{height:60px}#menu button{padding:6px 9px;font-size:13px}.chip{padding:4px 8px;font-size:13px}}@media (width<=1100px){html,body{overflow:auto}#app{grid-template-columns:1fr;grid-template-areas:"top""stage""roster""right";height:auto;min-height:100vh}#topbar{grid-template-columns:1fr;grid-template-areas:"logo""menu""hud"}#hud .spacer{display:none}#stage{height:62vh}#roster,#live,#shelves{max-height:60vh}}.share{background:#2a1a0c;border:2px solid #2a1a0c;border-radius:2px;align-items:stretch;display:inline-flex}.share .lbl{font:600 12px var(--px);color:#ffe9b0;align-items:center;padding:0 8px;display:flex}#hud .share button{color:#d8c49a;background:#4a3420;border:0;border-left:2px solid #2a1a0c;padding:3px 9px;font-size:15px;line-height:1.05}#hud .share button small{opacity:.8;font-size:10px;display:block}#hud .share button.on.grow{color:#fff;background:#3f9a3a}#hud .share button.on.balanced{color:#fff;background:#c9902a}#hud .share button.on.payout{color:#fff;background:#b8453a}.gchip{font:600 12px var(--px);border:2px solid var(--gc);color:var(--ink);white-space:nowrap;vertical-align:middle;background:#fff;border-radius:2px;align-items:center;gap:3px;padding:0 5px 0 1px;display:inline-flex}.gchip b{color:var(--gc);filter:brightness(.8);font-weight:700}.gchip i{color:var(--muted);font-size:10px;font-style:normal}.gchip .icon{height:18px}.spell{border-left:3px solid var(--gc);background:#fff;border-radius:4px;align-items:center;gap:6px;margin:4px 0;padding:4px 6px;display:flex}.spell>div{flex:1;min-width:0}.spell .sp-ico{font-size:20px;display:flex}img.sicon{image-rendering:pixelated;vertical-align:middle}ul.skills li.trait{align-items:center;gap:6px;margin:2px 0;list-style:none;display:flex}ul.skills li.trait img.sicon{flex:none}.spell b{color:var(--gc);filter:brightness(.8)}.spell .sp-rar{font:600 10px var(--px);color:var(--gc);text-transform:uppercase}.gcards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:6px 0;display:grid}.gcard{border:3px solid var(--gc);background:#fff;border-radius:3px;padding:6px 8px;font-size:13px;box-shadow:0 2px #00000026}.gcard .ghead{align-items:center;gap:6px;display:flex}.gcard .ghead .icon{height:28px}.gcard .ghead b{color:var(--gc);filter:brightness(.75);font-family:var(--px);font-size:14px}.gcard .gsub{color:var(--muted);font-size:11px}.gcard .gval{font:600 12px var(--px);white-space:nowrap;margin-left:auto}.gcard .gmain{margin:3px 0;font-weight:700}.gcard .gaff{color:#2f6aa8}.gcard .gaff.gsig{color:#7a4fc0;font-weight:700}.gico{border-radius:4px;display:inline-flex}.gico.g3{filter:drop-shadow(0 0 3px #b05ce0)drop-shadow(0 0 1px #b05ce0)}.gico.g4{animation:1.6s ease-in-out infinite gshimmer}@keyframes gshimmer{0%,to{filter:drop-shadow(0 0 2px #f07a28)brightness()}50%{filter:drop-shadow(0 0 7px #ffc860)brightness(1.25)}}@media (prefers-reduced-motion:reduce){.gico.g4{filter:drop-shadow(0 0 4px #f07a28);animation:none}}.gcard .guniq{color:#c4561c;margin-top:2px;font-weight:700}.gcard .gset{color:#2f7a2f;margin-top:2px;font-size:11px}.gcard .gfoot{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;padding-top:5px;display:flex}.gcard .gfoot .w70{width:70px}.gslot{border:2px dashed var(--line);text-align:center;border-radius:3px;padding:10px}.ok.small,.no.small{font-size:11px}#menu button.dark{background:#4a3a5a}.picks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;margin:6px 0;display:grid}.pick{border:1px solid var(--line);cursor:pointer;background:#fff;align-items:center;gap:5px;padding:3px 6px;font-size:13px;display:flex}.pick.off{opacity:.5;cursor:default}.bar.big{height:12px}.battle.run{cursor:pointer;grid-template-columns:1fr}#topbar{gap:10px}#hud{gap:6px}#hud .chip{padding:4px 8px;font-size:14px}#hud .chip.addr{max-width:120px;overflow:hidden}#hud .share button{padding:2px 7px;font-size:13px}#hud .chip.addr{white-space:nowrap;text-overflow:ellipsis}.interior{background:#2a1a0c;border:3px solid #2a1a0c;border-radius:3px;margin:-4px 0 8px;position:relative;overflow:hidden}.interior>img{width:100%;image-rendering:pixelated;display:block}.interior .beds{grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:absolute;bottom:4%;left:3%;right:3%}.interior .bed{background:#fff4d68c;border:2px solid #2a1a0c99;border-radius:3px;justify-content:center;align-items:center;height:54px;display:flex;position:relative}.interior .bed img.pix{height:44px;image-rendering:pixelated}.interior .bed.used{background:#ffe48ccc}.interior .bed.used>img.pix:nth-of-type(2),.interior .bed.used .ph{height:30px;position:absolute;top:4px;left:18%;transform:rotate(-80deg)}.interior .bed span{font:600 11px var(--px);color:#2a1a0c;position:absolute;bottom:1px;right:3px}.interior .bed.locked{color:#ffe9b0;background:#00000059;font-size:18px}.interior .int-note{color:#ffe9b0;font:600 13px var(--px);background:#2a1a0cbf;padding:3px 8px;position:absolute;top:0;left:0;right:0}.interior .int-shelf{justify-content:center;gap:6px;display:flex;position:absolute;top:54%;left:28%;right:28%}.interior .int-item{border:3px solid var(--gc,#b9a37e);background:#ffffffd9;border-radius:3px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.interior .int-item .icon{height:28px}.interior .int-item b{font:700 11px var(--px);color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;position:absolute;bottom:-2px;right:1px}.interior .int-item.empty{color:#b9a37e;background:#fff6;border-style:dashed}.interior .int-heroes{gap:2px;display:flex;position:absolute;bottom:3%;left:4%}.interior .int-heroes img{filter:drop-shadow(0 2px #0006)}.sellinfo{margin:2px 0 6px 18px;padding:0}.sellkeep{flex-direction:column;gap:4px;margin:4px 0 6px;display:flex}.sellrow{cursor:pointer;border:2px dashed #c9a97a;border-radius:3px;align-items:center;gap:6px;padding:3px 6px;display:flex}.sellrow.on{background:#6fae4a1f;border-style:solid;border-color:#6fae4a}.battle.done.won{border-color:#5c9a3c}.battle.done.lost{border-color:#9a3c3c}.battle .ok{color:#9dff8a}.battle .bad{color:#ff9a9a}.battle.seek{opacity:.85;grid-template-columns:38px 1fr auto;padding:4px 6px}.battle.seek .mon img{height:22px}.card.hero.camp{opacity:.75;border-style:dashed}#menu button.red{background:#b8433a}#menu button.gold{background:#c9962a}#menu button.orange{background:#c8652a}.arena-head{flex-wrap:wrap;gap:6px 14px;margin:2px 0 8px;display:flex}.arena-head>div{flex-direction:column;display:flex}.aoffer{background:#fff;border:2px solid #d9c9a8;border-radius:4px;align-items:center;gap:8px;margin:6px 0;padding:6px 8px;display:flex}.aoffer>div{flex:1;min-width:0}.ateam{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.ahero{border:2px solid var(--rc);background:#fffaf0;border-radius:3px;align-items:center;gap:4px;padding:1px 6px 1px 1px;line-height:1.1;display:inline-flex}.ahero img,.ahero canvas{width:28px;height:28px;image-rendering:pixelated}.arow{align-items:center;gap:6px;margin-top:3px;display:flex}.arow>span{width:36px}.formation{background:#efe3c8;border:2px solid #d9c9a8;border-radius:4px;flex-direction:column;gap:6px;padding:8px;display:flex}.frow{align-items:stretch;gap:8px;display:flex}.flabel{flex-direction:column;justify-content:center;width:120px;display:flex}.flabel small{color:var(--muted);font-size:10px;line-height:1.2}.fslots{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.fslot{border:3px solid var(--rc,#cdbb98);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:4px;min-height:52px;padding:3px 18px 3px 4px;line-height:1.15;display:flex;position:relative}.fslot.empty{background:#f8f0dc;border-style:dashed;justify-content:center}.fslot.sel{outline-offset:1px;outline:3px solid #ffd04a}.fslot .fnum{color:#fff;font:700 10px var(--px);background:#5a3a1a;border-radius:8px;padding:0 5px;position:absolute;top:-8px;left:-6px}.fslot .fx{padding:0 4px;position:absolute;top:2px;right:2px}.fslot img{height:32px;image-rendering:pixelated}.fcards{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:5px;margin-top:6px;display:grid}.fcard{border:2px solid var(--rc);cursor:pointer;background:#fff;border-left-width:5px;border-radius:3px;align-items:center;gap:4px;padding:2px 4px;line-height:1.15;display:flex;position:relative}.fcard.in{background:#fff6d6}.fcard.off{opacity:.45;cursor:default}.fcard .fbadge{font:700 10px var(--px);color:#5a3a1a;position:absolute;top:2px;right:3px}.fcard img{height:32px;image-rendering:pixelated}#hud .chip.addr{cursor:pointer}.chip.bell{cursor:pointer;border:none}.chip.bell.on{background:#a8321e;animation:1.6s ease-in-out infinite livepulse}.chip.chat{cursor:pointer;opacity:.55;border:none}.chip.chat.on{opacity:1}.chip.snd{cursor:pointer;opacity:.55;border:none}.chip.snd.on{opacity:1}.snd-pop{z-index:60;background:var(--paper);width:230px;box-shadow:inset 0 0 0 3px var(--paper2), 0 6px 0 #0006;font:600 13px var(--px);color:var(--ink);border:3px solid #2a1a0c;border-radius:3px;gap:8px;padding:10px 12px;display:grid;position:fixed}.snd-pop label{gap:2px;display:grid}.snd-pop label:first-child{align-items:center;gap:6px;display:flex}.snd-pop input[type=range]{width:100%;accent-color:var(--wood)}.snd-pop p{margin:0}.snd-list{flex-wrap:wrap;gap:4px;display:flex}#raid .raid-click{cursor:pointer;display:contents}.boss-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.boss-head img{height:72px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #ff8c6b)}tr.me td{background:#fff3c4}.notice{border-bottom:1px solid var(--line);padding:6px 8px;font-size:14px}.notice.new{background:#fff3c4;border-left:4px solid #e0a020}.fusebar{background:#f7efff;border:2px dashed #8e58c9;margin:6px 0;padding:6px 8px;font-size:13px}.card.hero.picked{background:#f7efff;outline:3px solid #8e58c9}.card.hero .fusebox{pointer-events:none;width:18px;height:18px;margin-right:4px}.dup{color:#fff;background:#8e58c9;border-radius:8px;padding:0 5px;font-size:11px}.lb{color:#c9962a;font-weight:700}#visitbar{z-index:40;color:#ffe9b0;font:600 14px var(--px);background:#2a1a0c;border:2px solid #ffd24a;padding:6px 12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}#visitbar b{color:#fff}#raid img{grid-row:span 4}.dot{vertical-align:middle;background:#b9ad9c;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.dot.on{background:#3fbf3f;box-shadow:0 0 4px #3fbf3f}.chatlog{border:1px solid var(--line);background:#fff;max-height:220px;padding:4px 6px;font-size:13px;overflow-y:auto}.chatline{padding:2px 0}.chatline.me b{color:#2a7a2a}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.decor-card{border:2px solid var(--line);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.decor-card img{image-rendering:pixelated}.decor-card.stored{border-color:#5fb05f}#decorbar{z-index:40;color:#ffe9b0;font:600 14px var(--px);background:#2a1a0c;border:2px solid #5fe05f;flex-wrap:wrap;align-items:center;gap:6px;max-width:94vw;padding:6px 12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}#decorbar img{image-rendering:pixelated;vertical-align:middle}.town-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.town-head>button{margin-left:auto}.rank-badge{width:44px;height:44px;font:700 22px var(--px);color:#2a1a0c;background:radial-gradient(#ffe08a,#c9962a);border:3px solid #2a1a0c;border-radius:50%;justify-content:center;align-items:center;display:flex}.cond{grid-template-columns:150px 1fr 110px;align-items:center;gap:8px;margin:3px 0;font-size:13px;display:grid}.cond .bar i{background:#c9962a}.cond.done .bar i{background:#3f9a3a}.cond.done span:first-child{color:#2a7a2a;font-weight:700}.daychart{border:1px solid var(--line);background:#fff;align-items:flex-end;gap:6px;height:70px;padding:4px;display:flex}.dayc{flex:1;align-items:flex-end;gap:1px;height:100%;display:flex}.dayc i{flex:1;min-height:1px;display:block}.dayc .in{background:#3f9a3a}.dayc .outc{background:#c0503a}.dayc .kl{background:#7a5cc0}.mon-card{align-items:center;gap:12px;display:flex}.mon-card img{object-fit:contain;width:72px;height:72px;image-rendering:pixelated;border:2px solid var(--line);background:#f3e6c8;border-radius:4px}.mon-stats{grid-template-columns:repeat(3,1fr);gap:4px 10px;display:grid}.mon-stats div{border-bottom:1px dotted var(--line);justify-content:space-between;display:flex}.warn{background:#fff1d6;border:2px solid #e0952f;border-radius:2px;padding:6px 8px;font-size:13px}.sfx{z-index:40;color:#fff;font-family:var(--px);background:radial-gradient(at 50% 55%,#2a1648 0%,#0d0818 72%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.sfx-sky{image-rendering:pixelated;opacity:.32;background:url(/ui/summon_sky.png) 50%/cover;position:absolute;inset:0}.sfx-gate{aspect-ratio:1;flex:none;place-items:center;width:min(56vmin,384px);display:grid;position:relative}.sfx-gate .ring{width:100%;image-rendering:pixelated;filter:drop-shadow(0 0 12px #b45cff);animation:14s linear infinite sfx-spin;position:absolute}.sfx-gate .ring.r2{opacity:.75;width:58%;animation-duration:9s;animation-direction:reverse}.sfx-gate .core{aspect-ratio:1;background:radial-gradient(#fff,#d9a6ff 40%,#0000 70%);border-radius:50%;width:20%;animation:1.6s ease-in-out infinite sfx-pulse}.sfx-gate.charging .ring{animation-duration:7s}.sfx-gate.hot .ring{filter:drop-shadow(0 0 22px #e7b3ff)brightness(1.35);animation-duration:2.6s}.sfx-gate.hot .core{animation-duration:.6s}.sfx-gate.broken .ring{filter:grayscale(.85)brightness(.55);animation-play-state:paused}.sfx-gate.broken .core{opacity:.2;animation:none}.sfx-gate.burst .ring{animation-duration:1.2s}@keyframes sfx-spin{to{transform:rotate(360deg)}}@keyframes sfx-pulse{50%{opacity:.7;transform:scale(1.4)}}.motes{pointer-events:none;position:absolute;inset:0}.mote{width:24px;image-rendering:pixelated;opacity:0;animation:3s ease-in infinite sfx-rise;position:absolute;bottom:8%}@keyframes sfx-rise{0%{opacity:0;transform:translateY(0) scale(var(--s))}20%{opacity:1}to{opacity:0;transform:translateY(-75vh) scale(var(--s)) rotate(90deg)}}.sfx-panel{text-align:center;background:#140a24d9;border:3px solid #b48cff;border-radius:4px;width:min(460px,92vw);margin-top:14px;padding:14px 20px;position:relative;box-shadow:0 0 0 3px #2a1a0c,0 0 26px #7b3fd0}.sfx-title{color:#ffe08a;text-shadow:2px 2px #2a1a0c;margin-bottom:10px;font-size:22px}.sfx-steps{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.sfx-steps li{color:#a99bc8;border:2px solid #4a3a6a;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;display:flex}.sfx-steps li i{color:#fff;background:#4a3a6a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:inline-grid}.sfx-steps li.now{color:#fff;border-color:#ffd866;animation:1s ease-in-out infinite sfx-blink}.sfx-steps li.now i{background:#c9902a}.sfx-steps li.done{color:#c9f5cd;border-color:#5fd16a}.sfx-steps li.done i{background:#3f9a3a}.sfx-steps li.bad{color:#ffb3b3;border-color:#e04848}@keyframes sfx-blink{50%{box-shadow:0 0 12px #ffd866}}.sfx-note{color:#e6dcff;margin-top:10px;font:14px Itim,sans-serif}.sfx-note .bad{color:#ff9b8e}.sfx-time{color:#8c7fb0;margin-top:3px;font-size:11px}.sfx-actions{z-index:6;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex;position:relative}.sfx-actions .sfx-note{width:100%;margin:0}.sfx-btn{font:700 16px var(--px);cursor:pointer;color:#3a2208;background:linear-gradient(#ffd56a,#e8962a);border:3px solid #2a1a0c;border-radius:3px;padding:8px 22px;box-shadow:0 4px #2a1a0c}.sfx-btn:active{transform:translateY(3px);box-shadow:0 1px #2a1a0c}.sfx-btn.alt{color:#fff;text-shadow:1px 1px #2a1a0c;background:linear-gradient(#c58cff,#8a4fe0)}.sfx-btn.ghost{color:#e6dcff;box-shadow:none;background:#ffffff14;border-color:#6a5a8a;padding:5px 14px;font-size:13px}.sfx-reveal .sfx-gate{transition:opacity .7s,transform .7s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sfx-reveal.dealt .sfx-gate{opacity:.22;transform:translate(-50%,-50%)scale(1.5)}.pillar{opacity:0;pointer-events:none;background:linear-gradient(to top, var(--pillar), color-mix(in srgb, var(--pillar) 40%, transparent) 70%, transparent);filter:blur(3px);border-radius:50% 50% 0 0;width:0;height:0;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.pillar.rainbow{background:linear-gradient(#0000,#b45aff,#5ad7ff,#5aff8a,#ffd75a,#ff5a5a)}.sfx-reveal.charge .pillar{animation:1.3s ease-in forwards sfx-pillar}.sfx-reveal.flashed .pillar{animation:.7s ease-out forwards sfx-pillar-out}@keyframes sfx-pillar{0%{opacity:0;width:6px;height:0}55%{opacity:1;width:36px;height:60vh}to{opacity:1;width:150px;height:100vh}}@keyframes sfx-pillar-out{0%{opacity:1;width:150px;height:100vh}to{opacity:0;width:420px;height:100vh}}.flash{opacity:0;pointer-events:none;z-index:5;background:#fff;position:absolute;inset:0}.sfx-reveal.flashed .flash{animation:.8s ease-out sfx-flash}@keyframes sfx-flash{0%{opacity:.95}to{opacity:0}}.sfx-reveal.best3.flashed{background:radial-gradient(at 50% 55%,#3d1a5e 0%,#0d0818 72%)}.sfx-reveal.best4.flashed{background:radial-gradient(at 50% 55%,#5a3410 0%,#140b04 72%)}.sfx-reveal.best5.flashed{background:radial-gradient(at 50% 55%,#5a1a4a 0%,#120612 72%)}.deck{z-index:2;perspective:1000px;justify-content:center;gap:14px;display:grid;position:relative}.deck.many{grid-template-columns:repeat(5,112px)}.rcard{cursor:pointer;opacity:0;width:112px;height:168px;position:relative;transform:translateY(20vh)scale(.15)rotate(-20deg)}.deck.one .rcard{width:168px;height:252px}.sfx-reveal.dealt .rcard{animation:.55s cubic-bezier(.2,1.35,.5,1) forwards sfx-deal;animation-delay:calc(var(--i) * 70ms)}@keyframes sfx-deal{to{opacity:1;transform:none}}.rcard .inner{transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,1.45,.5,1);position:absolute;inset:0}.rcard.open .inner{transform:rotateY(180deg)}.rcard.tease .inner{animation:.7s ease-in-out sfx-tease}.rcard.tease{filter:drop-shadow(0 0 16px var(--rc))}@keyframes sfx-tease{25%{transform:rotateY(-14deg)scale(1.06)}50%{transform:rotateY(14deg)scale(1.12)}75%{transform:rotateY(-8deg)scale(1.06)}}.face{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0;overflow:hidden}.face.back img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 4px #0006)}.face.front{border:4px solid var(--rc);color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 38%,#fff8e6,#e2d2ac 72%);flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;padding:6px 4px 8px;display:flex;transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #2a1a0c}.face.front img{z-index:1;height:96px;image-rendering:pixelated;position:relative}.deck.one .face.front img{height:160px}.face.front b{z-index:1;font-size:13px;position:relative}.deck.one .face.front b{font-size:17px}.face.front .rr{z-index:1;text-shadow:1px 1px #2a1a0c;font-size:10px;position:relative}.face.front .sub{z-index:1;color:var(--muted);font:10px Itim,sans-serif;position:relative}.face.front .halo{opacity:.32;background:conic-gradient(from 0deg, transparent, var(--rc), transparent 22%, var(--rc), transparent 47%, var(--rc), transparent 72%, var(--rc), transparent);animation:6s linear infinite sfx-spin;position:absolute;inset:-45%}.rcard.r0 .halo,.rcard.r1 .halo{opacity:.1}.rcard.open.r3,.rcard.open.r4,.rcard.open.r5{filter:drop-shadow(0 0 10px var(--rc)) drop-shadow(0 0 24px var(--rc))}.rcard:before,.rcard:after{content:"";pointer-events:none;opacity:0;z-index:-1;position:absolute;top:50%;left:50%}.rcard:before{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc) 70%, #fff) 0deg 7deg, transparent 7deg 24deg);width:260%;transform:translate(-50%,-50%)scale(.3);-webkit-mask:radial-gradient(circle,#000 0%,#0000 62%);mask:radial-gradient(circle,#000 0%,#0000 62%)}.rcard:after{aspect-ratio:1;border:6px solid var(--rc);border-radius:50%;width:100%;transform:translate(-50%,-50%)scale(.2)}.rcard.open:before{animation:.5s ease-out forwards sfx-rays-in,9s linear .5s infinite sfx-spin-c}.rcard.open:after{animation:.8s ease-out forwards sfx-ring}.rcard.open.r0:before,.rcard.open.r1:before{--ray:.35}@keyframes sfx-rays-in{to{opacity:var(--ray,.8);transform:translate(-50%,-50%)scale(1)}}@keyframes sfx-spin-c{0%{opacity:var(--ray,.8);transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:var(--ray,.8);transform:translate(-50%,-50%)scale(1)rotate(360deg)}}@keyframes sfx-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(2.6)}}.deck.many .rcard:before{width:200%}.rcard.open .inner{animation:.5s ease-out sfx-pop}@keyframes sfx-pop{0%{transform:rotateY(90deg)scale(1)}60%{transform:rotateY(180deg)scale(1.15)}to{transform:rotateY(180deg)scale(1)}}.sfx-reveal .sfx-actions{position:absolute;bottom:5%;left:0;right:0}.rcard.open.r4 .face.front,.rcard.open.r5 .face.front{animation:1.4s ease-in-out infinite sfx-glow}@keyframes sfx-glow{50%{box-shadow:inset 0 0 0 2px #2a1a0c, inset 0 0 26px var(--rc)}}.shard{width:22px;image-rendering:pixelated;pointer-events:none;z-index:5;filter:drop-shadow(0 0 4px var(--c)) drop-shadow(0 0 2px var(--c));animation:1.1s ease-out forwards sfx-shard;position:absolute;top:50%;left:50%}@keyframes sfx-shard{0%{transform:translate(-50%, -50%) scale(var(--s));opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(0) rotate(200deg);opacity:0}}.shout{z-index:4;font:700 46px var(--px);white-space:nowrap;pointer-events:none;opacity:0;text-shadow:3px 3px #2a1a0c,-2px -2px #2a1a0c,0 0 24px;position:absolute;top:9%;left:50%;transform:translate(-50%)}.shout.pop{animation:1.7s ease-out forwards sfx-shout}@keyframes sfx-shout{0%{opacity:0;transform:translate(-50%)scale(3)rotate(-6deg)}14%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-24px)}}.confetti{pointer-events:none;z-index:3;position:absolute;inset:0}.confetti i{width:8px;height:12px;animation:2.5s linear forwards sfx-fall;position:absolute;top:-12px}@keyframes sfx-fall{to{transform:translateY(110vh) rotate(var(--r))}}.sfx.shake{animation:.45s sfx-shake}.sfx.shake2{animation:.8s sfx-shake}@keyframes sfx-shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-7px,3px)}40%,60%{transform:translate(7px,-3px)}}#menuToggle{display:none}@media (width<=640px){#app{gap:6px;padding:4px 4px 8px}#topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo.toggle""hud hud hud""menu menu menu";gap:4px 8px;padding:4px 6px}#logo{padding:0 2px}#logo .word{height:34px}#menuToggle{grid-area:toggle;padding:5px 10px;font-size:13px;display:block}#menuToggle.hidden,body:not(.menu-open) #menu{display:none}body.menu-open #menuToggle{background:#e0952f}#menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}#menu button{padding:7px 4px;font-size:12px}#hud{scrollbar-width:none;flex-wrap:nowrap;gap:5px;padding-bottom:2px;overflow-x:auto}#hud::-webkit-scrollbar{display:none}#hud>*{flex:none}#hud .chip{padding:3px 7px;font-size:13px}#hud .chip b{font-size:14px}#hud .chip.live,#hud .chip small{display:none}#stage{height:calc(100dvh - var(--tb-h,90px) - 18px);min-height:300px;padding:4px}#game{inset:4px}#mapbar{top:8px;right:8px}#feed{width:calc(100% - 20px)}.window{width:calc(100% - 12px);top:6px;bottom:6px}#mbody{max-width:calc(100vw - 16px);max-height:92dvh;padding:12px}.login{width:auto}.login .brand .word{width:min(354px,100%)}.wallet{white-space:normal;font-size:15px}.deck.many{grid-template-columns:repeat(3,92px);gap:10px}.deck.many .rcard{width:92px;height:138px}.deck.many .face.front img{height:64px}.shout{font-size:30px}}@media (prefers-reduced-motion:reduce){.sfx,.sfx *{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}}.sum-hero{height:170px;image-rendering:pixelated;background:#1b1030 url(/ui/summon_sky.png) 50%/cover;border-bottom:3px solid #2a1a0c;margin:-10px -14px 10px;position:relative;overflow:hidden}.sum-hero .altar{width:128px;image-rendering:pixelated;filter:drop-shadow(0 0 14px #5cf0d0);animation:3s ease-in-out infinite sum-bob;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.sum-hero .glowring{opacity:.55;width:220px;image-rendering:pixelated;animation:16s linear infinite sum-ring;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)scaleY(.35)}.sum-hero .sum-title{font:700 22px var(--px);color:#ffe08a;text-shadow:2px 2px #2a1a0c,0 0 12px #b45cff;position:absolute;top:10px;left:12px}.sum-hero .sum-wallet{font:700 12px var(--px);color:#fff;background:#140a24bf;border:2px solid #b48cff;border-radius:3px;padding:4px 9px;position:absolute;top:10px;right:10px}.sum-hero .motes .mote{width:18px}@keyframes sum-bob{50%{transform:translate(-50%)translateY(-6px)}}@keyframes sum-ring{to{transform:translate(-50%)scaleY(.35)rotate(360deg)}}.sum-btns{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0;display:grid}.sumbtn{cursor:pointer;font:700 19px var(--px);color:#fff;text-shadow:2px 2px #2a1a0c;background:linear-gradient(#9a6bff,#5b2fc0);border:3px solid #2a1a0c;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 9px;display:flex;box-shadow:0 5px #2a1a0c,inset 0 3px #ffffff4d}.sumbtn small{font:700 12px var(--px);color:#ffe08a;text-shadow:1px 1px #2a1a0c}.sumbtn.x5{background:linear-gradient(#5fb8ff,#2a6fd1)}.sumbtn.x10{background:linear-gradient(#ffb04a,#d1621e);position:relative}.sumbtn.x10:after{content:"BEST";background:#e04848;border:2px solid #2a1a0c;border-radius:3px;padding:1px 6px;font-size:10px;position:absolute;top:-10px;right:-6px;transform:rotate(8deg)}.sumbtn:hover{filter:brightness(1.08)}.sumbtn:active{transform:translateY(4px);box-shadow:0 1px #2a1a0c}.sumbtn:disabled{filter:grayscale(.7);cursor:default}.pity{grid-template-columns:120px 1fr 56px;align-items:center;gap:6px;margin:3px 0;font-size:12px;display:grid}.pity .pbar{background:#e8dcc0;border:2px solid #2a1a0c;border-radius:2px;height:10px;overflow:hidden}.pity .pbar i{background:var(--rc);height:100%;display:block;box-shadow:inset 0 -3px #0003}.pity b{font-family:var(--px);text-align:right}.odds{gap:4px;display:grid}.odds .orow{border:2px solid var(--line);border-left:6px solid var(--rc);background:#fff;border-radius:2px;grid-template-columns:96px 46px 1fr;align-items:center;gap:6px;padding:3px 6px;font-size:12px;display:grid}.odds .orow b{font-family:var(--px);color:var(--rc);filter:brightness(.8)}.odds .orow .pct{font-family:var(--px);text-align:right}.sfx-gate .token{width:18%;image-rendering:pixelated;opacity:0;position:absolute}.sfx-wait.vault .sfx-gate .ring{filter:hue-rotate(150deg)saturate(1.4)drop-shadow(0 0 12px #ffc23d)}.sfx-wait.vault .sfx-gate .core{background:radial-gradient(#fff,#ffd34d 40%,#0000 70%)}.sfx-wait.vault .sfx-gate .token{opacity:1;animation:1.6s linear infinite sfx-coinspin}.sfx-wait.vault .sfx-panel{border-color:#ffc23d;box-shadow:0 0 0 3px #2a1a0c,0 0 26px #c9902a}@keyframes sfx-coinspin{0%{transform:scaleX(1)}25%{transform:scaleX(.1)}50%{transform:scaleX(-1)}75%{transform:scaleX(.1)}to{transform:scaleX(1)}}.chip .icon[src$=\.png]{height:22px;image-rendering:pixelated}#hud .chip.chest{cursor:pointer}#hud .chip small{opacity:.8;font-size:9px}.chip.wallet b{color:#d9b3ff}.gainfx{z-index:45;pointer-events:none;width:0;height:0;position:fixed}.gainfx b{white-space:nowrap;font:700 18px var(--px);color:#ffe066;text-shadow:2px 2px #2a1a0c,-1px -1px #2a1a0c;animation:1.4s ease-out forwards gain-up;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.gainfx.big b{color:#e2b8ff;font-size:24px}.gainfx img{width:18px;image-rendering:pixelated;animation:.9s ease-out forwards gain-pop;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.gainfx .gring{border:3px solid #ffd34d;border-radius:50%;width:40px;height:40px;animation:.6s ease-out forwards gain-ring;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.3)}.gainfx.big .gring{border-color:#c58cff;width:70px;height:70px}@keyframes gain-up{0%{opacity:0;transform:translate(-50%,-20%)scale(.6)}15%{opacity:1;transform:translate(-50%,-80%)scale(1.15)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}@keyframes gain-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}60%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(160deg)}}@keyframes gain-ring{to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.wd{flex-direction:column;gap:8px;display:flex}.wd-chest{text-align:center;color:#f6ead0;background:linear-gradient(#4a3423,#2e2016);border:3px solid #1c120a;border-radius:3px;padding:10px;box-shadow:inset 0 0 0 2px #7a5434}.wd-chest span{font:700 10px var(--px);letter-spacing:1px;color:#c8b28a;display:block}.wd-chest b{font:700 30px var(--px);color:#ffd866;text-shadow:2px 2px #1c120a;align-items:center;gap:8px;display:inline-flex}.wd-chest b img{height:32px;image-rendering:pixelated}.wd-chest small{color:#d8c6a2;margin-top:2px;font-size:11px;display:block}.wd-btns .wd-go:disabled{filter:grayscale(.8);cursor:default}.wd-amount{align-items:center;gap:6px;display:flex}.wd-amount input{min-width:0;font:700 18px var(--px);background:#fffaf0;border:3px solid #2a1a0c;border-radius:3px;flex:1;padding:6px 10px}.wd-rows{flex-direction:column;gap:4px;display:flex}.wd-row{border:2px solid var(--line);background:#fff;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.wd-row b{font:700 14px var(--px);text-align:right;align-items:center;gap:4px;display:inline-flex}.wd-row b img{height:18px;image-rendering:pixelated}.wd-row.neg b{color:var(--bad)}.wd-row.get{background:#eaf8e4;border-color:#5fb35a}.wd-row.get b{color:#2e7d32;font-size:17px}.wd-row.small{color:var(--muted);padding:4px 10px;font-size:11px}.wd-row.small b{color:var(--ink);font-size:12px}.wd-row.warn{background:#fff0ec;border-color:#e07a5f}.wd-cap{background:var(--paper2);border:2px dashed var(--line);border-radius:2px;padding:6px 10px;font-size:12px}.burn-note{color:#b5531c;font-weight:600}.wd-btns{grid-template-columns:1fr 2fr;gap:8px;display:grid}.wd-btns button{font:700 16px var(--px);cursor:pointer;border:3px solid #2a1a0c;border-radius:3px;padding:10px;box-shadow:0 4px #2a1a0c}.wd-btns .wd-close{color:#fff;background:#5a4a3a}.wd-btns .wd-go{color:#3a2208;background:linear-gradient(#ffcf5a,#e8962a)}.wd-btns button:active{transform:translateY(3px);box-shadow:0 1px #2a1a0c}.wd-h{font:700 11px var(--px);letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-top:6px}.wd-table{border-collapse:collapse;width:100%;font-size:12px}.wd-table th{text-align:left;font:700 10px var(--px);color:var(--muted);border-bottom:2px solid var(--line);padding:3px 4px}.wd-table td{border-bottom:1px solid var(--line);padding:4px}.wd-table .st-paid{color:var(--ok)}.wd-table .st-refunded{color:var(--bad)}.wd-chart{background:#2e2016;border:2px solid #1c120a;border-radius:2px;align-items:flex-end;gap:4px;height:56px;padding:4px;display:flex}.wd-chart i{background:linear-gradient(#ffd866,#c9902a);border-radius:1px 1px 0 0;flex:1}.ref-box{color:#f6ead0;background:#2e2016;border:2px solid #1c120a;border-radius:2px;gap:6px;padding:8px;display:grid}.ref-box p{margin:0}.ref-row{gap:6px;display:flex}.ref-row input{min-width:0;font:12px var(--mono,monospace);flex:1}.ref-stats{color:#c8b28a;flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.ref-stats b{color:#ffd866}.tok-closed{background:#fff6dd;border:2px solid #c9902a;border-radius:2px;padding:6px 10px;font-size:13px}.tok-closed.no{border-color:var(--bad);color:var(--bad);background:#fff0ec}body.replay #panel,body.replay #feed,body.replay #mapbar,body.replay #topbar,body.replay #roster,body.replay #right{display:none!important}body.replay #app{grid-template:"stage"minmax(0,1fr)/minmax(0,1fr);gap:0;height:100vh;min-height:0;padding:0}body.replay #stage{height:auto}body.replay{overflow:hidden}html:has(body.replay){overflow:hidden}