@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p.woff2)format("woff2");font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/rubik-cyrillic.woff2)format("woff2-variations");font-weight:300 900;unicode-range:U+4??;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/rubik-latin.woff2)format("woff2-variations");font-weight:300 900;unicode-range:U+??;font-display:swap}:root{--bg:#0a0710;--s1:#140e1d;--s2:#1c1428;--s3:#271a37;--hair:#ffffff12;--hair-2:#ffffff1f;--text:#f4effa;--text-2:#a99bbe;--text-3:#756787;--blood:#e23d3a;--blood-hi:#ff6a55;--blood-edge:#7d1c1c;--gold:#f5b93c;--gold-hi:#ffd87c;--gold-edge:#8a5a12;--arcane:#9a6bff;--arcane-edge:#4b2c8f;--elev-1:0 1px 2px #0006, 0 2px 8px #00000042;--elev-2:0 2px 6px #00000057, 0 12px 32px #00000070;--gloss:inset 0 1px 0 #ffffff12;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--pixel:"Press Start 2P", monospace;--ease:cubic-bezier(.2, 0, 0, 1);--pad-top:env(safe-area-inset-top,0px);--pad-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;font-family:Rubik,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}body{-webkit-user-select:none;user-select:none;background-image:radial-gradient(120% 60% at 12% -10%,#9a6bff29,#0000 60%),radial-gradient(90% 50% at 100% 8%,#e23d3a1f,#0000 62%);background-attachment:fixed}#app{flex-direction:column;max-width:820px;height:100dvh;margin:0 auto;display:flex}main{flex-direction:column;flex:1;min-height:0;display:flex}h1,h2,h3{letter-spacing:-.01em;margin:0}.page-head{padding:calc(16px + var(--pad-top)) 16px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair);z-index:2;background:linear-gradient(#140e1df5,#0a0710b8);align-items:center;gap:12px;display:flex;position:relative}body.in-vk .page-head,body.in-ok .page-head{padding-top:calc(52px + var(--pad-top))}.page-title{flex:1;min-width:0}.eyebrow{color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.page-title h1{font-size:22px;font-weight:700;line-height:28px}.icon-btn{border:1px solid var(--hair);border-radius:var(--r-md);background:var(--s2);width:44px;height:44px;color:var(--text-2);cursor:pointer;box-shadow:var(--gloss);transition:transform .14s var(--ease), color .14s var(--ease);flex:none;place-items:center;display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn:active{color:var(--text);transform:scale(.94)}.wallet{flex:none;gap:8px;display:flex}.purse{border:1px solid var(--hair);font-variant-numeric:tabular-nums;box-shadow:var(--gloss);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:7px 12px 7px 8px;font-size:13px;font-weight:700;display:inline-flex}.purse svg{width:18px;height:18px}.scroll{min-height:0;padding:16px 16px calc(24px + var(--pad-bottom));scrollbar-width:none;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.scroll>*{flex:none}nav{padding:6px 8px calc(6px + var(--pad-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--hair);background:linear-gradient(#140e1dd1,#0a0710fa);gap:4px;display:flex}nav button{cursor:pointer;min-height:52px;color:var(--text-3);font:inherit;border-radius:var(--r-md);transition:color .16s var(--ease), background .16s var(--ease);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}nav button svg{width:22px;height:22px}nav button:active{transform:scale(.95)}nav button.active{color:var(--text);background:#ffffff0d}nav button.active svg{color:var(--gold)}.btn{--edge:#0000008c;cursor:pointer;border-radius:var(--r-md);min-height:48px;font:inherit;letter-spacing:-.01em;color:#180d16;background:linear-gradient(180deg, var(--gold-hi), var(--gold));box-shadow:0 4px 0 var(--edge), var(--elev-1), inset 0 1px 0 #ffffff59;transition:transform .12s var(--ease), box-shadow .12s var(--ease), filter .12s var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.btn svg{width:20px;height:20px}.btn:active{box-shadow:0 1px 0 var(--edge), inset 0 1px 0 #ffffff40;transform:translateY(3px)}.btn:disabled{opacity:.45;box-shadow:none;cursor:default;filter:saturate(.5);transform:none}.btn-gold{--edge:var(--gold-edge)}.btn-fight{--edge:var(--blood-edge);background:linear-gradient(180deg, var(--blood-hi), var(--blood));color:#fff5f2;text-shadow:0 1px #00000059}.btn-ghost{--edge:#00000073;background:var(--s2);color:var(--text);border:1px solid var(--hair);box-shadow:0 3px 0 var(--edge), var(--gloss);font-weight:600}.btn-quiet{box-shadow:none;color:var(--text-2);border:1px solid var(--hair);background:0 0;font-weight:600}.btn-quiet:active{box-shadow:none;transform:scale(.97)}.btn-lg{border-radius:var(--r-lg);min-height:58px;font-size:17px}.btn-block{width:100%}.hero{border-radius:var(--r-xl);background:var(--s1);box-shadow:var(--elev-2), var(--gloss);border:1px solid var(--hair);position:relative;overflow:hidden}.hero-art{aspect-ratio:16/10;position:relative}.hero-art img.bg{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-art:after{content:"";z-index:1;background:linear-gradient(180deg, #0a07109e 0%, #0a071000 30%, #0a071080 62%, #0a0710ed 88%, var(--s1) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-fighter{z-index:2}.hero-caption,.hero-stage{z-index:3}.hero-fighter{width:auto;height:52%;image-rendering:pixelated;filter:drop-shadow(0 10px 20px #000000a6);z-index:1;position:absolute;bottom:26%}.hero-fighter.left{left:4%}.hero-fighter.right{right:4%;transform:scaleX(-1)}.hero-stage{z-index:2;border:1px solid var(--hair-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--pixel);color:var(--gold);letter-spacing:.04em;white-space:nowrap;background:#0a0710a8;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:9px;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hero-caption{z-index:2;text-align:center;padding:24px 20px 14px;position:absolute;top:auto;bottom:0;left:0;right:0}.hero-caption h2{letter-spacing:-.02em;text-shadow:0 2px 12px #06040ae6,0 1px 2px #06040ae6;font-size:27px;font-weight:800;line-height:32px}.hero-caption p{color:var(--text-2);text-shadow:0 1px 6px #06040ae6;margin:3px 0 0;font-size:13px}.hero-body{flex-direction:column;gap:12px;padding:16px;display:flex}.track{gap:3px;display:flex}.track i{height:6px;transition:background .2s var(--ease);background:#ffffff14;border-radius:999px;flex:1}.track i.done{background:linear-gradient(90deg, var(--gold), var(--gold-hi))}.track i.next{background:var(--blood);box-shadow:0 0 12px #e23d3ab3}.track-label{color:var(--text-3);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.pick-row{text-align:left;border-radius:var(--r-lg);cursor:pointer;background:var(--s1);border:1px solid var(--hair);width:100%;color:var(--text);box-shadow:var(--elev-1), var(--gloss);font:inherit;transition:transform .14s var(--ease), background .14s var(--ease);align-items:center;gap:14px;padding:12px 14px;display:flex}.pick-row:active{background:var(--s2);transform:scale(.985)}.pick-row .avatar{object-fit:contain;object-position:bottom;width:52px;height:62px;image-rendering:pixelated;flex:none}.pick-row .grow{flex:1;min-width:0}.pick-row b{font-size:16px;font-weight:700;display:block}.pick-row small{color:var(--text-3);font-size:12.5px}.pick-row svg{width:20px;height:20px;color:var(--text-3);flex:none}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{border-radius:var(--r-lg);cursor:pointer;text-align:left;background:var(--s1);border:1px solid var(--hair);color:var(--text);box-shadow:var(--elev-1), var(--gloss);font:inherit;min-height:104px;transition:transform .14s var(--ease), background .14s var(--ease);flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.tile:active{background:var(--s2);transform:scale(.97)}.tile:disabled{opacity:.5;cursor:default}.tile-ico{background:#ffffff0f;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.tile-ico svg{width:20px;height:20px}.tile b{font-size:14.5px;font-weight:700}.tile span{color:var(--text-3);font-size:12px;line-height:1.4}.tile.gold .tile-ico{color:var(--gold);background:#f5b93c29}.tile.arcane .tile-ico{color:var(--arcane);background:#9a6bff2e}.banner{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);border-radius:var(--r-lg);background:linear-gradient(135deg, #f5b93c29, #9a6bff1f), var(--s1);box-shadow:var(--elev-1), var(--gloss);transition:transform .14s var(--ease);border:1px solid #f5b93c52;align-items:center;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.banner:active{transform:scale(.985)}.banner .tile-ico{color:var(--gold);background:#f5b93c33;flex:none;width:40px;height:40px}.banner b{margin-bottom:2px;font-size:15px;font-weight:700;display:block}.banner span{color:var(--text-2);font-size:12.5px;line-height:1.45}.note{color:var(--text-3);margin:0;font-size:12.5px;line-height:1.6}.note a{color:var(--gold);text-decoration:none}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:4px 0 -4px;display:flex}.section-head h2{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:13px;font-weight:700}.section-head span{color:var(--text-3);font-size:12px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.card{border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--hair);box-shadow:var(--elev-1), var(--gloss);gap:14px;padding:14px;display:flex;position:relative}.card.is-chosen{box-shadow:var(--elev-2), 0 0 0 1px #f5b93c40, var(--gloss);border-color:#f5b93c80}.card-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.card-body h3{font-size:16px;font-weight:700}.card-body p{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.card-body .btn{margin-top:auto}.figure{flex:none;place-items:end center;width:84px;display:grid;position:relative}.figure:before{content:"";filter:blur(14px);opacity:.55;background:radial-gradient(circle, var(--clan,#6a5a86), transparent 70%);border-radius:50%;position:absolute;top:8%;bottom:12%;left:0;right:0}.figure img{object-fit:contain;object-position:bottom;width:100%;height:108px;image-rendering:pixelated;position:relative}.clan-shadow{--clan:#5b6bd6}.clan-beast{--clan:#c86a2a}.clan-night{--clan:#a03a6a}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--text-2);border:1px solid var(--hair);background:#ffffff0f;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip svg{width:13px;height:13px}.chip-gold{color:var(--gold);background:#f5b93c24;border-color:#f5b93c47}.chip-arcane{color:#c4a8ff;background:#9a6bff29;border-color:#9a6bff4d}.chip-blood{color:#ff9b8f;background:#e23d3a29;border-color:#e23d3a4d}.meters{flex-direction:column;gap:5px;display:flex}.meter{color:var(--text-3);grid-template-columns:46px 1fr 30px;align-items:center;gap:8px;font-size:11px;display:grid}.meter i{background:#ffffff14;border-radius:999px;height:5px;display:block;overflow:hidden}.meter i span{background:linear-gradient(90deg, #6f5aa8, var(--arcane));border-radius:999px;height:100%;display:block}.meter b{color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.arena-card{flex-direction:column;padding:0;overflow:hidden}.arena-shot{flex:none;position:relative}.arena-shot img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.arena-shot:after{content:"";background:linear-gradient(#0000 40%,#0a0710e6);position:absolute;top:0;bottom:0;left:0;right:0}.arena-name{z-index:1;padding:12px 14px;position:absolute;top:auto;bottom:0;left:0;right:0}.arena-name h3{font-size:17px;font-weight:700}.arena-name p{color:var(--text-2);margin:2px 0 0;font-size:12.5px}.arena-card .arena-foot{padding:12px 14px 14px}.is-locked .arena-shot img{filter:grayscale(.85)brightness(.5)}.lock-badge{z-index:2;color:var(--text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 24px;font-size:12.5px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.lock-badge svg{width:26px;height:26px}.product{align-items:center}.product .figure{width:72px}.product .figure img{height:92px}.price-pill{border:1px solid var(--hair);background:#ffffff0f;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.best-badge{z-index:1;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#180d16;box-shadow:var(--elev-1);border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;top:-8px;right:14px}.board{flex-direction:column;gap:6px;display:flex}.board-row{border-radius:var(--r-md);background:var(--s1);border:1px solid var(--hair);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 14px;display:grid}.board-row.me{background:linear-gradient(90deg, #f5b93c24, var(--s1));border-color:#f5b93c4d}.rank{font-family:var(--pixel);color:var(--text-3);text-align:center;font-size:11px}.rank.top{color:var(--gold)}.board-row b{font-size:14.5px;font-weight:600}.board-row .sub{color:var(--text-3);font-size:12px}.board-row .score{font-family:var(--pixel);color:var(--gold);font-size:12px}.empty{text-align:center;color:var(--text-3);border:1px dashed var(--hair-2);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.empty svg{opacity:.5;width:46px;height:46px}.empty b{color:var(--text-2);font-size:15px;font-weight:600}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg, var(--s1), var(--s2), var(--s1));background-size:200% 100%;height:56px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .18s var(--ease);background:#06040aa8;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.closing{opacity:0;transition:opacity .16s var(--ease)}.sheet{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:520px;max-height:88dvh;padding:20px 18px calc(20px + var(--pad-bottom));box-shadow:var(--elev-2);animation:rise .22s var(--ease);flex-direction:column;gap:14px;display:flex;overflow-y:auto}.sheet:before{content:"";background:var(--hair-2);border-radius:999px;align-self:center;width:38px;height:4px;margin-bottom:2px}.sheet h2{font-size:21px;font-weight:700}.sheet h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:6px;font-size:12px;font-weight:700}.sheet p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.sheet p b,.sheet p strong{color:var(--text);font-weight:700}.row{gap:10px;display:flex}.row .btn{flex:1}.prize{border-radius:var(--r-lg);background:linear-gradient(135deg, #f5b93c24, #9a6bff1a), var(--s2);border:1px solid var(--hair);flex-wrap:wrap;gap:10px;padding:14px;display:flex}.prize span{font-family:var(--pixel);color:var(--gold);align-items:center;gap:6px;font-size:12px;display:inline-flex}.prize svg{width:18px;height:18px}.switch{border-radius:var(--r-md);background:var(--s2);border:1px solid var(--hair);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;font-weight:600;display:flex}.switch input{-webkit-appearance:none;appearance:none;cursor:pointer;width:46px;height:28px;transition:background .18s var(--ease);background:#ffffff1a;border-radius:999px;position:relative}.switch input:after{content:"";width:22px;height:22px;transition:transform .18s var(--ease);box-shadow:var(--elev-1);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked{background:linear-gradient(90deg, var(--gold), var(--gold-hi))}.switch input:checked:after{transform:translate(18px)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(28px)}to{transform:none}}.toast{left:50%;bottom:calc(84px + var(--pad-bottom));z-index:80;text-align:center;border:1px solid var(--hair-2);max-width:88vw;box-shadow:var(--elev-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-in .22s var(--ease);background:#1c1428f5;border-radius:999px;padding:12px 18px;font-size:13.5px;font-weight:600;position:fixed;transform:translate(-50%)}.toast-good{color:var(--gold-hi);border-color:#f5b93c73}.toast-bad{color:#ff9b8f;border-color:#e23d3a80}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.screen-fight{z-index:50;background:#05030a;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.arena{object-fit:contain;width:100%;min-height:0;image-rendering:pixelated;flex:1}.fight-quit{top:calc(10px + var(--pad-top));z-index:3;border-radius:var(--r-md);border:1px solid var(--hair-2);width:38px;height:38px;color:var(--text-2);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0710a8;place-items:center;display:grid;position:absolute;left:10px}.fight-quit svg{width:18px;height:18px}.fight-quit:active{transform:scale(.94)}body.in-vk .fight-quit,body.in-ok .fight-quit{top:calc(54px + var(--pad-top))}.pad{padding:12px 14px calc(14px + var(--pad-bottom));z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pad-side{gap:10px;display:grid}.pad-left{grid-template-columns:repeat(2,auto);grid-template-areas:"jump jump""left right"}.pad-right{grid-template-columns:repeat(2,auto);grid-template-areas:"guard heavy""special light"}.pad-btn{cursor:pointer;touch-action:none;width:62px;height:62px;color:var(--text);border:1px solid var(--hair-2);box-shadow:0 4px 0 #00000080, var(--elev-1), inset 0 1px 0 #ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .1s var(--ease), box-shadow .1s var(--ease);background:radial-gradient(120% 120% at 50% 0,#ffffff1f,#1c1428d1);border-radius:50%;place-items:center;display:grid}.pad-btn svg{width:28px;height:28px}.pad-btn.is-down{transform:translateY(3px)scale(.97);box-shadow:0 1px #00000080,inset 0 2px 6px #00000080}.pad-move{width:58px;height:58px;color:var(--text-2)}.pad-light{color:#cfe0ff;border-color:#78a0ff66;width:66px;height:66px}.pad-heavy{color:#ffc0b6;border-color:#e23d3a73;width:66px;height:66px}.pad-guard{color:#b9e2ff;border-color:#5aaae66b}.pad-special{color:var(--text-3);border-color:var(--hair)}.pad-special.ready{color:var(--gold-hi);animation:pulse 1.6s var(--ease) infinite;border-color:#f5b93c99;box-shadow:0 4px #00000080,0 0 22px #f5b93c73,inset 0 1px #ffffff40}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.pad-btn[data-area=jump]{grid-area:jump;justify-self:center}.pad-btn[data-area=left]{grid-area:left}.pad-btn[data-area=right]{grid-area:right}.pad-btn[data-area=guard]{grid-area:guard}.pad-btn[data-area=heavy]{grid-area:heavy}.pad-btn[data-area=special]{grid-area:special}.pad-btn[data-area=light]{grid-area:light}@media (min-width:760px) and (orientation:landscape){.pad{position:absolute;top:auto;bottom:0;left:0;right:0}}.fight-hint-wrap{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06040ac7;place-items:center;padding:20px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.fight-hint{border-radius:var(--r-xl);background:var(--s1);border:1px solid var(--hair);max-width:440px;box-shadow:var(--elev-2);flex-direction:column;gap:12px;padding:20px;display:flex}.fight-hint b{font-size:19px;font-weight:700}.fight-hint p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.fight-hint .keys{flex-direction:column;gap:8px;display:flex}.key-row{color:var(--text-2);align-items:center;gap:10px;font-size:13.5px;display:flex}.key-row i{background:var(--s3);width:34px;height:34px;color:var(--text);border-radius:11px;flex:none;place-items:center;display:grid}.key-row i svg{width:19px;height:19px}@media (max-width:380px){.pad-btn{width:56px;height:56px}.pad-light,.pad-heavy{width:60px;height:60px}.pad-btn svg{width:25px;height:25px}.cards{grid-template-columns:1fr}.tiles{gap:10px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}