@font-face{font-family:Galmuri11;font-weight:400;font-display:swap;src:url(/assets/Galmuri11-DfQIlyDK.woff2)format("woff2")}@font-face{font-family:Galmuri11;font-weight:700;font-display:swap;src:url(/assets/Galmuri11-Bold-QdFGsJ3v.woff2)format("woff2")}:root{--bg:#07050a;--panel:#140e1c;--panel-2:#1d1528;--line:#3a2d4a;--text:#ece6d6;--muted:#9a8fae;--gold:#ffd84a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:Galmuri11,Apple SD Gothic Neo,sans-serif;overflow:hidden}button{font:inherit;color:inherit}#app{flex-direction:column;height:100%;display:flex}#hud{background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px),#120c18;border-top:3px solid #000;flex:none;align-items:center;gap:8px;height:66px;padding:5px 8px;display:flex;box-shadow:inset 0 2px #3a2d4a}#hud.hidden{display:none}.plates{align-items:center;gap:8px;display:flex}.plates.left{flex:1}.plates.right{flex:1;justify-content:flex-end}.plate{--c:#fff;--pc:#fff;height:54px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 55%, #000), inset 0 4px 0 2px #ffffff0d;background:#1a1222;border:2px solid #000;align-items:center;gap:7px;padding:0 8px 0 4px;display:flex}.plate.hidden{display:none}.plate.dead{filter:grayscale()brightness(.6)}.plate .face{background:#0a0610;border:2px solid #000;flex:none;width:40px;height:40px;position:relative}.plate .face img{width:100%;height:100%;image-rendering:pixelated}.plate .pn{color:var(--pc);background:#000;padding:0 2px;font-size:10px;line-height:12px;position:absolute;top:-8px;left:-2px}.plate .info{flex-direction:column;gap:2px;width:128px;display:flex}.plate .top{align-items:baseline;gap:6px;font-size:13px;line-height:14px;display:flex}.plate .cls{color:var(--c);text-shadow:1px 1px #000;white-space:nowrap}.plate .lv{color:#ffd84a;white-space:nowrap;margin-left:auto;font-size:11px}.plate .amu{color:var(--c);white-space:nowrap;letter-spacing:-.5px;font-size:10px}.plate .hpb,.plate .stb,.plate .xpb{background:#000;border:1px solid #000;position:relative}.plate .hpb{background:#2a0c10;height:10px}.plate .hpb i{background:linear-gradient(#ff8070 0 35%,#d0302a 35%);height:100%;transition:width .12s linear;display:block}.plate .hpb:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 7px,#00000073 7px 8px);position:absolute;inset:0}.plate .stb{background:#0c1a0c;height:4px}.plate .stb i{background:#8ae86a;height:100%;display:block}.plate .stb i.tired{background:#e8803a}.plate .xpb{background:#1a1410;border:none;height:2px}.plate .xpb i{background:#ffd84a;height:100%;display:block}.plate .hpn{text-align:right;min-width:46px;color:var(--c);text-shadow:2px 2px #000;font-variant-numeric:tabular-nums;font-size:22px}.plate.low .hpn,.plate.low .hpb{animation:.5s steps(2,end) infinite blink}.sks{gap:4px;display:flex}.sk{background:#0a0610;border:2px solid #000;width:36px;height:36px;position:relative;box-shadow:inset 0 0 0 1px #3a2d4a}.sk .ico{image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:4px}.sk .cd{position:absolute;inset:0}.sk .key{color:#d8d0c0;background:#000;padding:0 2px;font-size:9px;font-weight:400;line-height:11px;position:absolute;bottom:-4px;right:-2px}.sk-skill.ready{box-shadow:inset 0 0 0 1px #9ad8ff}.sk-ult.ready{background:#3a2a08;animation:.6s ease-in-out infinite alternate glow;box-shadow:inset 0 0 0 2px #ffd84a,0 0 8px #ffd84ab3}.sk-ult.ready .key{color:#1a0f05;background:#ffd84a}.sk-ult.ready .ico{animation:.6s steps(2,end) infinite bob}@keyframes glow{to{box-shadow:inset 0 0 0 2px #ffd84a,0 0 16px #ffd84a}}.plate:not(.main) .sk{width:26px;height:26px}.plate:not(.main) .sk .ico{inset:3px}.plate:not(.main) .info{width:96px}.plate:not(.main) .hpn{min-width:34px;font-size:16px}.plate:not(.main) .sk-fire,.plate:not(.main) .sk-dash{display:none}.mid{flex-direction:column;flex:none;align-items:center;gap:2px;padding:0 12px;display:flex}.mid .floor{color:#ffd84a;text-shadow:2px 2px #000;line-height:18px}.mid .floor b{font-size:20px;font-weight:400}.mid .floor small{color:var(--muted);margin-left:2px;font-size:11px}.mid .inv{gap:10px;font-size:13px;display:flex}.mid .inv span{align-items:center;gap:2px;display:flex}.mid .inv b{font-weight:400}.mid .inv img{width:18px;height:18px;image-rendering:pixelated}.mid .inv img.coin{width:12px;height:12px}.mid .inv img.soul{width:10px;height:12px}.mid .inv .sl b{color:#8ad8ff}.mid .pw{gap:4px;min-height:14px;display:flex}.mid .pw span{color:var(--pc);align-items:center;font-size:10px;display:flex}.mid .pw img{width:14px;height:14px;image-rendering:pixelated}.join{color:#5a4d6e;white-space:nowrap;font-size:11px}.join kbd{font-size:10px}@keyframes blink{50%{opacity:.35}}.px{--c:#6a5a7e;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 60%, #000), inset 0 5px 0 2px #ffffff0d, 0 6px 0 #00000059;background:#1a1222;border:3px solid #000}.btn{cursor:pointer;color:#1a0f05;background:#f0c040;border:3px solid #000;padding:8px 28px;font-size:18px;box-shadow:inset -3px -4px #a87818,inset 3px 3px #fff0a0}.btn:hover{background:#ffd050}.btn:active{transform:translateY(1px);box-shadow:inset 3px 4px #a87818}.btn.ghost{color:var(--text);background:#2a2036;box-shadow:inset -3px -4px #120c18,inset 3px 3px #4a3d5c}.btn.ghost:hover{background:#342846}kbd{color:#1a0f05;background:#e8e0d0;border:2px solid #000;border-bottom-width:3px;padding:0 4px;font-family:inherit;font-size:11px;line-height:14px;display:inline-block}#announce{--c:#fff;min-width:180px;max-width:min(440px,92vw);box-shadow:inset 0 0 0 2px var(--c), 0 4px 0 #0006;opacity:0;visibility:hidden;pointer-events:none;z-index:2;background:#140e1ce0;border:2px solid #000;align-items:center;gap:10px;padding:5px 14px 5px 5px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%,-6px)}#announce.show,#announce.hide{visibility:visible}#announce.show{opacity:1;transform:translate(-50%)}#announce.hide{opacity:0;transform:translate(-50%,-4px)}#announce img{width:30px;height:30px;image-rendering:pixelated;background:#0a0610;border:2px solid #000;flex:none}#announce h3{color:var(--c);text-shadow:2px 2px #000;white-space:nowrap;margin:0;font-size:16px;font-weight:400}#announce p{margin:1px 0 0;font-size:12px}#announce p.sub{color:var(--muted);font-size:11px}#stage{flex:1;min-height:0;position:relative}#game{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' shape-rendering='crispEdges'%3E%3Cpath d='M8 0h3v7H8zM8 12h3v7H8zM0 8h7v3H0zM12 8h7v3h-7z' fill='%23000'/%3E%3Cpath d='M9 1h1v5H9zM9 13h1v5H9zM1 9h5v1H1zM13 9h5v1h-5z' fill='%23ffd84a'/%3E%3Cpath d='M9 9h1v1H9z' fill='%23fff'/%3E%3C/svg%3E") 9 9,crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}body.touch #game{cursor:default}#hud2d{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}#toasts{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:118px;left:50%;transform:translate(-50%)}.toast{text-shadow:1px 1px #000;white-space:nowrap;background:#140e1c;border:2px solid #000;padding:3px 10px;font-size:14px;transition:opacity .4s;animation:.15s steps(3,end) toast-in;box-shadow:inset 0 0 0 1px #3a2d4a}.toast.out{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}#overlay{z-index:3;padding:20px 16px;display:none;position:absolute;inset:0;overflow-y:auto}#overlay.show{background:#07050ab8;justify-content:center;align-items:flex-start;display:flex}#overlay.title{background:radial-gradient(at 50% 45%,#07050a00 20%,#07050acc 85%)}#overlay.over{background:radial-gradient(at 50% 40%,#3c000073,#07050aeb 70%)}.panel{text-align:center;width:min(720px,100%);margin:auto;padding:20px 24px}h2{font-weight:400}.title-screen{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(960px,100%);margin:auto;display:flex}.logo{letter-spacing:6px;color:#ffd84a;text-shadow:0 4px #b05a1a,0 8px #4a1a08,0 12px 20px #000000e6;margin:0;font-size:clamp(38px,8vw,78px);font-weight:400;line-height:.95}.logo span{letter-spacing:14px;color:#ff9a4a;margin-top:6px;font-size:.6em;display:block}.heroes{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-top:8px;display:grid}.hero{cursor:pointer;color:var(--text);flex-direction:column;align-items:center;gap:6px;padding:10px 10px 12px;transition:transform 80ms;display:flex}.hero .stand{background:radial-gradient(ellipse at 50% 88%, color-mix(in srgb, var(--c) 30%, transparent), transparent 55%);place-items:end center;width:100%;height:92px;display:grid}.hero .stand img{width:80px;height:80px;image-rendering:pixelated}.hero .nm{color:var(--c);text-shadow:2px 2px #000;font-size:20px;font-weight:400}.hero .ab{background:#00000059;align-items:center;gap:5px;width:100%;padding:3px 5px;font-size:12px;display:flex}.hero .ab i{width:16px;height:16px;image-rendering:pixelated;background-size:contain;flex:none}.hero .ab kbd{font-size:10px;line-height:11px}.hero .st{width:100%;color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;margin-top:2px;font-size:11px;display:grid}.hero .st em{background:linear-gradient(90deg, var(--c) calc(var(--v) * 20%), #2a2236 0);height:6px;position:relative}.hero .st em:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 2px),#1a1222 calc(20% - 2px) 20%);position:absolute;inset:0}.hero:hover{transform:translateY(-2px)}.hero.sel{box-shadow:inset 0 0 0 2px var(--c), inset 0 5px 0 2px #ffffff14, 0 0 0 3px #000, 0 0 0 5px var(--c), 0 10px 0 #0006;transform:translateY(-6px)}.hero.sel .stand img{animation:.5s steps(2,end) infinite bob}@keyframes bob{50%{transform:translateY(-5px)}}.mage{--c:#a274e8;text-align:left;grid-template-columns:150px 1fr;align-items:center;gap:14px;width:min(560px,100%);padding:12px 14px;display:grid}.mage .stand{background:radial-gradient(at 50% 86%,#a274e859,#0000 60%);place-items:end center;height:150px;display:grid}.mage .stand img{width:128px;height:128px;image-rendering:pixelated;animation:.8s steps(2,end) infinite bob}.loadout{flex-direction:column;gap:6px;min-width:0;display:flex}.lo{--c:#6a5a7e;text-align:left;color:var(--text);cursor:pointer;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid;position:relative}.lo:disabled{cursor:default}.lo:not(:disabled):hover{background:#241a30}.lo i{width:32px;height:32px;image-rendering:pixelated;background:#0a0610 50%/24px no-repeat;border:2px solid #000}.lo .ln{flex-direction:column;min-width:0;line-height:1.15;display:flex}.lo small{color:var(--muted);font-size:10px}.lo b{white-space:nowrap;font-size:15px;font-weight:400}.lo .tier{color:#ffd84a;letter-spacing:1px;flex-direction:column;align-items:flex-end;font-size:10px;line-height:1.1;display:flex}.lo .tier small{letter-spacing:0;color:var(--text);font-size:10px}.lo em{color:var(--muted);font-size:9px;font-style:normal;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.perks{flex-wrap:wrap;align-items:center;gap:4px;min-height:26px;display:flex}.perks i{width:26px;height:26px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--c);background:#0a0610 50%/18px no-repeat;border:2px solid #000;position:relative}.perks i b{color:#fff;background:#000;padding:0 2px;font-size:9px;font-weight:400;position:absolute;bottom:-5px;right:-3px}.perks span{color:var(--muted);font-size:11px}.title-screen .start{padding:10px 44px;font-size:22px}.start-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.meta-btn{align-items:center;gap:6px;padding:10px 18px;font-size:16px;display:flex}.meta-btn img,.souls img,.soul-gain img{width:18px;height:18px;image-rendering:pixelated}.meta-btn b{color:#8ad8ff;font-weight:400}.souls{color:#8ad8ff}.soul-gain{color:#8ad8ff;text-shadow:2px 2px #000;align-items:center;gap:6px;margin:-4px 0 0;font-size:18px;animation:.4s steps(4,end) .3s both drop;display:flex}.meta .merchant{width:40px;height:48px}.meta{width:min(760px,100%)}.tabs{gap:6px;margin:-4px 0 12px;display:flex}.tab{cursor:pointer;color:var(--muted);background:#140e1c;border:3px solid #000;flex:1;padding:6px 0;font-size:15px;box-shadow:inset 0 0 0 1px #3a2d4a}.tab.on{color:#1a0f05;background:#f0c040;box-shadow:inset -3px -3px #a87818,inset 3px 3px #fff0a0}.meta-body{max-height:min(60vh,580px);margin-bottom:14px;padding:6px 6px 0 2px;overflow-y:auto}.meta-body::-webkit-scrollbar{width:6px}.g-sum .cards::-webkit-scrollbar{width:6px}.meta-body::-webkit-scrollbar-thumb{background:#3a2d4a;border:1px solid #000}.g-sum .cards::-webkit-scrollbar-thumb{background:#3a2d4a;border:1px solid #000}.meta-body::-webkit-scrollbar-track{background:#0a0610}.g-sum .cards::-webkit-scrollbar-track{background:#0a0610}.meta-body h4{text-align:left;color:var(--muted);margin:4px 0 6px;font-size:13px;font-weight:400}.meta-body .wares{margin-bottom:10px}.ware .d em{color:var(--text);font-style:normal}.ware b small{color:#1a0f05;vertical-align:2px;background:#ffd84a;margin-left:4px;padding:0 3px;font-size:10px}.ware .lvn{color:var(--c);font-size:11px}.ware .lvn small{color:var(--muted);font-size:9px}.ware .d .form{color:color-mix(in srgb, var(--c) 70%, #fff);font-size:10px;display:block}.press{letter-spacing:3px;color:var(--muted);margin:-6px 0 0;font-size:11px;animation:1s steps(2,end) infinite blink}.keys{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.keys div{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 5px;display:flex}.keys .sub{opacity:.85;font-size:11px}.keys b{color:var(--text);margin:0 2px 0 10px;font-weight:400}.keys b:first-child{margin-left:0}.best{color:#ffd84a;letter-spacing:1px;margin:0;font-size:13px}.shop{width:min(640px,100%)}.shop-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.merchant{width:72px;height:72px;image-rendering:pixelated}.shop-head h2{text-align:left;color:#ffd84a;text-shadow:2px 2px #000;margin:0;font-size:28px}.gold{color:#ffd84a;text-shadow:2px 2px #000;align-items:center;gap:6px;margin:0;font-size:22px;display:flex}.gold img,.ware .price img{width:14px;height:14px;image-rendering:pixelated}.wares{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.ware{cursor:pointer;text-align:left;color:var(--text);grid-template-rows:auto auto;grid-template-columns:32px 1fr auto;align-items:center;gap:1px 10px;padding:8px 10px;display:grid}.ware .ico{width:32px;height:32px;image-rendering:pixelated;background-size:contain;grid-row:span 2}.ware b{color:var(--c);font-size:15px;font-weight:400}.ware .d{color:var(--muted);grid-column:2;font-size:11px}.ware .pips{grid-area:1/3;justify-content:flex-end;gap:2px;display:flex}.ware .pips i{background:#2a2236;border:1px solid #000;width:6px;height:6px}.ware .pips i.on{background:var(--c)}.ware .price{color:#ffd84a;grid-area:2/3;justify-content:flex-end;align-items:center;gap:3px;font-size:14px;display:flex}.ware:hover:not(:disabled){background:color-mix(in srgb, var(--c) 12%, #1a1222)}.ware.no{opacity:.45;cursor:default}.ware.max .price{color:var(--muted)}.pause h2{text-shadow:2px 2px #000;margin:0 0 14px;font-size:26px}.menu{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.gameover{text-align:center;flex-direction:column;align-items:center;gap:18px;margin:auto;display:flex}.gameover h1{letter-spacing:6px;color:#ff3a3a;text-shadow:0 4px #6a0a0a,0 8px #2a0000,0 12px 20px #000000e6;margin:0;font-size:clamp(40px,9vw,84px);font-weight:400;animation:.5s steps(5,end) drop}@keyframes drop{0%{opacity:0;transform:translateY(-30px)}}.stats{gap:28px;display:flex}.stats span{text-shadow:2px 2px #000;flex-direction:column;align-items:center;font-size:26px;display:flex}.stats small{color:var(--muted);letter-spacing:1px;font-size:11px}.stats .best,.stats .best small{color:#ffd84a}.party{gap:10px;display:flex}.party .px{flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.party img{width:48px;height:48px;image-rendering:pixelated}.party b{color:var(--c);font-weight:400}.party span{color:var(--muted);font-size:11px}.gameover .menu{margin:0}.gameover .cont-note{color:#8a7ca8;text-shadow:1px 1px #000;margin:-6px 0 0;font-size:11px}#touch{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.tzone{pointer-events:auto;touch-action:none;position:absolute;inset:0}.stick{pointer-events:none;opacity:0;background:#0a061066;border:3px solid #000;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px;transition:opacity .25s linear;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 2px #ffffff29}.stick.on{opacity:1;transition:opacity .25s linear}.stick i{background:#2a2036;border:3px solid #000;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -3px -4px #120c18,inset 3px 3px #5a4d6e}.tbtns{right:calc(12px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;width:222px;height:74px;position:absolute}.tb{pointer-events:auto;touch-action:none;background:#0a0610;border:3px solid #000;padding:0;position:absolute;box-shadow:inset 0 0 0 2px #3a2d4a,0 4px #00000080}.tb .ico{image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:9px}.tb .cd{position:absolute;inset:0}.tb .t{color:#fff;text-shadow:2px 2px #000;justify-content:center;align-items:center;font-size:20px;font-weight:400;display:flex;position:absolute;inset:0}.tb .tag{color:#0a0610;letter-spacing:.5px;background:#9aff6a;border:2px solid #000;padding:0 3px;font-size:9px;font-style:normal;line-height:11px;position:absolute;top:-9px;left:-3px}.tb.press{transform:translateY(3px);box-shadow:inset 0 0 0 2px #6a5a7e}.tb.fire{border-style:dashed;width:60px;height:60px;bottom:0;right:152px;box-shadow:inset 0 0 0 2px #a274e8,0 4px #00000080}.tb.skill{border-style:dashed;width:60px;height:60px;bottom:0;right:82px}.tb.skill.ready{box-shadow:inset 0 0 0 2px #9ad8ff,0 4px #00000080}.tb.skill .tag{background:#9ad8ff}.tb.ult{width:72px;height:72px;bottom:0;right:0}.tb.ult.ready{background:#3a2a08;animation:.6s ease-in-out infinite alternate glow;box-shadow:inset 0 0 0 3px #ffd84a,0 0 14px #ffd84ad9}.tb.ult.ready .ico{animation:.6s steps(2,end) infinite bob}.thint{left:50%;bottom:calc(104px + env(safe-area-inset-bottom));pointer-events:none;color:var(--text);text-shadow:1px 1px #000;white-space:nowrap;font-size:12px;animation:6s forwards hintfade;position:absolute;transform:translate(-50%)}@keyframes hintfade{0%,70%{opacity:.9}to{opacity:0}}.hpause{display:none}body.touch .hpause{width:42px;height:42px;color:var(--text);letter-spacing:-1px;background:#2a2036;border:3px solid #000;flex:none;padding:0;font-size:15px;display:block;box-shadow:inset -3px -4px #120c18,inset 3px 3px #4a3d5c}body.touch #app{flex-direction:column-reverse}body.touch #hud{height:auto;min-height:54px;padding:calc(4px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 4px calc(8px + env(safe-area-inset-left));border-top:none;border-bottom:3px solid #000;gap:6px;box-shadow:inset 0 -2px #3a2d4a}body.touch .sks,body.touch .plates.right,body.touch .mid .pw,body.touch .join,body.touch .keys,body.touch .press{display:none}body.touch .plates.left{min-width:0}body.touch .plate{flex:1;min-width:0;height:46px}body.touch .plate .info{flex:1;width:auto;min-width:0}body.touch .plate .face{width:34px;height:34px}body.touch .plate .hpn{min-width:40px;font-size:19px}body.touch .mid{padding:0 2px}body.touch #toasts{top:110px}body.touch #announce{max-width:92vw;top:56px}body.touch .menu .btn{min-width:120px}@media (width<=980px){.plate:not(.main) .sks,.plate:not(.main) .face{display:none}}@media (width<=760px){.plates.right{display:none}.heroes{grid-template-columns:repeat(2,1fr)}.wares{grid-template-columns:1fr}}@media (width<=520px){.title-screen{gap:10px}.mage{grid-template-columns:1fr;gap:6px;padding:10px}.mage .stand{height:92px}.mage .stand img{width:80px;height:80px}.lo kbd{display:none}.logo{letter-spacing:3px;font-size:40px}.logo span{letter-spacing:8px}.heroes{gap:8px}.hero{gap:4px;padding:8px 6px 10px}.hero .stand{height:62px}.hero .stand img{width:56px;height:56px}.hero .ab{padding:2px 4px;font-size:11px}.hero .st{display:none}.stats{gap:16px}.stats span{font-size:20px}.panel{padding:16px 12px}}@media (height<=560px){.title-screen{gap:8px}.logo{font-size:34px}.heroes{grid-template-columns:repeat(4,1fr);gap:8px}.hero .stand{height:54px}.hero .stand img{width:48px;height:48px}.hero .st,.hero .ab span,.keys .sub,.press{display:none}}.r0{--rc:#a8bcd8}.r1{--rc:#ff9a3a}.r2{--rc:#c46aff}.r3{--rc:#5af0d0}@keyframes rainbow{to{background-position:200% 0}}@keyframes shimmer{0%,70%{transform:translate(-130%)skew(-20deg)}to{transform:translate(230%)skew(-20deg)}}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pulse{50%{filter:brightness(1.35)}}.meta-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.meta-head h2{color:#ffd84a;text-shadow:2px 2px #000;margin:0;font-size:26px}.cur{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.cur span{text-shadow:2px 2px #000;font-variant-numeric:tabular-nums;background:#0a0610;border:2px solid #000;justify-content:flex-end;align-items:center;gap:5px;min-width:64px;padding:3px 9px 3px 6px;font-size:17px;display:flex;box-shadow:inset 0 0 0 1px #2a2036}.cur img{width:18px;height:18px;image-rendering:pixelated;margin-right:auto}.cur .c-soul{color:#8ad8ff}.cur .c-key{color:#d8b0ff}.cur .c-gem{color:#ff8ac0}.cards{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px 8px;margin-bottom:14px;display:grid}.card{cursor:pointer;text-align:center;color:var(--text);box-shadow:inset 0 0 0 2px var(--rc), inset 0 4px 0 2px #ffffff1a, 0 5px 0 #00000073;background:linear-gradient(#22183080,#120c1a);border:3px solid #000;flex-direction:column;gap:4px;padding:5px 5px 6px;transition:transform 80ms;display:flex;position:relative}.card:hover{transform:translateY(-2px)}.card .cart{aspect-ratio:1;background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--rc) 45%, #120c1a) 0, color-mix(in srgb, var(--rc) 14%, #0a0610) 52%, #07050a 80%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc) 40%, #000);border:2px solid #000;place-items:center;display:grid;position:relative;overflow:hidden}.card .cart:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:40%;position:absolute;top:0;bottom:0;transform:translate(-130%)skew(-20deg)}.card.r2 .cart:after,.card.r3 .cart:after{animation:3.2s ease-in-out infinite shimmer;animation-delay:calc(var(--i,0) * .15s)}.card .cart i{width:64%;height:64%;image-rendering:pixelated;filter:drop-shadow(0 2px #0009);background:50%/contain no-repeat}.card .clv{color:#fff;border:1px solid color-mix(in srgb, var(--rc) 60%, #000);white-space:nowrap;background:#000c;padding:0 5px;font-size:11px;font-weight:400;line-height:13px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.card .cnm{white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--rc) 45%, #fff);text-shadow:1px 1px #000;font-size:11px;line-height:13px;overflow:hidden}.card .ceq{color:#1a0f05;background:#ffd84a;border:1px solid #000;padding:0 3px;font-size:9px;line-height:12px;position:absolute;top:2px;left:2px}.card .cn{color:#fff;text-shadow:2px 2px #000,-1px -1px #000;font-size:15px;font-weight:400;position:absolute;top:1px;right:3px}.card .cnew{color:#1a0f05;background:#9aff6a;border:1px solid #000;padding:0 3px;font-size:9px;font-weight:400;line-height:12px;animation:.8s steps(2,end) infinite blink;position:absolute;top:2px;left:2px}.card.locked{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rc) 35%, #000), 0 5px 0 #00000073;background:#0c0812}.card.locked .cart{background:radial-gradient(circle at 50% 58%,#1a1426,#07050a 75%)}.card.locked .cart i{filter:brightness(0)drop-shadow(0 0 #000);opacity:.7}.card.locked .cnm{color:var(--muted)}.card.r3{box-shadow:inset 0 4px 0 2px #ffffff1a,0 5px #00000073}.card.r3:before{content:"";pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(90deg,#ff6aa8,#ffd84a,#5af0d0,#6a9aff,#c46aff,#ff6aa8) 0 0/200% 100%;padding:2px;animation:2.4s steps(24,end) infinite rainbow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.locked.r3:before{opacity:.35;animation:none}.cbar{background:#1a1222;border:2px solid #000;height:14px;display:block;position:relative;box-shadow:inset 0 2px #00000080}.cbar i{background:linear-gradient(#7ab0ff 0 40%,#3a6ae0 40%);transition:width .55s cubic-bezier(.2,.8,.3,1);position:absolute;top:0;bottom:0;left:0}.cbar.full i{background:linear-gradient(#a8ff7a 0 40%,#38c03a 40%)}.cbar.max i{background:linear-gradient(#ffe680 0 40%,#d8a020 40%)}.cbar em{text-align:center;color:#fff;text-shadow:1px 1px #000,-1px 0 #000;white-space:nowrap;font-size:10px;font-style:normal;line-height:10px;position:absolute;inset:0}.cbar.none{box-shadow:none;background:0 0;border-color:#0000}.cbar.none em{color:#5a4d6e;text-shadow:none}.card.ready{outline-offset:1px;outline:2px solid #5ad84a;animation:.8s steps(2,end) infinite readyglow}@keyframes readyglow{50%{outline-color:#b8ff9a}}.card.ready .cbar:after{content:"▲";color:#fff;text-align:center;background:#38c03a;border:2px solid #000;width:16px;height:16px;font-size:11px;line-height:15px;animation:.6s steps(2,end) infinite bob;position:absolute;top:-6px;left:-9px}.card.big{cursor:default;gap:6px;width:100%;padding:7px 7px 8px}.card.big:hover{transform:none}.card.big .cnm{font-size:15px;line-height:17px}.card.big .clv{font-size:14px;line-height:17px;bottom:4px}.card.big .cbar{height:18px}.card.big .cbar em{font-size:12px;line-height:14px}.boxrow{--c:#8a6ad8;text-align:left;background:linear-gradient(100deg, color-mix(in srgb, var(--c) 30%, #140e1c), #140e1c 60%);grid-template-columns:108px 1fr auto;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:grid;position:relative;overflow:hidden}.boxrow.perk{--c:#3ac08a}.boxrow:before{content:"";pointer-events:none;background:repeating-conic-gradient(color-mix(in srgb, var(--c) 40%, transparent) 0 10deg, transparent 10deg 30deg);width:260px;height:260px;animation:18s linear infinite spin;position:absolute;top:50%;left:68px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.boxrow .boxart{width:108px;height:90px;image-rendering:pixelated;filter:drop-shadow(0 6px #00000080);animation:1.2s steps(2,end) infinite bob;position:relative}.bx-info{flex-direction:column;gap:3px;min-width:0;display:flex;position:relative}.bx-info b{color:#fff;text-shadow:2px 2px #000;font-size:21px;font-weight:400}.bx-info small{color:color-mix(in srgb, var(--c) 60%, #fff);font-size:12px}.rates{flex-wrap:wrap;gap:0 8px;font-size:10px;display:flex}.rates i{color:var(--rc);text-shadow:1px 1px #000;font-style:normal}.pity{color:#5af0d0;background:#0a0610c0;border:1px solid #1e9a8a;align-self:flex-start;margin-top:2px;padding:0 4px;font-size:10px}.bx-btns{flex-direction:column;gap:6px;display:flex;position:relative}.bx-btns .btn{white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:17px;display:flex;position:relative;overflow:hidden}.bx-btns .btn img,.again img{width:18px;height:18px;image-rendering:pixelated}.bx-btns .btn.open:not(.ghost):after{content:"";background:#ffffff8c;width:30%;animation:2.2s ease-in-out infinite shimmer;position:absolute;top:0;bottom:0}.meta-body h4 small{color:#ff8ac0;margin-left:6px;font-size:11px}.meta-body h4 small.sl{color:#8ad8ff}.offers{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px 8px;margin-bottom:16px;display:grid}.offer{cursor:pointer;color:var(--text);background:linear-gradient(color-mix(in srgb, var(--c) 16%, #1a1222), #120c1a 70%);flex-direction:column;align-items:center;gap:2px;padding:8px 6px 6px;transition:transform 80ms;display:flex;position:relative}.offer:hover:not(:disabled){transform:translateY(-2px)}.o-art{background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--c) 45%, transparent), transparent 62%);justify-content:center;align-items:center;width:100%;height:66px;display:flex;position:relative}.o-art i{width:44px;height:44px;image-rendering:pixelated;filter:drop-shadow(2px 3px #0009);background:50%/contain no-repeat}.o-art.s2 i{margin:0 -10px}.o-art.s2 i:last-child{transform:translateY(-8px)}.o-art.s3 i{margin:0 -13px}.o-art.s3 i:nth-child(2){z-index:1;transform:translateY(-12px)scale(1.12)}.o-amt{color:#fff;text-shadow:2px 2px #000;font-size:20px;font-weight:400}.o-lbl{color:color-mix(in srgb, var(--c) 60%, #fff);margin-top:-3px;font-size:10px}.o-price{color:#1a0f05;background:#f0c040;border:2px solid #000;justify-content:center;align-self:stretch;align-items:center;gap:4px;margin-top:4px;padding:3px 0;font-size:16px;display:flex;box-shadow:inset -2px -3px #a87818,inset 2px 2px #fff0a0}.o-price img{width:14px;height:14px;image-rendering:pixelated}.offer.soon .o-price{color:#fff;text-shadow:1px 1px #000;background:#38c03a;box-shadow:inset -2px -3px #1e7a20,inset 2px 2px #a8ff7a}.o-tag{z-index:2;color:#fff;text-shadow:1px 1px #000;background:#e8304a;border:2px solid #000;padding:0 4px;font-size:11px;line-height:15px;position:absolute;top:-8px;right:-6px;transform:rotate(6deg)}.o-soon{color:#fff;white-space:nowrap;background:#000c;border:2px solid #5a4d6e;padding:1px 6px;font-size:12px;font-style:normal;position:absolute;top:34px;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.offer.no{cursor:default}.offer.no:not(.soon) .o-price{filter:grayscale(.9)brightness(.65)}.offer.soon .o-art,.offer.soon .o-amt{opacity:.55}.dlg-back{z-index:5;background:#07050ac7;place-items:center;padding:16px;animation:.15s toast-in;display:grid;position:fixed;inset:0}.dlg{--c:var(--rc);text-align:left;width:min(460px,100%);padding:16px}.dlg-top{grid-template-columns:132px 1fr;align-items:start;gap:16px;display:grid}.dlg-info{flex-direction:column;gap:4px;min-width:0;display:flex}.dlg-info h3{color:color-mix(in srgb, var(--rc) 45%, #fff);text-shadow:2px 2px #000;margin:0;font-size:22px;font-weight:400}.dlg-info .kind{color:var(--muted);font-size:11px}.rar{color:#0a0610;background:var(--rc);border:2px solid #000;align-self:flex-start;padding:0 6px;font-size:11px;line-height:16px;display:inline-block}.rar.r3,.dlg.r3 .rar{background:linear-gradient(90deg,#ff6aa8,#ffd84a,#5af0d0,#6a9aff,#c46aff) 0 0/200% 100%;animation:2.4s steps(24,end) infinite rainbow}.forms{color:#5a4d6e;flex-direction:column;gap:3px;margin:6px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.forms li.on{color:var(--text)}.forms li b{color:#6a5a7e;margin-right:2px;font-weight:400}.forms li.on b{color:#ffd84a}.cdesc{color:var(--muted);margin:4px 0 0;font-size:12px}.now{margin:6px 0 0;font-size:14px}.now em{color:#9aff6a;font-style:normal}.dlg-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}.dlg-btns .need{color:#ff8a6a;margin-right:auto;font-size:12px}.btn.up{color:#fff;text-shadow:2px 2px #000;background:#38c03a;align-items:center;gap:8px;display:flex;box-shadow:inset -3px -4px #1e7a20,inset 3px 3px #a8ff7a}.btn.up:hover{background:#48d04a}.btn.up span{color:#8ad8ff;background:#0a0610a0;align-items:center;gap:3px;padding:0 5px;font-size:15px;display:flex}.btn.up span.short{color:#ff6a5a}.btn.up img{width:14px;height:14px;image-rendering:pixelated}.btn:disabled{cursor:default;filter:grayscale(.85)brightness(.7)}.dlg-card{position:relative}.dlg-card.g-flip{animation:.4s ease-out flip}.lvup{z-index:2;color:#fff;white-space:nowrap;text-shadow:2px 2px #000;pointer-events:none;background:#38c03a;border:3px solid #000;padding:2px 8px;font-size:22px;font-weight:400;animation:1.1s ease-out forwards lvup;position:absolute;top:38%;left:50%;transform:translate(-50%)}@keyframes lvup{0%{opacity:0;transform:translate(-50%)scale(2.6)}18%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)}}.forms li.new{color:#9aff6a;animation:.3s steps(2,end) 5 blink}.meta-btn,.tab{position:relative}.tb-up{color:#fff;text-shadow:1px 1px #000;background:#38c03a;border:2px solid #000;padding:0 3px;font-size:10px;font-style:normal;line-height:13px;animation:.6s steps(2,end) infinite bob;position:absolute;top:-10px;right:-6px}.box-btn{align-items:center;gap:6px;display:inline-flex}.box-btn img{width:18px;height:18px;image-rendering:pixelated}.box-btn b{color:#d8b0ff;font-weight:400}.meta-btn .kb{color:#fff;background:#7a3ccf;border:2px solid #000;align-items:center;gap:2px;margin-left:4px;padding:0 5px;font-size:13px;animation:1s steps(2,end) infinite pulse;display:flex}.meta-btn .kb img{width:14px;height:14px}.meta-btn .ub{color:#fff;background:#38c03a;border:2px solid #000;padding:0 4px;font-size:11px;line-height:15px;animation:.6s steps(2,end) infinite bob;position:absolute;top:-10px;right:-8px}.soul-gain{flex-wrap:wrap;justify-content:center;gap:6px 18px}.soul-gain span{align-items:center;gap:6px;display:flex}.soul-gain .kg{color:#d8b0ff}.soul-gain .gg{color:#ff8ac0}.gacha{--rc:#8a6ad8;z-index:6;cursor:pointer;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rc) 30%, #07050a) 0, #0a0712 45%, #050308 80%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;transition:background .3s;display:flex;position:fixed;inset:0;overflow:hidden}.gacha:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000002e 0 2px,#0000 2px 4px);position:absolute;inset:0}.g-rays{pointer-events:none;opacity:.35;background:repeating-conic-gradient(color-mix(in srgb, var(--rc) 70%, transparent) 0 8deg, transparent 8deg 24deg);width:900px;height:900px;animation:14s linear infinite spin;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(circle,#000 8%,#0000 62%);mask:radial-gradient(circle,#000 8%,#0000 62%)}.gacha[data-r="1"] .g-rays{opacity:.5}.gacha[data-r="2"] .g-rays{opacity:.8;animation-duration:8s}.gacha[data-r="3"] .g-rays{opacity:1;background:repeating-conic-gradient(#ff6aa8b0 0 8deg, transparent 8deg 16deg, #ffd84ab0 16deg 24deg, transparent 24deg 32deg, #5af0d0b0 32deg 40deg, transparent 40deg 48deg);animation-duration:5s}.gacha[data-r="0"] .g-rays,.gacha[data-r=sum] .g-rays{opacity:.2}.g-box{position:relative}.g-box img{width:216px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 10px #00000080);display:block}.g-box.idle img{animation:.9s steps(2,end) infinite bob}.g-box.shake img{animation:90ms steps(2,end) infinite shake}.gacha.leak .g-box.shake img{filter:drop-shadow(0 0 18px var(--rc)) drop-shadow(0 0 4px #fff)}.g-box.opened img{animation:.42s ease-out forwards boxpop}@keyframes shake{0%{transform:translate(-4px,1px)rotate(-3deg)}to{transform:translate(4px,-2px)rotate(3deg)}}@keyframes boxpop{0%{transform:scale(1.25)}40%{transform:scale(.95)}to{opacity:0;transform:translateY(60px)scale(.6)}}.g-title{color:#fff;text-shadow:3px 3px #000;margin:4px 0 0;font-size:26px;position:relative}.g-sub{color:color-mix(in srgb, var(--rc) 50%, #fff);margin:-4px 0 0;font-size:13px;position:relative}.g-hint{letter-spacing:6px;color:#fff;margin:8px 0 0;font-size:13px;animation:.8s steps(2,end) infinite blink;position:relative}.g-flash{z-index:3;pointer-events:none;animation:.45s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}.spark{z-index:2;pointer-events:none;animation:.8s cubic-bezier(.15,.7,.4,1) forwards spark;position:absolute;box-shadow:0 0 6px}@keyframes spark{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 60px));opacity:0}}.g-slot{place-items:center;width:200px;height:290px;display:grid;position:relative}.g-back{width:190px}.g-back img{width:100%;image-rendering:pixelated;filter:drop-shadow(0 0 2px #000)drop-shadow(0 8px #00000080);display:block}.g-back.fly{animation:.3s cubic-bezier(.2,.9,.3,1.2) both fly}.g-back.r2 img,.g-back.r3 img{animation:.16s steps(2,end) .3s infinite backglow}.g-back.r2 img{filter:drop-shadow(0 0 14px #c46aff)drop-shadow(0 0 3px #fff)}.g-back.r3 img{filter:drop-shadow(0 0 22px #5af0d0)drop-shadow(0 0 6px #ffd84a)}@keyframes fly{0%{opacity:0;transform:translateY(46vh)scale(.25)rotate(-25deg)}}@keyframes backglow{0%{transform:translate(-2px)rotate(-1.5deg)}to{transform:translate(2px,-1px)rotate(1.5deg)}}.g-card{width:190px;animation:.32s ease-out flip;position:relative;overflow:visible}@keyframes flip{0%{filter:brightness(3);transform:perspective(600px)rotateY(90deg)scale(1.15)}}.g-card .card{box-shadow:inset 0 0 0 2px var(--rc), 0 0 28px color-mix(in srgb, var(--rc) 70%, transparent), 0 6px 0 #00000080}.g-card .card .cbar{display:none}.g-card .shine{pointer-events:none;position:absolute;inset:0;overflow:hidden}.g-card .shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:35%;animation:.9s ease-out .25s both shimmer;position:absolute;top:0;bottom:0}.g-new{color:#1a0f05;background:#9aff6a;border:3px solid #000;padding:2px 6px;font-size:16px;font-weight:400;animation:.35s cubic-bezier(.3,1.6,.5,1) .3s both stamp;position:absolute;top:-12px;right:-16px;transform:rotate(12deg)}@keyframes stamp{0%{opacity:0;transform:rotate(12deg)scale(3)}}.g-info{flex-direction:column;align-items:center;gap:4px;animation:.25s steps(4,end) both drop;display:flex;position:relative}.g-info .rar{align-self:center;padding:0 8px;font-size:13px;line-height:18px}.g-name{color:color-mix(in srgb, var(--rc) 40%, #fff);text-shadow:3px 3px #000;font-size:26px;font-weight:400}.gacha[data-r="3"] .g-name{color:#fff;text-shadow:3px 3px #000,0 0 12px #5af0d0}.g-n{color:#fff;text-shadow:3px 3px #000;margin-top:-6px;font-size:34px;font-weight:400;animation:.3s cubic-bezier(.3,1.8,.5,1) .15s both stamp2;position:relative}@keyframes stamp2{0%{opacity:0;transform:scale(2.4)}}.g-bar{width:220px;position:relative}.g-bar .cbar{height:20px}.g-bar .cbar em{font-size:13px;line-height:16px}.g-up{text-align:center;color:#fff;background:#38c03a;border:2px solid #000;width:24px;height:24px;font-size:14px;font-weight:400;line-height:20px;animation:.3s ease-out .85s both stamp2,.6s steps(2,end) 1.2s infinite bob;position:absolute;top:-4px;right:-28px}.g-left{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;text-shadow:3px 3px #000;align-items:center;gap:4px;font-size:26px;display:flex;position:absolute}.g-left img{width:72px;image-rendering:pixelated}.g-left b{font-weight:400}.g-skip{right:calc(16px + env(safe-area-inset-right));top:calc(16px + env(safe-area-inset-top));padding:6px 14px;font-size:14px;position:absolute}.g-sum{z-index:1;cursor:default;width:min(640px,100%);animation:.25s steps(4,end) drop;position:relative}.g-sum h3{text-shadow:2px 2px #000;justify-content:center;align-items:center;gap:10px;margin:0 0 14px;font-size:22px;font-weight:400;display:flex}.g-sum h3 img{width:48px;image-rendering:pixelated}.g-sum .cards{max-height:52vh;padding:6px 4px 2px;overflow-y:auto}.g-sum .card{animation:.3s cubic-bezier(.3,1.5,.5,1) both cardin;animation-delay:calc(var(--i,0) * 50ms)}.g-sum .card.ready{animation:.3s cubic-bezier(.3,1.5,.5,1) both cardin,.8s steps(2,end) infinite readyglow;animation-delay:calc(var(--i,0) * 50ms), .6s}@keyframes cardin{0%{opacity:0;transform:scale(.3)translateY(20px)}}.g-over{color:#8ad8ff;margin:-4px 0 12px;font-size:13px}.again{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.again span{color:#d8b0ff;align-items:center;gap:2px;display:flex}.g-sum .menu{margin-bottom:0}@media (width<=520px){.meta-head h2{font-size:20px}.meta-body{max-height:calc(100dvh - 210px)}.cur span{min-width:0;padding:2px 6px 2px 4px;font-size:14px}.cur img{width:14px;height:14px}.cards{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px 6px}.card .cnm{font-size:10px}.boxrow{grid-template-columns:76px 1fr;gap:10px;padding:10px}.boxrow:before{width:200px;height:200px;left:24px}.boxrow .boxart{width:76px;height:64px}.bx-info b{font-size:18px}.bx-btns{flex-direction:row;grid-column:1/-1}.bx-btns .btn{flex:1}.dlg-top{grid-template-columns:104px 1fr;gap:12px}.g-box img{width:176px}.g-left img{width:56px}.g-slot{width:170px;height:250px}.offers{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px 6px}.o-amt{font-size:17px}.g-back,.g-card{width:160px}}