@font-face{font-family:Forum;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/forum.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#120f1e;--ink-2:#1b1730;--ink-3:#252041;--line:#3a3358;--paper:#ece0c4;--paper-dim:#b9ad93;--gold:#e3b457;--gold-dim:#8d6f2f;--blood:#b23a45;--steel:#8e9ac0;--green:#6fbf73;--display:"Forum", Georgia, "Times New Roman", serif;--text:"Rubik", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--top-inset:0px;--nav-height:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}body{background-image:radial-gradient(120% 80% at 50% 0%, #241d3d 0%, var(--ink) 60%)}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:400}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}#app{max-width:560px;height:100dvh;padding-top:var(--top-inset);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}main{min-height:0;padding:12px 14px calc(var(--nav-height) + env(safe-area-inset-bottom) + 16px);scrollbar-width:thin;flex:1;overflow:hidden auto}main.no-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.page-head,.top-bar{align-items:center;gap:10px;min-height:44px;margin-bottom:12px;display:flex}.page-title{flex:1;min-width:0}.page-title small{letter-spacing:.16em;color:var(--paper-dim);text-transform:uppercase;font-size:11px;display:block}.page-title h1{overflow-wrap:anywhere;font-size:21px;line-height:1.15}.round{background:var(--ink-3);border:1px solid var(--line);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.round.ghost{background:0 0;border:0}.round:active{transform:scale(.94)}.wallet{font-variant-numeric:tabular-nums;gap:8px;font-size:13px;display:flex}.wallet span{border:1px solid var(--line);white-space:nowrap;background:#00000061;border-radius:999px;align-items:center;gap:4px;padding:5px 10px 5px 5px;display:inline-flex}.wallet img{width:18px;height:18px;image-rendering:pixelated}.wallet .coin{color:var(--gold)}.wallet .gem{color:#9fd0ff}.crest{border:1px solid var(--gold-dim);background:linear-gradient(#2c2450,#171230);border-radius:14px;flex:0 0 46px;place-items:end center;width:46px;height:46px;display:grid;overflow:hidden}.crest img{width:116%;max-width:none;image-rendering:pixelated;transform:translateY(6%)}.crest:active{transform:scale(.95)}.who{flex:1;min-width:0}.who b{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.1;display:block;overflow:hidden}.who small{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.who .seal{color:var(--gold);font-style:normal}.wordmark{text-align:center;margin-bottom:2px}.wordmark small{font-family:var(--display);letter-spacing:.42em;text-indent:.42em;color:var(--gold);text-transform:uppercase;font-size:13px;display:block}.wordmark b{font-family:var(--display);text-shadow:0 2px 10px #0009;font-size:34px;font-weight:400;line-height:1.05;display:block}.league{margin:4px 0 2px}.league-top{color:var(--paper);text-shadow:0 1px 4px #000c;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.league-top span{letter-spacing:.06em}.league-top b{font-family:var(--display);color:var(--gold);font-size:18px}.league-bar{background:#ffffff1f;border-radius:3px;height:5px;margin:5px 0 4px;display:block;overflow:hidden}.league-bar em{background:linear-gradient(90deg, #a97c26, var(--gold));height:100%;display:block}.league small{color:var(--paper-dim);text-shadow:0 1px 4px #000c;font-size:11px}.hero-drop{border:1px solid var(--line);width:100%;color:var(--paper-dim);background:#00000059;border-radius:12px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 14px;font-size:13px;display:flex}.hero-drop b{color:var(--blood)}.tiles{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.tile{border:1px solid var(--line);text-align:left;background:linear-gradient(#282244f2,#19152cf2);border-radius:16px;min-width:0;padding:12px}.tile i{color:var(--paper-dim);font-size:18px;font-style:normal}.tile b{font-family:var(--display);margin-top:2px;font-size:17px;display:block}.tile small{color:var(--paper-dim);margin-top:2px;font-size:11px;line-height:1.3;display:block}.tile.ready{border-color:var(--gold-dim);background:linear-gradient(#4c3a1499,#1e180ce6)}.tile.ready i{color:var(--gold)}.tile[disabled]{opacity:.55}.tile:active{transform:translateY(1px)}.friends-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.friends-row .chip{padding:9px 14px;font-size:13px}.hint{color:var(--paper-dim);text-align:center;margin:14px 4px 0;font-size:12px;line-height:1.5}.hero{border:1px solid var(--line);background:#0e0b18 50%/cover no-repeat;border-radius:20px;flex-direction:column;justify-content:flex-end;gap:10px;min-height:300px;padding:20px 16px 16px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(#0a08126b 0%,#0a0812c7 46%,#0a0812f0 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero>*{z-index:1;position:relative}.hero p{color:var(--paper-dim);margin:0;font-size:13px}.hero .primary{margin-top:4px}.stat-row{flex-wrap:wrap;gap:8px;display:flex}.stat{border:1px solid var(--line);background:#0006;border-radius:12px;flex:90px;min-width:0;padding:8px 10px}.stat small{letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);font-size:10px;display:block}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:20px;display:flex}.stat b em{font-family:var(--text);color:var(--paper-dim);font-size:10px;font-style:normal}.primary,.secondary{text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:15px 16px;font-weight:700;display:flex}.primary{color:#241a05;background:linear-gradient(#d8a94e,#a97c26);box-shadow:0 8px 20px #966e1e47}.primary small{letter-spacing:.14em;text-transform:uppercase;opacity:.72;font-size:11px;font-weight:700;display:block}.secondary{background:var(--ink-3);border:1px solid var(--line)}.primary:active,.secondary:active{transform:translateY(1px)}.primary[disabled],.secondary[disabled]{opacity:.5;pointer-events:none}.card{border:1px solid var(--line);background:linear-gradient(#282244f2,#19152cf2);border-radius:16px;margin-top:12px;padding:14px}.card h2{margin-bottom:5px;font-size:18px}.card p{color:var(--paper-dim);margin:0;font-size:13px;line-height:1.45}.card p+p{margin-top:8px}.row{align-items:center;gap:10px;display:flex}.row+.row{margin-top:10px}.grow{flex:1;min-width:0}.chip{border:1px solid var(--line);white-space:nowrap;background:#0000004d;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.chip.on{border-color:var(--gold);color:var(--gold)}.chip img{width:16px;height:16px;image-rendering:pixelated}.community{border-color:var(--gold-dim);background:linear-gradient(#5842148c,#231b0ccc)}.community .gift{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}nav{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0e0b18f5;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:absolute;bottom:0;left:0;right:0}nav button{height:var(--nav-height);color:var(--paper-dim);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex;position:relative}nav button i{border-radius:999px;place-items:center;width:46px;height:26px;font-size:17px;font-style:normal;line-height:1;transition:background .16s,color .16s;display:grid}nav button.active{color:var(--gold)}nav button.active i{background:#e3b45729;box-shadow:inset 0 0 0 1px #e3b45757}.run-top{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;display:grid}.run-top .meta{text-align:center;min-width:0}.run-top .meta b{font-size:15px;display:block}.run-top .meta small{color:var(--paper-dim);font-size:11px}.hp{color:var(--blood);align-items:center;gap:5px;font-weight:700;display:inline-flex}.traits{scrollbar-width:none;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.traits::-webkit-scrollbar{display:none}.trait{border:1px solid var(--line);color:var(--paper-dim);background:#0000004d;border-radius:10px;flex:none;padding:5px 9px;font-size:11px}.trait.on{border-color:var(--gold);color:var(--gold);background:#e3b4571f}.trait b{font-variant-numeric:tabular-nums}.arena-frame{border:1px solid var(--line);background:#0d0a16 50%/cover no-repeat;border-radius:16px;padding:10px;position:relative;overflow:hidden}.arena-frame:before{content:"";background:linear-gradient(#0c0914bd,#0c0914e0);position:absolute;top:0;bottom:0;left:0;right:0}.row-label{letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);justify-content:space-between;align-items:baseline;margin:2px 2px 5px;font-size:10px;display:flex}.row-label+.board+.row-label{margin-top:8px}.row-label .full{color:var(--gold)}.bench-box{border:1px solid var(--line);background:#00000057;border-radius:14px;margin-top:10px;padding:8px 10px 10px}.arena-frame>*{position:relative}.board{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cell{aspect-ratio:3/4;background:#ffffff08;border:1px dashed #8e9ac04d;border-radius:10px;place-items:end center;padding:2px;display:grid;position:relative;overflow:hidden}.cell.filled{background:#e3b45712;border-style:solid;border-color:#e3b45759}.cell.target{border-color:var(--green);background:#6fbf731f}.cell.picked{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.cell img{width:100%;image-rendering:pixelated;pointer-events:none}.cell .stars{text-align:center;color:var(--gold);text-shadow:0 1px 2px #000;pointer-events:none;font-size:10px;position:absolute;top:2px;left:0;right:0}.cell .tier-dot{pointer-events:none;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 1px #00000080}.bench-title,.shop-title{letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);justify-content:space-between;align-items:baseline;margin:0 2px 6px;font-size:11px;display:flex}.shop-title{margin-top:12px}.bench{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.bench .cell{aspect-ratio:1;border-radius:8px}.econ{grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:12px;display:grid}.level-box{border:1px solid var(--line);background:#0000004d;border-radius:12px;min-width:0;padding:7px 10px}.level-box b{font-size:14px}.level-box small{color:var(--paper-dim);font-size:10px;display:block}.xp-bar{background:#ffffff1f;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.xp-bar i{background:var(--gold);height:100%;display:block}.econ-btn{border:1px solid var(--line);text-align:center;background:#0000004d;border-radius:12px;min-width:62px;padding:8px 11px}.econ-btn b{font-size:13px;display:block}.econ-btn small{color:var(--gold);font-size:10px}.econ-btn[disabled]{opacity:.45;pointer-events:none}.shop{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;display:grid}.shop-card{border:1px solid var(--line);background:linear-gradient(#2b2448f2,#171328f2);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 4px 7px;display:flex;position:relative;overflow:hidden}.shop-card.empty{opacity:.3;pointer-events:none}.shop-card.owned{box-shadow:inset 0 0 0 1px var(--green)}.shop-card img{width:84%;image-rendering:pixelated}.shop-card .name{text-align:center;overflow-wrap:break-word;font-size:10px;line-height:1.15}.shop-card .price{color:var(--gold);font-size:11px;font-weight:700}.shop-card .trait-tag{color:var(--paper-dim);font-size:9px}.shop-card .tier-bar{height:3px;position:absolute;top:0;left:0;right:0}.shop-card:active{transform:translateY(1px)}.selection{border:1px solid var(--gold-dim);background:#120f1ef5;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;display:flex;position:sticky;bottom:0}.selection img{width:36px;image-rendering:pixelated}.selection .sell{background:var(--blood);border-radius:10px;padding:8px 12px;font-weight:700}.fight-cta{margin-top:12px}.battle-screen{flex-direction:column;height:100%;display:flex}.battle-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 2px 8px;display:grid}.side-name{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.side-name.right{text-align:right}.versus{font-family:var(--display);color:var(--gold);font-size:16px}.canvas-wrap{border:1px solid var(--line);background:#0d0a16 50%/cover no-repeat;border-radius:16px;flex:auto;width:100%;min-height:240px;position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.side-panel{border:1px solid var(--line);background:#00000052;border-radius:14px;margin-top:10px;padding:8px 10px}.side-panel+.side-panel{margin-top:8px}.side-panel .head{letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:10px;display:flex}.side-panel.enemy .head{color:#e0757d}.side-panel.mine .head{color:var(--gold)}.battle-foot{gap:8px;margin-top:auto;padding-top:10px;display:flex}.battle-foot button{border:1px solid var(--line);background:var(--ink-3);border-radius:12px;flex:1;padding:12px;font-weight:600}.battle-foot button.accent{color:#241a05;background:linear-gradient(#d8a94e,#a97c26);border-color:#0000}.overlay{z-index:20;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#06040cc7;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 .14s}.sheet{border:1px solid var(--line);width:100%;max-width:520px;max-height:86dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#2a2348,#16122a);border-radius:18px;animation:.2s both sheet-in;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(18px)}to{transform:none}}.result-art{background:#0d0a16 50%/cover no-repeat;border-radius:18px 18px 0 0;flex-direction:column;justify-content:center;align-items:center;height:108px;margin:-18px -16px 12px;display:flex;position:relative;box-shadow:inset 0 -60px 60px -30px #16122af5}.result-art b{font-family:var(--display);color:var(--gold);font-size:34px;line-height:1}.result-art small{letter-spacing:.16em;text-transform:uppercase;color:var(--paper);font-size:11px}.sheet h2{margin-bottom:6px;font-size:20px}.sheet p{color:var(--paper-dim);font-size:14px;line-height:1.5}.sheet .actions{gap:8px;margin-top:14px;display:flex}.sheet .actions button{border-radius:12px;flex:1;padding:13px;font-weight:700}.sheet .actions .ghost{background:var(--ink-3);border:1px solid var(--line)}.sheet .actions .go{color:#241a05;background:linear-gradient(#d8a94e,#a97c26)}.toast{left:50%;bottom:calc(var(--nav-height) + 24px);border:1px solid var(--line);z-index:40;text-align:center;background:#0c0914f5;border-radius:12px;max-width:min(92vw,420px);padding:10px 16px;font-size:13px;animation:.18s toast-in;position:fixed;transform:translate(-50%)}.toast-good{border-color:var(--green);color:#cdeccf}.toast-bad{border-color:var(--blood);color:#f0c3c6}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.cell img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cell.dragging{opacity:.3}.cell.over{outline:2px solid var(--gold);outline-offset:2px}.drag-ghost{pointer-events:none;z-index:40;filter:drop-shadow(0 8px 14px #0000008c);width:64px;height:64px;margin:-32px 0 0 -32px;position:fixed;top:0;left:0}.drag-ghost img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.coach-ring{z-index:30;border:2px solid var(--gold);pointer-events:none;border-radius:14px;transition:top .18s,left .18s,width .18s,height .18s;animation:1.8s ease-in-out infinite coach-pulse;position:fixed;box-shadow:0 0 0 9999px #06040cb8,0 0 18px #e3b4578c}@keyframes coach-pulse{0%,to{border-color:#e3b457f2}50%{border-color:#e3b45773}}.coach-panel{z-index:31;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--gold-dim);background:linear-gradient(#2c2450,#17122c);border-radius:16px;width:min(520px,100% - 24px);padding:12px 14px 14px;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #0000008c}.coach-head{letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.coach-head button{color:var(--paper-dim);font-size:11px;text-decoration:underline}.coach-panel b{font-family:var(--display);margin-bottom:4px;font-size:19px;display:block}.coach-panel p{color:var(--paper-dim);margin:0;font-size:13px;line-height:1.45}.coach-next{color:#241a05;background:linear-gradient(#d8a94e,#a97c26);border-radius:12px;width:100%;margin-top:10px;padding:11px;font-weight:700}.welcome{text-align:center}.welcome img{width:132px;image-rendering:pixelated;margin:4px auto 10px}.welcome h2{margin-bottom:6px;font-size:22px}.welcome p{max-width:34ch;margin:0 auto}.welcome .dots{justify-content:center;gap:6px;margin-top:14px;display:flex}.welcome .dots i{background:#ffffff38;border-radius:50%;width:7px;height:7px}.welcome .dots i.on{background:var(--gold)}.list{flex-direction:column;gap:8px;display:flex}.list-item{border:1px solid var(--line);text-align:left;background:#00000047;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.list-item.active{border-color:var(--gold);background:#e3b4571a}a.list-item{color:inherit;text-decoration:none}.list-item img.portrait{width:46px;image-rendering:pixelated;flex:0 0 46px}.list-item .body{flex:1;min-width:0}.list-item .body b{font-size:14px;display:block}.list-item .body small{color:var(--paper-dim);font-size:12px;line-height:1.35;display:block}.list-item .tail{color:var(--gold);white-space:nowrap;text-align:right;font-size:12px}.leader-place{text-align:center;font-variant-numeric:tabular-nums;width:26px;color:var(--paper-dim)}.leader-place.top{color:var(--gold);font-weight:700}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.codex-card{border:1px solid var(--line);background:#00000047;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;display:flex}.codex-card img{width:78%;image-rendering:pixelated}.codex-card b{text-align:center;overflow-wrap:break-word;font-size:11px;line-height:1.2}.codex-card small{color:var(--paper-dim);font-size:10px}.tabs{gap:6px;margin-bottom:10px;display:flex}.tabs button{border:1px solid var(--line);background:#00000047;border-radius:10px;flex:1;padding:9px;font-size:13px}.tabs button.active{border-color:var(--gold);color:var(--gold)}.price-tag{align-items:center;gap:5px;font-weight:700;display:inline-flex}.price-tag img{width:16px;height:16px;image-rendering:pixelated}.muted{color:var(--paper-dim);font-size:12px}.center{text-align:center}.spacer{height:10px}.loading{height:100dvh;color:var(--paper-dim);place-items:center;gap:12px;display:grid}.loading .mark{font-family:var(--display);color:var(--gold);font-size:34px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}