:root{color-scheme:dark;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0d18;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf0ff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.terms-body{-webkit-user-select:text;user-select:text}#app{position:fixed;inset:0;touch-action:none}#app canvas{display:block}.hud.hidden{display:none}.hud{position:fixed;inset:0;pointer-events:none;padding:calc(18px + var(--safe-t)) calc(clamp(14px,4vw,48px) + var(--safe-r)) calc(18px + var(--safe-b)) calc(clamp(14px,4vw,48px) + var(--safe-l))}.hud-bars{display:flex;flex-direction:column;gap:6px;max-width:min(420px,46vw)}.bar{height:14px;border:2px solid #1B2E52;background:#0d1426;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;width:0;transition:width .12s linear}.bar-hp i{background:linear-gradient(#ff7a8c,#c6314a)}.bar-hp.poisoned i{background:linear-gradient(#c8ff6a,#3e9f2a);animation:hp-poison .5s ease-in-out infinite alternate}@keyframes hp-poison{to{filter:brightness(1.35)}}@media(prefers-reduced-motion:reduce){.bar-hp.poisoned i{animation:none}}.bar-xp{height:9px}.bar-xp i{background:linear-gradient(#8ff0ff,#2e9fd0)}.hud-line{margin-top:10px;font-variant-numeric:tabular-nums;font-size:15px;letter-spacing:.06em;opacity:.82;text-shadow:0 2px 0 #0A0D18}.hud-toast{position:fixed;left:50%;top:18%;translate:-50% 0;font-size:clamp(20px,3.4vw,34px);font-weight:700;letter-spacing:.08em;color:#8ff0ff;text-shadow:0 3px 0 #123,0 0 20px #8FF0FF66;opacity:0;scale:.9;transition:opacity .18s,scale .18s}.hud-toast.on{opacity:1;scale:1}.hud-toast.alarm{color:#ff7a8c;text-shadow:0 3px 0 #2A0A12,0 0 24px #FF7A8C88;font-size:clamp(24px,4.6vw,44px);animation:toast-alarm .43s steps(2,end) infinite}@keyframes toast-alarm{to{opacity:.25}}@media(prefers-reduced-motion:reduce){.hud-toast.alarm{animation:none}}.hud-over{position:fixed;inset:0;display:none;place-content:center;text-align:center;background:#0a0d18cc}.hud-over.on{display:grid}.hud-over h2{margin:0 0 8px;font-size:clamp(26px,5vw,52px);letter-spacing:.04em}.hud-over p{margin:0 0 18px;font-size:18px;opacity:.85;font-variant-numeric:tabular-nums}.hud-over small{opacity:.5}.fatal{padding:32px;font:13px/1.6 ui-monospace,monospace;color:#ff8a9c;white-space:pre-wrap}.cards{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#0a0d18e0;pointer-events:auto;padding:calc(24px + var(--safe-t)) calc(24px + var(--safe-r)) calc(24px + var(--safe-b)) calc(24px + var(--safe-l))}.cards.on{display:flex}.cards-title{margin:0;font-size:clamp(22px,4vw,40px);letter-spacing:.06em;color:#8ff0ff;text-shadow:0 3px 0 #123}.cards-list{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.card{position:relative;width:clamp(150px,22vw,210px);padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#141c30;color:#eaf0ff;border:3px solid #1B2E52;border-radius:10px;font:inherit;cursor:pointer;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-4px);border-color:#8ff0ff}.card img{width:72px;height:72px;image-rendering:pixelated;background:#223052;border-radius:10px;padding:4px}.card b{font-size:16px}.card small{opacity:.65;font-size:12px;line-height:1.4;text-align:center}.card-level{font-size:12px;letter-spacing:.08em;color:#8ff0ff}.card-new .card-level{color:#ffd76a}.card kbd{position:absolute;top:6px;left:8px;font-size:11px;opacity:.4}.cards-skip{background:none;border:none;color:#eaf0ff;opacity:.45;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}.cards-skip:hover{opacity:.8}.hud-loadout{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.slot{position:relative;width:34px;height:34px;border:2px solid #1B2E52;border-radius:6px;background:#0d1426;display:grid;place-items:center}.slot img{width:26px;height:26px;image-rendering:pixelated}.slot{background:#1a2440}.slot i{position:absolute;right:-3px;bottom:-5px;font-style:normal;font-size:10px;font-weight:700;background:#1b2e52;color:#eaf0ff;border-radius:4px;padding:0 3px}.hud-records{color:#ffd76a;font-weight:700;letter-spacing:.06em;margin-bottom:6px;display:none}.hud-records.on{display:block}.hud-best{opacity:.6;font-size:14px;margin-bottom:16px;font-variant-numeric:tabular-nums}.menu{position:fixed;inset:0;display:none;pointer-events:none;align-items:safe center;justify-content:flex-end;overflow:auto;padding:var(--safe-t) calc(clamp(20px,8vw,120px) + var(--safe-r)) var(--safe-b) calc(clamp(20px,8vw,120px) + var(--safe-l))}.menu.on{display:flex}.menu-panel{pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;gap:18px;text-align:right}.menu-panel .skin-btn{align-self:end;width:min(280px,60vw)}.menu h1{margin:0;font-size:clamp(30px,6.5vw,78px);line-height:.92;letter-spacing:.04em;font-weight:800;text-shadow:0 5px 0 #1B2E52,0 0 30px #0009}.menu h1 span{display:block;color:#8ff0ff}.skin-btn{pointer-events:auto;border:0;background:transparent;color:#0b1226;font:inherit;font-weight:800;font-size:clamp(16px,2.2vw,24px);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:16px 44px 24px;min-width:220px;border-image:url(../ui/skin/button_primary.png) 68 68 101 68 fill / 22px 22px 32px 22px;transition:transform .1s}.skin-btn:hover{transform:translateY(-2px)}.skin-btn:active{transform:translateY(2px);border-image-source:url(../ui/skin/button_pressed.png);border-image-slice:68 fill}.menu-best{font-size:14px;opacity:.75;font-variant-numeric:tabular-nums}.menu-best b{color:#8ff0ff}.menu-best b.coin{color:#ffd24b}.menu-best b.gem{color:#e08cff}.menu-hint{opacity:.4;font-size:12px}.hud-offer{display:flex;flex-direction:column;align-items:center;gap:2px;margin:8px 0 12px;color:#ffd24b}.hud-offer[hidden]{display:none}.hud-offer b{font-size:clamp(18px,2.6vw,26px)}.hud-offer small{font-size:13px;opacity:.8;color:#eaf0ff}.hud-over.won h2{color:#8ff0ff;text-shadow:0 4px 0 #123,0 0 28px #8FF0FF55}.dmg-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}.dmg{position:absolute;top:0;left:0;font-weight:800;font-size:15px;color:#ffe9c2;text-shadow:0 2px 0 #2A1806,0 0 8px #0008;font-variant-numeric:tabular-nums;will-change:transform,opacity}.dmg-crit{font-size:22px;color:#ffd24b;text-shadow:0 2px 0 #3A2000,0 0 14px #FFB03399}.map{position:fixed;inset:0;display:none;flex-direction:column;background:#0a0d18f2;gap:16px;padding:calc(clamp(16px,4vh,40px) + var(--safe-t)) calc(clamp(16px,6vw,90px) + var(--safe-r)) calc(clamp(16px,4vh,40px) + var(--safe-b)) calc(clamp(16px,6vw,90px) + var(--safe-l))}.map.on{display:flex}.map-head{display:flex;align-items:center;justify-content:space-between}.map-head h2{margin:0;font-size:clamp(20px,3.4vw,34px);letter-spacing:.06em}.map-back{background:none;border:2px solid #1B2E52;border-radius:8px;color:#eaf0ff;font:inherit;padding:8px 18px;cursor:pointer}.map-back:hover{border-color:#8ff0ff}.map-view{position:relative;flex:1;min-height:0;display:flex;align-items:center;overflow:hidden;touch-action:pan-y}.map-strip{display:flex;align-items:center;gap:clamp(10px,2vw,22px);padding:8px 0;will-change:transform;transition:transform .28s ease}.map-strip-jump{transition:none}.map-arrow{position:absolute;z-index:2;top:50%;translate:0 -50%;width:48px;height:64px;border-radius:12px;cursor:pointer;border:2px solid #1B2E52;background:#141c30cc;color:#eaf0ff;font:inherit;font-size:30px;line-height:1}.map-arrow:hover{border-color:#8ff0ff}.map-prev{left:0}.map-next{right:0}.map-hint{text-align:center;opacity:.45;font-size:12px}.tile{position:relative;overflow:hidden;flex:0 0 auto;width:min(clamp(126px,21vw,208px),42vh);aspect-ratio:1;border-radius:14px;cursor:pointer;border:3px solid #1B2E52;background:var(--tint);color:#eaf0ff;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:.6;transform:scale(.66);transition:transform .28s ease,opacity .28s ease,border-color .15s}.tile-focus{opacity:1;transform:scale(1.45);border-color:#8ff0ff;box-shadow:0 10px 30px #0a0d18cc,0 0 22px #8ff0ff33}.tile:hover:not(.tile-focus){opacity:.85;transform:scale(.72);border-color:#8ff0ff88}.tile-sky,.tile-ridge,.tile-air{position:absolute;inset:0;pointer-events:none}.tile-sky{background:linear-gradient(#0000 62%,var(--ground, #2b3756) 62%),linear-gradient(var(--sky-top, #10182c),var(--sky-low, #2b3756))}.tile-ridge{inset:0 auto 38% 0;width:200%;background:var(--ridge-far, #1a2336);clip-path:polygon(0% 100%,0% 74%,4% 74%,4% 66%,9% 66%,9% 78%,14% 78%,14% 58%,20% 58%,20% 70%,26% 70%,26% 62%,31% 62%,31% 76%,37% 76%,37% 68%,43% 68%,43% 80%,50% 80%,50% 100%,50% 100%,50% 74%,54% 74%,54% 66%,59% 66%,59% 78%,64% 78%,64% 58%,70% 58%,70% 70%,76% 70%,76% 62%,81% 62%,81% 76%,87% 76%,87% 68%,93% 68%,93% 80%,100% 80%,100% 100%)}.tile-near{inset:0 auto 32% 0;background:var(--ridge-near, #253150);clip-path:polygon(0% 100%,0% 86%,6% 86%,6% 78%,12% 78%,12% 88%,19% 88%,19% 74%,27% 74%,27% 84%,34% 84%,34% 90%,41% 90%,41% 80%,50% 80%,50% 100%,50% 100%,50% 86%,56% 86%,56% 78%,62% 78%,62% 88%,69% 88%,69% 74%,77% 74%,77% 84%,84% 84%,84% 90%,91% 90%,91% 80%,100% 80%,100% 100%)}.tile-focus .tile-far{animation:ridge-drift 38s linear infinite}.tile-focus .tile-near{animation:ridge-drift 22s linear infinite}@keyframes ridge-drift{to{transform:translate(-50%)}}.tile-air{opacity:.75}.tile[data-biome="0"] .tile-air{background:radial-gradient(1.5px 1.5px at 20% 30%,var(--air, #8FF0FF) 60%,#0000 70%),radial-gradient(1.5px 1.5px at 68% 62%,var(--air, #8FF0FF) 60%,#0000 70%),radial-gradient(2px 2px at 44% 84%,var(--air, #8FF0FF) 60%,#0000 70%);background-size:52px 52px,74px 74px,96px 96px;opacity:.5}.tile[data-biome="1"] .tile-air{background:radial-gradient(2px 2px at 30% 90%,#ffb25a 60%,#0000 70%),radial-gradient(1.5px 1.5px at 72% 70%,#ff7a3c 60%,#0000 70%);background-size:46px 86px,68px 120px;opacity:.65}.tile[data-biome="2"] .tile-air{background:repeating-linear-gradient(74deg,#9fd8ff40 0 1px,#0000 1px 17px);opacity:.5}.tile[data-biome="3"] .tile-air{background:radial-gradient(3px 3px at 26% 40%,#b9ffc8 55%,#0000 70%),radial-gradient(2px 2px at 78% 74%,#7fe0a6 55%,#0000 70%);background-size:88px 88px,120px 120px;opacity:.55}.tile-focus[data-biome="0"] .tile-air{animation:air-drift 26s linear infinite}.tile-focus[data-biome="1"] .tile-air{animation:air-rise 7s linear infinite}.tile-focus[data-biome="2"] .tile-air{animation:air-rain 1.1s linear infinite}.tile-focus[data-biome="3"] .tile-air{animation:air-float 14s ease-in-out infinite}@keyframes air-drift{to{background-position:52px -30px,-74px -44px,40px -60px}}@keyframes air-rise{to{background-position:-12px -86px,16px -120px}}@keyframes air-rain{to{background-position:30px 90px}}@keyframes air-float{50%{background-position:24px -18px,-30px 14px}to{background-position:0 0,0 0}}@media(prefers-reduced-motion:reduce){.map-strip,.tile{transition:none}.tile-ridge,.tile-air,.tile-focus .tile-icon{animation:none}}.tile-icon{position:absolute;left:8%;right:8%;bottom:4%;width:84%;height:74%;object-fit:contain;object-position:bottom;opacity:.97;pointer-events:none;filter:drop-shadow(0 3px 5px #0A0D18AA)}.tile-focus .tile-icon{animation:boss-breathe 4.5s ease-in-out infinite}@keyframes boss-breathe{50%{transform:translateY(-3%)}}.tile b{position:relative;align-self:flex-start;margin:-2px 0 0 6px;font-size:clamp(15px,2.2vw,22px);text-shadow:0 2px 0 #0A0D18,0 0 6px #0A0D18}.tile{justify-content:flex-start}.tile-mark,.tile small{position:relative;margin-top:auto}.tile small{font-size:11px;opacity:.75;font-variant-numeric:tabular-nums}.tile-mark{font-style:normal;font-size:10px;letter-spacing:.08em;color:#ffd24b;text-transform:uppercase}.tile-done{border-color:#3fbf6a}.tile-boss .tile-mark{color:#ffd24b}.tile-locked{opacity:.45;cursor:default;filter:grayscale(.55)}.hud-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;pointer-events:auto}.hud-btn{min-width:150px;font-size:clamp(13px,1.6vw,17px);padding:12px 26px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hud-over{pointer-events:auto}.menu-campaign,.menu-endless{min-width:220px;font-size:clamp(13px,1.7vw,18px);border-image-source:url(../ui/skin/button_secondary.png)}.pause{position:fixed;inset:0;display:none;place-content:safe center;background:#0a0d18e6;overflow:auto;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.pause.on{display:grid}.pause-panel{display:flex;flex-direction:column;gap:12px;width:min(560px,92vw);padding:clamp(16px,2.4vw,26px);background:linear-gradient(#141c30,#101726);border:3px solid #1B2E52;border-radius:18px;box-shadow:0 18px 50px #05070dcc,inset 0 1px #ffffff12}.pause-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid #1B2E52;padding-bottom:10px}.pause-panel h2{margin:0;font-size:clamp(22px,3.6vw,34px);letter-spacing:.06em}.pause-where{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8ff0ff;opacity:.85}.pause-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.pause-stats span{display:flex;flex-direction:column;gap:2px;padding:8px 4px;background:#0d1426;border:2px solid #1B2E52;border-radius:10px}.pause-stats b{font-size:clamp(18px,2.6vw,24px);font-variant-numeric:tabular-nums}.pause-stats i{font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.5}.pause-next{display:flex;flex-direction:column;gap:5px}.pause-next-head{display:flex;align-items:baseline;justify-content:space-between}.pause-next small{opacity:.45;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.pause-next-pct{font-size:12px;color:#8ff0ff;font-variant-numeric:tabular-nums}.pause-next .bar{height:10px}.pause-block{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#0d1426;border:2px solid #1B2E52;border-radius:12px}.pause-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.45}.pause-loot{display:flex;flex-wrap:wrap;gap:14px}.pause-coin{display:flex;align-items:center;gap:6px;font-weight:700;font-variant-numeric:tabular-nums}.pause-coin img{width:22px;height:22px;image-rendering:pixelated}.pause-coin.coins{color:#ffd24b}.pause-coin.gems{color:#e08cff}.pause-coin.keys{color:#ffc74b}.pause-coin.empty{opacity:.35;font-weight:400}.pause-row{display:flex;align-items:center;gap:10px}.pause-row input[type=range]{flex:1;min-width:0;accent-color:#8FF0FF}.pause-row .pause-key{min-width:92px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.pause-mute{min-width:92px;padding:6px 10px;font:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer;color:#eaf0ff;background:#1a2440;border:2px solid #2A3A62;border-radius:8px}.pause-mute.off{color:#8fa0c8}.pause-row .lang-switch{margin:0}.pause-kit{display:flex;flex-wrap:wrap;gap:8px}.pause-gear{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.pause-gear-head{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8fa3c8}.pause-gear-empty{font-size:12px;opacity:.6}.pause-block[hidden]{display:none}.pause-item{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;background:#141c30;border:2px solid #1B2E52;border-radius:8px;font-size:12px}.pause-item img{width:26px;height:26px;image-rendering:pixelated;background:#223052;border-radius:6px}.pause-item i{font-style:normal;opacity:.6}.pause-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:2px}.pause-buttons .skin-btn{flex:0 1 auto;min-width:0;font-size:clamp(12px,1.5vw,15px);padding:10px 22px 16px;border-image-width:16px 16px 24px 16px}.pause-menu{border-image-source:url(../ui/skin/button_secondary.png)}.pause-hint{text-align:center;opacity:.4;font-size:11px}.stick{position:fixed;top:0;left:0;pointer-events:none;border:3px solid #8FF0FF66;border-radius:50%;background:#8ff0ff14}.stick-knob{position:absolute;inset:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#8ff0ffaa;box-shadow:0 0 14px #8ff0ff66}@media(max-width:620px){.cards-list{gap:8px}.card{width:min(30vw,118px);padding:12px 8px 10px;gap:5px}.card img{width:46px;height:46px}.card b{font-size:12px}.card small{font-size:10px;line-height:1.3}.card-level{font-size:10px}.card kbd{display:none}.hud{padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l))}.hud-bars{max-width:62vw}.hud-line{font-size:12px}.slot{width:28px;height:28px}.slot img{width:21px;height:21px}.skin-btn{min-width:190px}.map{padding:14px 12px}.tile{width:min(clamp(132px,43vw,196px),40vh)}.map-arrow{width:38px;height:56px;font-size:24px}.tile small{display:none}.pause-kit{max-width:92vw}.pause-item{font-size:11px}.dmg{font-size:13px}.dmg-crit{font-size:18px}}.shop{position:fixed;inset:0;display:none;flex-direction:column;background:#0a0d18f2;gap:16px;padding:calc(clamp(16px,4vh,40px) + var(--safe-t)) calc(clamp(16px,6vw,90px) + var(--safe-r)) calc(clamp(16px,4vh,40px) + var(--safe-b)) calc(clamp(16px,6vw,90px) + var(--safe-l))}.shop.on{display:flex}.shop-purse{display:flex;gap:16px;margin-left:auto;margin-right:16px;font-variant-numeric:tabular-nums;font-size:clamp(14px,2vw,20px)}.shop-purse span{display:flex;align-items:center;gap:6px}.shop-purse .coin{color:#ffd24b}.shop-purse .gem{color:#e08cff}.shop-purse img{width:22px;height:22px;image-rendering:pixelated}.shop-grid{display:grid;gap:12px;padding:4px 0;grid-template-columns:repeat(auto-fit,minmax(180px,240px));justify-content:center;align-content:start}.shop-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 12px;border-radius:12px;cursor:pointer;text-align:center;border:3px solid #1B2E52;background:#141c30;color:#eaf0ff;font:inherit;transition:transform .1s,border-color .1s}.shop-item:hover:not([disabled]){transform:translateY(-3px);border-color:#8ff0ff}.shop-item img{width:52px;height:52px;image-rendering:pixelated}.shop-item b{font-size:14px}.shop-item small{font-size:11px;line-height:1.35;opacity:.7;flex:1}.shop-price{display:flex;align-items:center;gap:6px;margin-top:4px;font-variant-numeric:tabular-nums}.shop-price.coins{color:#ffd24b}.shop-price.gems{color:#e08cff}.shop-price img{width:20px;height:20px}.shop-poor{opacity:.42;cursor:default;filter:grayscale(.5)}.shop-empty{grid-column:1 / -1;text-align:center;opacity:.6}.shop-owned{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:2px solid #1B2E52;padding-top:12px;min-height:44px}.shop-owned-label{font-size:12px;opacity:.5;margin-right:6px}.shop-have{display:grid;place-items:center;width:38px;height:38px;background:#223052;border:2px solid #3FBF6A;border-radius:8px}.shop-have img{width:28px;height:28px;image-rendering:pixelated}.hud-pause-btn{position:absolute;top:calc(46px + var(--safe-t));right:calc(12px + var(--safe-r));width:44px;height:44px;display:grid;place-items:center;pointer-events:auto;cursor:pointer;padding:0;border:2px solid #1B2E52;border-radius:12px;background:#141c30cc;color:#eaf0ff;opacity:.8;transition:opacity .12s,border-color .12s}.hud-pause-btn:hover{opacity:1;border-color:#8ff0ff}.hud-pause-btn svg{width:20px;height:20px;fill:currentColor}.hud-pause-btn[hidden]{display:none}.hud-purse{position:absolute;top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));display:flex;gap:12px;font-variant-numeric:tabular-nums;font-size:14px;text-shadow:0 2px 4px #000A}.hud-purse span{display:flex;align-items:center;gap:5px}.hud-purse .coin{color:#ffd24b}.hud-purse .gem{color:#e08cff}.hud-purse img{width:18px;height:18px;image-rendering:pixelated}.hud-loot{display:flex;gap:14px;justify-content:center;margin:6px 0 2px;font-variant-numeric:tabular-nums}.hud-loot span{display:flex;align-items:center;gap:5px}.hud-loot .coin{color:#ffd24b}.hud-loot .gem{color:#e08cff}.hud-loot img{width:20px;height:20px;image-rendering:pixelated}.menu-tiles{align-self:end;display:flex;gap:12px}.menu-tile{position:relative;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px 8px;border-radius:16px;cursor:pointer;background:#141c30cc;border:2px solid #1B2E52;color:#eaf0ff;font:inherit;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:transform .12s,border-color .12s}.menu-tile img{width:84px;height:84px;pointer-events:none}.menu-tile:hover{transform:translateY(-2px);border-color:#ffd24b}.menu-shop.news{border-color:#ffd24b;animation:shop-glow 2s ease-in-out infinite}.menu-shop.news img{animation:shop-breathe 2s ease-in-out infinite}@keyframes shop-glow{0%,to{box-shadow:0 0 #ffd24b00}50%{box-shadow:0 0 22px 4px #ffd24b66}}@keyframes shop-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.menu-daily.pending:after{content:"";position:absolute;top:6px;right:8px;width:12px;height:12px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 2px #141c30}.menu-daily.ready{border-color:#8ff0ff;animation:daily-glow 2s ease-in-out infinite}.menu-daily.ready img{animation:shop-breathe 2s ease-in-out infinite}@keyframes daily-glow{0%,to{box-shadow:0 0 #8ff0ff00}50%{box-shadow:0 0 22px 4px #8ff0ff66}}@media(prefers-reduced-motion:reduce){.menu-shop.news,.menu-shop.news img,.menu-daily.ready,.menu-daily.ready img{animation:none}.menu-shop.news{box-shadow:0 0 18px 3px #ffd24b55}.menu-daily.ready{box-shadow:0 0 18px 3px #8ff0ff55}}.item-icon{position:relative;display:grid;place-items:center;width:56px;height:56px;flex:none;background:url(../ui/skin/slot.png) center / 100% 100% no-repeat}.item-icon img{width:72%;height:72%;image-rendering:pixelated}.item-icon:after{content:"";position:absolute;inset:-6%;background:var(--frame) center / 100% 100% no-repeat;pointer-events:none}.item-icon.empty:after{background-image:none}.r-common{--frame: url(../ui/skin/frame_common.png);--tone: #B9C7DA}.r-uncommon{--frame: url(../ui/skin/frame_uncommon.png);--tone: #5FD08A}.r-rare{--frame: url(../ui/skin/frame_rare.png);--tone: #4FA8F5}.r-epic{--frame: url(../ui/skin/frame_epic.png);--tone: #B07CF0}.r-legendary{--frame: url(../ui/skin/frame_legendary.png);--tone: #FFC93C}.r-s{--frame: url(../ui/skin/frame_srank.png);--tone: #FF7A5C}.item-rarity{font-size:11px;color:var(--tone, #B9C7DA);letter-spacing:.02em}.item-stars{display:flex;gap:1px;justify-content:center}.item-stars i{width:15px;height:15px;margin:0 -2px;background:url(../ui/skin/glyph_star.png) center / 230% 230% no-repeat;filter:drop-shadow(0 1px 2px #000C)}.item-stats{display:flex;flex-direction:column;gap:1px;font-size:11px;color:#8ff0ff;font-variant-numeric:tabular-nums}.item-stats i{font-style:normal}.item-level{font-size:11px;opacity:.6}.hero{position:fixed;inset:0;display:none;flex-direction:column;background:linear-gradient(100deg,#0a0d1855,#0a0d1899 34%,#0a0d18f2 62%);gap:16px;padding:calc(clamp(16px,4vh,40px) + var(--safe-t)) calc(clamp(16px,6vw,90px) + var(--safe-r)) calc(clamp(16px,4vh,40px) + var(--safe-b)) calc(clamp(16px,6vw,90px) + var(--safe-l))}.hero.on{display:flex}.hero-body{flex:1;display:grid;gap:20px;min-height:0;grid-template-columns:minmax(220px,1fr) minmax(320px,1.15fr)}.hero-figure{position:relative}.hero-stage{display:none}.hero-slots{position:absolute;inset:0;margin:auto;width:min(100%,470px);height:min(100%,540px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center}.hero-slot{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:#eaf0ff;font:inherit;cursor:pointer;padding:0;transition:transform .1s}.hero-slot:hover{transform:translateY(-2px)}.hero-slot small{font-size:10px;opacity:.55}.hero-slot.picked .item-icon{box-shadow:0 0 0 2px #8ff0ff;border-radius:10px}.s-weapon{grid-area:2 / 1}.s-armor{grid-area:1 / 2}.s-gadget{grid-area:2 / 3}.s-charm{grid-area:1 / 3}.s-boots{grid-area:3 / 2}.hero-bag{position:relative;display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px;border-radius:14px;border:2px solid #1B2E52;background:#0e1424d9}.hero-bag-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.hero-bag-title{font-size:15px;letter-spacing:.04em;opacity:.75}.hero-sort{display:flex;gap:6px}.hero-sort-btn{background:none;border:2px solid #1B2E52;border-radius:8px;color:#eaf0ff;font:inherit;font-size:12px;padding:5px 12px;cursor:pointer;opacity:.6}.hero-sort-btn.on{border-color:#8ff0ff;opacity:1}.hero-grid{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px}.hero-cells{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start}.hero-group{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#8fa3c8}.hero-cell-art{position:relative;display:block}.hero-cell-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.hero-cell-stat{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;color:#8ff0ff;opacity:.85}.slot-badge{position:absolute;left:-4px;bottom:-4px;width:18px;height:18px;border-radius:6px;background:#0b1226e6;border:1px solid #2B3D63;display:grid;place-items:center}.slot-badge svg{width:12px;height:12px;fill:none;stroke:#8fa3c8;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.slot-badge.s-weapon svg{stroke:#ff9e6a}.slot-badge.s-armor svg{stroke:#8ff0ff}.slot-badge.s-boots svg{stroke:#9ce07a}.slot-badge.s-gadget svg{stroke:#c8a6ff}.slot-badge.s-charm svg{stroke:#ffd24b}.hero-group .slot-badge{position:static;width:20px;height:20px}.hero-cell{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;padding:0;cursor:pointer;color:#eaf0ff;font:inherit;transition:transform .1s}.hero-cell:hover{transform:translateY(-2px)}.hero-cell.picked .item-icon{box-shadow:0 0 0 2px #8ff0ff;border-radius:10px}.hero-cell.worn .item-icon:before{content:"";position:absolute;right:-5px;top:-5px;width:19px;height:19px;z-index:1;border-radius:50%;background:#3fbf6a url(../ui/skin/glyph_check.png) center / 74% 74% no-repeat;box-shadow:0 1px 4px #000a}.hero-empty{opacity:.6;font-size:13px}.hero-detail{min-height:0;overflow-y:auto}.hero-detail:empty{display:none}.hero-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #1B2E52;border-radius:12px;background:#141c30}.hero-card-close{position:absolute;right:4px;top:2px;width:28px;height:28px;padding:0;background:none;border:0;color:#8fa3c8;font:inherit;font-size:20px;line-height:1;cursor:pointer}.hero-card-close:hover{color:#eaf0ff}.hero-card-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.hero-card-text b{font-size:14px}.hero-card-text small{font-size:11px;opacity:.55}.hero-card .item-stars{justify-content:flex-start}.hero-act{min-width:0;width:auto;font-size:13px;padding:10px 20px 16px;border-image-source:url(../ui/skin/button_secondary.png)}.hero-card-acts{display:flex;flex-direction:column;gap:4px}.hero-upgrade{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.hero-upgrade-btn{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px 11px;border-radius:8px;border:2px solid #FFD24B66;background:#1a1608;color:#ffd24b;font:inherit;font-size:12px;font-variant-numeric:tabular-nums}.hero-upgrade-btn:hover:not([disabled]){border-color:#ffd24b}.hero-upgrade-btn img{width:15px;height:15px;image-rendering:pixelated}.hero-maxed{font-size:11px;opacity:.5}.hero-scrap{font-size:11px;padding:7px 14px 12px;border-image-source:url(../ui/skin/button_disabled.png)}.menu-hero{border-image-source:url(../ui/skin/button_secondary.png)}.hero-merge{background:none;border:2px solid #FFD24B;border-radius:8px;color:#ffd24b;font:inherit;font-size:12px;padding:5px 14px;cursor:pointer;animation:merge-pulse 1.8s ease-in-out infinite}.hero-merge:hover{background:#ffd24b1a}.hero-salvage{background:none;border:2px solid #1B2E52;border-radius:8px;color:#eaf0ff;font:inherit;font-size:12px;padding:5px 14px;cursor:pointer;opacity:.7}.hero-salvage:hover{border-color:#8ff0ff;opacity:1}@keyframes merge-pulse{0%,to{box-shadow:0 0 #ffd24b00}50%{box-shadow:0 0 10px #ffd24b66}}.hero-cell.ready .item-icon:after{box-shadow:inset 0 0 0 2px #ffd24b99;border-radius:12px}.hero-cell.ready:before{content:"⇪";position:absolute;left:-4px;top:-6px;z-index:2;width:17px;height:17px;border-radius:50%;background:#ffd24b;color:#23180a;font-size:11px;line-height:17px;text-align:center;box-shadow:0 1px 4px #000a}.hero-cell{position:relative}.hero-cell.fresh .item-icon{animation:merge-flash 1.1s ease-out 1}@keyframes merge-flash{0%{transform:scale(.55);filter:brightness(3)}35%{transform:scale(1.16);filter:brightness(2)}to{transform:scale(1);filter:none}}.hero-confirm{position:fixed;inset:0;display:grid;place-items:center;background:#0a0d18cc;border-radius:14px;z-index:3}.hero-confirm[hidden]{display:none}.hero-confirm-box{display:flex;flex-direction:column;gap:10px;padding:18px;max-width:min(360px,88%);text-align:center;border:2px solid #1B2E52;border-radius:12px;background:#141c30}.hero-confirm-box ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:12px;max-height:34vh;overflow-y:auto}.hero-confirm-box small{opacity:.55;font-size:11px}.hero-confirm-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hero-cancel{border-image-source:url(../ui/skin/button_disabled.png)}.hero-bag{position:relative}.hud-prizes{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0 4px}.hud-prize{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-prize .item-icon{width:48px;height:48px;animation:prize-in .45s ease-out both}.hud-prize:nth-child(2) .item-icon{animation-delay:.1s}.hud-prize:nth-child(3) .item-icon{animation-delay:.2s}.hud-prize:nth-child(4) .item-icon{animation-delay:.3s}@keyframes prize-in{0%{transform:scale(.4) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.shop-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px}.shop-section{margin:4px 0 0;font-size:13px;font-weight:600;opacity:.5;letter-spacing:.08em;text-transform:uppercase}.shop-chests{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,260px));justify-content:center}.shop-chest{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 12px 12px;text-align:center;border-radius:12px;border:3px solid #1B2E52;background:#141c30}.shop-chest-icon{width:56px;height:56px;image-rendering:pixelated}.shop-chest b{font-size:14px}.shop-chest small{font-size:11px;line-height:1.35;opacity:.65;flex:1}.shop-chest-count{font-size:11px;color:#8ff0ff}.shop-chest-pay{display:flex;gap:8px;margin-top:4px}.shop-free{margin:-4px 0 10px;padding:8px 12px;border-radius:10px;text-align:center;font-size:13px;font-weight:700;color:#0b1226;background:linear-gradient(90deg,#ffd24b,#ffe89a)}.shop-free[hidden]{display:none}.shop-pay.free{color:#0b1226;background:#ffd24b;border-color:#ffd24b;font-weight:800;padding-inline:18px}.shop-odds{align-self:stretch;display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:#0e1424;border-radius:8px;font-size:10px}.shop-odds-head{opacity:.55;text-transform:uppercase;letter-spacing:.06em}.shop-odds ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}.shop-odds li{display:flex;justify-content:space-between;gap:8px}.shop-odds li i{font-style:normal;font-variant-numeric:tabular-nums;opacity:.8}.shop-odds-rule{color:#ffd24b}.shop-odds [class^=r-]{color:var(--tone)}.shop-pay{display:flex;align-items:center;gap:5px;cursor:pointer;padding:6px 12px;border-radius:8px;border:2px solid #1B2E52;background:#0e1424;color:#eaf0ff;font:inherit;font-size:13px;font-variant-numeric:tabular-nums}.shop-pay:hover:not([disabled]){border-color:#8ff0ff}.shop-pay.keys{color:#9fe8a8}.shop-pay.gems{color:#e08cff}.shop-pay img{width:18px;height:18px;image-rendering:pixelated}.shop-purse .key{color:#9fe8a8}.shop-opened{position:fixed;inset:0;display:grid;place-items:center;background:#0a0d18e6;z-index:5;cursor:pointer}.shop-opened[hidden]{display:none}.shop-opened-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:2px solid #1B2E52;border-radius:14px;background:#141c30;max-width:min(560px,90vw)}.shop-opened-box b{font-size:18px}.shop-opened-box small{opacity:.5;font-size:12px}.shop-opened-items{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.shop-prize{display:flex;flex-direction:column;align-items:center;gap:3px;width:78px}.shop-prize small{font-size:10px;opacity:.7;line-height:1.2;text-align:center}.shop-opened.taking .shop-prize{animation:prize-take .45s ease-in both}.shop-opened.taking .shop-prize:nth-child(2){animation-delay:.05s}.shop-opened.taking .shop-prize:nth-child(3){animation-delay:.1s}.shop-opened.taking .shop-prize:nth-child(4){animation-delay:.15s}.shop-opened.taking .shop-prize:nth-child(5){animation-delay:.2s}.shop-opened.taking .shop-opened-take{opacity:0;pointer-events:none}.shop-opened-done{display:none;font-size:18px;color:#9fe8a8}.shop-opened.taking .shop-opened-done{display:block;animation:prize-in .3s ease-out both}@keyframes prize-take{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(90px) scale(.35);opacity:0}}@media(prefers-reduced-motion:reduce){.shop-opened.taking .shop-prize{animation:prize-fade .3s ease-out both}@keyframes prize-fade{to{opacity:0}}}.shop-prize .item-icon{animation:prize-in .5s ease-out both}.shop-prize:nth-child(2) .item-icon{animation-delay:.12s}.shop-prize:nth-child(3) .item-icon{animation-delay:.24s}.shop-prize:nth-child(4) .item-icon{animation-delay:.36s}.shop-prize:nth-child(5) .item-icon{animation-delay:.48s}.hero-summary{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:12px;background:#0e1424b8;border:2px solid #1B2E52}.hero-summary-head{font-size:11px;opacity:.5;letter-spacing:.06em;text-transform:uppercase}.hero-summary-empty{font-size:12px;opacity:.45}.hero-summary .item-stats{flex-direction:row;flex-wrap:wrap;gap:4px 12px;justify-content:center}.hero-delta,.hero-gain{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:11px;font-variant-numeric:tabular-nums}.hero-delta i,.hero-gain i{font-style:normal}.hero-delta .up,.hero-gain .up{color:#6fe08a}.hero-delta .down,.hero-gain .down{color:#ff7a7a}.hero-cell.upgrade:after{content:"▲";position:absolute;left:-3px;bottom:12px;z-index:2;width:16px;height:16px;border-radius:50%;background:#6fe08a;color:#0b2413;font-size:9px;line-height:16px;text-align:center;box-shadow:0 1px 4px #000a}.hero-cell.upgrade.ready:after{bottom:auto;top:16px}.cards-actions{display:flex;justify-content:center;gap:10px;margin-top:4px}.cards-reroll{display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:auto;cursor:pointer;font:inherit;color:#eaf0ff;padding:8px 22px;border-radius:10px;border:2px solid #1B2E52;background:#141c30;transition:transform .1s,border-color .1s}.cards-reroll:hover:not(:disabled){transform:translateY(-2px);border-color:#8ff0ff}.cards-reroll:disabled{opacity:.5;cursor:default}.cards-reroll span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.cards-reroll small{font-size:10px;opacity:.55;min-height:13px}.cards-reroll[hidden]{display:none}.ad-glyph{display:inline-flex}.ad-glyph svg{width:15px;height:15px}.ad-glyph rect{fill:none;stroke:currentColor;stroke-width:1.6}.ad-glyph path{fill:currentColor}.ad-price{display:inline-flex;align-items:center;gap:4px;font-weight:700}.ad-price img{width:15px;height:15px;image-rendering:pixelated}.cards-buy .ad-price{opacity:.9}.cards.busy .cards-list,.cards.busy .cards-skip{pointer-events:none;opacity:.45}.pause-sound{display:flex;align-items:center;gap:10px}.pause-mute{background:#141c30;border:2px solid #1B2E52;border-radius:8px;color:#eaf0ff;font:inherit;font-size:12px;padding:6px 14px;cursor:pointer;min-width:110px}.pause-mute:hover{border-color:#8ff0ff}.pause-mute.off{opacity:.55}.pause-volume,.pause-music,.pause-zoom{width:150px;accent-color:#8FF0FF;cursor:pointer}.pause-key{font-size:13px;letter-spacing:.06em;opacity:.75;text-transform:uppercase}.menu-top{display:flex;align-items:center;justify-content:flex-end;gap:8px;align-self:stretch;pointer-events:auto}.menu-sound{width:34px;height:34px;padding:0;display:grid;place-items:center;background:#141c30;border:2px solid #1B2E52;border-radius:8px;color:#eaf0ff;cursor:pointer;opacity:.8}.menu-sound:hover{opacity:1}.menu-sound svg{width:20px;height:20px}.menu-sound .menu-sound-off{display:none}.menu-sound.off{color:#7c8aa8}.menu-sound.off .menu-sound-wave{display:none}.menu-sound.off .menu-sound-off{display:block}.lang-switch{display:inline-flex;align-items:center;gap:6px;align-self:end;pointer-events:auto;padding:0 8px 0 7px;height:34px;border:2px solid #1B2E52;border-radius:8px;background:#141c30;color:#eaf0ff}.pause-panel .lang-switch{align-self:center}.lang-globe{width:18px;height:18px;opacity:.8;flex:0 0 auto}.lang-pick{background:transparent;border:0;color:inherit;font:inherit;font-size:13px;font-weight:700;padding:0 2px;cursor:pointer;max-width:96px}.lang-pick:focus-visible{outline:2px solid #8FF0FF;outline-offset:2px}.lang-pick option{background:#141c30;color:#eaf0ff}@media(min-width:720px){.pause-panel{display:grid;width:min(860px,94vw);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start}.pause-head,.pause-stats,.pause-next,.pause-buttons,.pause-hint{grid-column:1 / -1}}@media(max-height:620px){.pause-panel{gap:8px;padding:12px 14px}.pause-panel h2{font-size:24px}.pause-stats span{padding:4px}.pause-block{padding:8px 10px}.pause-hint{display:none}}.terms{position:fixed;inset:0;z-index:20;display:none;place-items:safe center;background:#0a0d18cc;pointer-events:auto;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.terms.on{display:grid}.terms-panel{width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:16px;padding:22px 24px 20px;background:#141c30;border:2px solid #1B2E52;border-radius:16px;box-shadow:0 18px 60px #0009}.terms-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.terms-title{margin:0;font-size:clamp(20px,3vw,28px);letter-spacing:.02em}.terms-head .lang-switch{align-self:center}.terms-body{overflow-y:auto;max-height:48vh;padding:12px 14px;background:#0e1424;border-radius:10px;font-size:14px;line-height:1.5;color:#c9d3ec}.terms-body p{margin:0 0 10px}.terms-body p:last-child{margin-bottom:0}.terms-accept{align-self:center;min-width:200px}.daily{position:fixed;inset:0;z-index:19;display:none;place-items:safe center;background:#0a0d18b3;pointer-events:auto;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.daily.on{display:grid}.daily-panel{position:relative;width:min(720px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 22px 18px;background:#141c30;border:2px solid #1B2E52;border-radius:16px;box-shadow:0 18px 60px #0009;text-align:center}.daily-head{align-self:stretch;display:flex;align-items:baseline;gap:12px}.daily-head h2{margin:0;font-size:clamp(20px,3vw,28px);letter-spacing:.02em}.daily-week{flex:1;text-align:left;font-size:14px;opacity:.7;white-space:nowrap}.daily-close{align-self:center;width:36px;height:36px;border-radius:10px;border:2px solid #1B2E52;background:#0e1424;color:#eaf0ff;font:inherit;font-size:22px;line-height:1;cursor:pointer}.daily-close:hover{border-color:#8ff0ff}.daily-days{list-style:none;margin:0;padding:0;align-self:stretch;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.daily-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 10px;border-radius:12px;background:#0e1424;border:2px solid #1B2E52}.daily-n{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.daily-icon{width:48px;height:48px}.daily-gift{font-size:10px;line-height:1.2;opacity:.8}.daily-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;font-weight:800;font-variant-numeric:tabular-nums}.daily-part{display:inline-flex;align-items:center;gap:3px}.daily-part img{width:16px;height:16px}.daily-part.coins{color:#ffd24b}.daily-part.gems{color:#e08cff}.daily-part.keys{color:#9fe8a8}.daily-day.big{background:#1e2438;border-color:#ffd24b66}.daily-day.current{border-color:#8ff0ff;box-shadow:0 0 16px 2px #8ff0ff44}.daily-day.done{opacity:.5}.daily-day.done.current{opacity:1}.daily-day.done .daily-n:after{content:" ✓";color:#5fd08a;font-weight:800}.daily-hint{margin:0;font-size:15px}.daily-hint[data-status=ready]{color:#8ff0ff}.daily-claim{min-width:200px}.daily-claim[hidden]{display:none}.daily-claim.locked{filter:grayscale(1);opacity:.55}.daily-claim.locked:hover,.daily-claim.locked:active{transform:none}.daily-claim.shake{animation:daily-shake .4s ease}@keyframes daily-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.daily-need{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;max-width:420px;background:#ffd24b1a;border:1px solid rgba(255,210,75,.45)}.daily-need[hidden]{display:none}.daily-need b{font-size:16px;color:#ffd24b}.daily-need p{margin:0;font-size:14px;opacity:.8}.daily-need-go{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.daily-need-go .skin-btn{font-size:clamp(12px,1.5vw,15px);padding:10px 18px 16px;min-width:0;flex:0 1 auto;border-image-width:16px 16px 24px 16px}@media(prefers-reduced-motion:reduce){.daily-claim.shake{animation:none}}.daily-rule{font-size:12px;opacity:.45}.daily-got{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:14px;background:#0a0d18f2;cursor:pointer}.daily-got[hidden]{display:none}.daily-got b{font-size:20px}.daily-got-gift{font-size:14px;color:#ffd24b}.daily-got small{font-size:12px;opacity:.5}.daily-got>.daily-parts{font-size:22px}.daily-got>.daily-parts img{width:26px;height:26px}@media(max-width:620px){.shop{padding:12px 12px 10px;gap:10px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-item{padding:10px 8px 8px;gap:4px}.shop-item img{width:40px;height:40px}.shop-item b{font-size:12px}.shop-item small{font-size:10px;line-height:1.3}.shop-price{font-size:13px}.shop-purse{gap:10px;margin-right:10px;font-size:14px}.shop-purse img{width:18px;height:18px}.shop-owned{padding-top:8px;min-height:38px}.shop-have{width:32px;height:32px}.shop-have img{width:24px;height:24px}.hero{padding:12px 12px 10px;gap:10px}.hero-body{grid-template-columns:1fr;grid-template-rows:minmax(200px,.8fr) 1fr}.hero-figure{display:flex;flex-direction:column;gap:8px}.hero-slots{position:relative;inset:auto;flex:1;width:min(100%,330px);height:auto;margin:0 auto}.hero-summary{position:static}.hero-bag{padding:10px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.hero-card{padding:8px;gap:8px}.hero-card-text b{font-size:13px}.hero-act{padding:8px 14px 14px;font-size:12px}.cards-reroll{padding:6px 16px}.cards-reroll span{font-size:12px}.daily-panel{padding:16px 14px 14px;gap:10px}.daily-head{flex-wrap:wrap;row-gap:2px}.daily-head h2{flex:1;font-size:20px;text-align:left}.daily-week{order:3;flex-basis:100%}.daily-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.daily-day.big{grid-column:span 2}.daily-icon{width:40px;height:40px}}.tutorial{position:fixed;left:50%;top:max(96px,12vh);z-index:15;width:min(500px,calc(100vw - 24px));translate:-50% 0;pointer-events:none;opacity:0;transform:translateY(-14px) scale(.98);visibility:hidden;transition:opacity .28s ease,transform .34s cubic-bezier(.2,.9,.3,1.25),visibility 0s linear .34s}.tutorial.on{opacity:1;transform:none;visibility:visible;transition:opacity .28s ease,transform .34s cubic-bezier(.2,.9,.3,1.25),visibility 0s}.tutorial.over-cards{top:12px}.tutorial.at-menu{top:auto;bottom:20px;left:16px;translate:0 0;width:min(460px,calc(100vw - 32px))}.tut-panel{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;background:linear-gradient(180deg,#172444f2,#0e1528f2);border:2px solid #2A4A7F;border-radius:16px;box-shadow:0 12px 32px #000a,inset 0 1px #ffffff14,0 0 22px #8ff0ff1f}.tut-art{flex:0 0 76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:12px;border:1px solid #1B2E52;background:radial-gradient(circle at 50% 48%,#8ff0ff2e,#0000 68%),#0b1226}.tut-img{width:62px;height:62px;object-fit:contain}.tut-body{flex:1;min-width:0}.tut-title{display:block;font-size:17px;font-weight:800;letter-spacing:.02em;color:#8ff0ff;text-shadow:0 2px 0 #0B1226}.tut-text{margin:3px 0 9px;font-size:14px;line-height:1.38;color:#dce6ff}.tut-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.tut-dots{display:flex;gap:6px}.tut-dots[hidden]{display:none}.tut-dots i{width:8px;height:8px;border-radius:50%;background:#243556;transition:background .3s,transform .3s,box-shadow .3s}.tut-dots i.done{background:#4fa3b8}.tut-dots i.now{background:#8ff0ff;box-shadow:0 0 8px #8ff0ff;transform:scale(1.3)}.tut-skip{pointer-events:auto;margin-left:auto;padding:4px 2px;border:0;background:none;color:#8fa3c8;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;white-space:nowrap}.tut-skip:hover{color:#dce6ff}.tut-ok{pointer-events:auto;margin-left:auto;flex:0 0 auto;padding:7px 18px;border:0;border-radius:9px;background:#8ff0ff;color:#0b1226;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 3px #3a8fa3}.tut-ok:active{translate:0 2px;box-shadow:0 1px #3a8fa3}.tut-skip[hidden],.tut-ok[hidden]{display:none}@media(max-width:560px){.tut-dots{display:none}}.tutorial[data-step=boss] .tut-panel{border-color:#c8404f;box-shadow:0 12px 32px #000a,inset 0 1px #ffffff14,0 0 24px #ff5a6a33}.tutorial[data-step=boss] .tut-title{color:#ff8a96}.tutorial[data-step=boss] .tut-art{background:radial-gradient(circle at 50% 48%,#ff5a6a33,#0000 68%),#0b1226}.tutorial[data-step=bonus] .tut-panel{border-color:#b8942f}.tutorial[data-step=bonus] .tut-title{color:#ffd24b}.tutorial[data-step=bonus] .tut-art{background:radial-gradient(circle at 50% 48%,#ffd24b33,#0000 68%),#0b1226}.tut-keys{display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:20px 20px;gap:3px}.tut-keys kbd{display:grid;place-items:center;font:800 11px/1 system-ui,sans-serif;color:#0b1226;background:#c9d6f2;border-radius:4px;box-shadow:0 3px #6d7fa6;animation:tut-key 2.4s infinite}.tut-keys .k-w{grid-column:2;grid-row:1}.tut-keys .k-a{grid-column:1;grid-row:2;animation-delay:.6s}.tut-keys .k-s{grid-column:2;grid-row:2;animation-delay:1.2s}.tut-keys .k-d{grid-column:3;grid-row:2;animation-delay:1.8s}@keyframes tut-key{0%,18%{background:#8ff0ff;translate:0 2px;box-shadow:0 1px #3a8fa3,0 0 10px #8ff0ff}26%,to{background:#c9d6f2;translate:0 0;box-shadow:0 3px #6d7fa6}}.tut-stick{position:relative;width:56px;height:56px;border-radius:50%;border:3px solid #8FF0FF88;background:#8ff0ff14}.tut-stick i{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border-radius:50%;background:#8ff0ff;box-shadow:0 0 10px #8ff0ff;animation:tut-stick 2.6s ease-in-out infinite}@keyframes tut-stick{0%,to{translate:0 0}25%{translate:12px -8px}50%{translate:-10px -10px}75%{translate:-7px 11px}}.tut-fire{position:relative;width:70px;height:70px;display:grid;place-items:center}.tut-fire .tut-img{width:50px;height:50px}.tut-fire i{position:absolute;top:46%;left:62%;width:12px;height:3px;border-radius:2px;background:#8ff0ff;box-shadow:0 0 6px #8ff0ff;opacity:0;animation:tut-bolt 1.2s linear infinite}.tut-fire i:nth-of-type(2){animation-delay:.4s}.tut-fire i:nth-of-type(3){animation-delay:.8s}@keyframes tut-bolt{0%{translate:0 0;opacity:1}to{translate:26px 0;opacity:0}}.tut-bob{animation:tut-bob 1.8s ease-in-out infinite;filter:drop-shadow(0 0 10px #8FF0FF66)}@keyframes tut-bob{50%{translate:0 -5px}}.tut-cards{position:relative;width:64px;height:64px}.tut-cards i{position:absolute;left:50%;top:50%;width:26px;height:36px;margin:-18px 0 0 -13px;border-radius:5px;background:#22335a;border:2px solid #5A7BB5;box-shadow:0 2px 6px #0008}.tut-cards i:nth-of-type(1){rotate:-16deg;translate:-15px 3px}.tut-cards i:nth-of-type(3){rotate:16deg;translate:15px 3px}.tut-cards i:nth-of-type(2){z-index:1;border-color:#8ff0ff;background:#2a4a7f;animation:tut-pick 1.6s ease-in-out infinite}.tut-cards i:nth-of-type(2):after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font:900 18px/1 system-ui,sans-serif;color:#8ff0ff}@keyframes tut-pick{50%{translate:0 -6px;box-shadow:0 0 14px #8ff0ff}}.tut-boss{position:relative;display:grid;place-items:center;width:70px;height:70px}.tut-boss:before{content:"";position:absolute;inset:4px;border-radius:50%;border:2px solid #FF5A6A;animation:tut-pulse 1.2s ease-out infinite}@keyframes tut-pulse{0%{scale:.7;opacity:1}to{scale:1.2;opacity:0}}.menu .tut-focus{animation:tut-focus 1.6s ease-in-out infinite}@keyframes tut-focus{0%,to{box-shadow:0 0 #8ff0ff00}50%{box-shadow:0 0 0 4px #8ff0ffaa,0 0 26px #8ff0ff88}}@media(max-width:520px){.tut-panel{gap:10px;padding:10px 12px 10px 10px}.tut-art{flex-basis:60px;height:60px}.tut-img{width:50px;height:50px}.tut-title{font-size:15px}.tut-text{font-size:13px}}@media(prefers-reduced-motion:reduce){.tutorial{transition:opacity .2s,visibility 0s linear .2s;transform:none}.tutorial.on{transition:opacity .2s,visibility 0s}.tut-keys kbd,.tut-stick i,.tut-fire i,.tut-bob,.tut-cards i,.tut-boss:before,.menu .tut-focus{animation:none}.tut-fire i{opacity:1}.menu .tut-focus{box-shadow:0 0 0 4px #8ff0ffaa}}.pause-debug{margin-left:auto;padding:5px 12px;border-radius:8px;border:1px solid #C8404F;background:#3a1520;color:#ff8a96;font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.pause-debug:hover{background:#4a1a28}.pause-debug[hidden]{display:none}.dbg{position:fixed;inset:0;z-index:12;display:none;place-items:safe center;background:#0a0d18b0;padding:16px}.dbg.on{display:grid}.dbg-panel{display:flex;flex-direction:column;gap:10px;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 32px);padding:16px 18px;background:linear-gradient(180deg,#172444f5,#0e1528f5);border:2px solid #C8404F;border-radius:16px;box-shadow:0 16px 40px #000b;color:#eaf0ff}.dbg-head{display:flex;align-items:center;justify-content:space-between}.dbg-head h2{margin:0;font-size:22px;letter-spacing:.04em;color:#ff8a96}.dbg-close{width:34px;height:34px;border-radius:9px;border:1px solid #2A4A7F;background:#0b1226;color:#dce6ff;font-size:20px;cursor:pointer}.dbg-tabs{display:flex;gap:6px;flex-wrap:wrap}.dbg-tab{padding:7px 14px;border-radius:9px;border:1px solid #2A4A7F;background:#0b1226;color:#9fb4d8;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.dbg-tab.on{background:#2a4a7f;color:#eaf0ff;border-color:#8ff0ff}.dbg-body{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px;min-height:0}.dbg-sub{margin-top:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.dbg-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#0b122699}.dbg-row img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.dbg-label{flex:1;min-width:0;font-size:14px}.dbg-ctl{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dbg-btn,.dbg-toggle{min-width:44px;padding:6px 11px;border-radius:8px;border:1px solid #2A4A7F;background:#16223f;color:#dce6ff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.dbg-btn:hover,.dbg-toggle:hover{border-color:#8ff0ff}.dbg-toggle{color:#8fa0c8}.dbg-toggle.on{background:#1f5a4a;border-color:#6fe08a;color:#dfffe8}.dbg-step{display:inline-flex;align-items:center;gap:4px}.dbg-step .dbg-btn{min-width:32px;padding:6px 0}.dbg-step b{min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.dbg-step b.dbg-changed{color:#ffd24b}.dbg-hint{opacity:.45;font-size:11px;text-align:center}.dbg-overlay{position:fixed;right:12px;top:44px;z-index:11;display:none;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:#0b1226d0;border:1px solid #C8404F;pointer-events:none;font:12px/1.35 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#dce6ff}.dbg-overlay.on{display:flex}.dbg-overlay span{display:flex;justify-content:space-between;gap:14px}.dbg-overlay i{font-style:normal;opacity:.55}.dbg-overlay em{font-style:normal;margin-top:6px;color:#ff8a96;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.board{position:fixed;inset:0;z-index:19;display:none;place-items:safe center;background:#0a0d18b3;pointer-events:auto;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.board.on{display:grid}.board-panel{width:min(420px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:12px;padding:20px 22px 18px;background:#141c30;border:2px solid #1B2E52;border-radius:16px;box-shadow:0 18px 60px #0009}.board-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-head h2{margin:0;font-size:clamp(18px,2.6vw,24px);letter-spacing:.02em}.board-close{width:36px;height:36px;border-radius:10px;border:2px solid #1B2E52;background:#0e1424;color:#eaf0ff;font:inherit;font-size:22px;line-height:1;cursor:pointer}.board-close:hover{border-color:#8ff0ff}.board-list{overflow-y:auto;display:flex;flex-direction:column;gap:4px}.board-note{margin:8px 0;text-align:center;opacity:.7;font-size:14px}.board-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:#0e1424;font-size:14px}.board-row.me{background:#1e2438;border:1px solid #8FF0FF66}.board-rank{color:#ffd24b;font-variant-numeric:tabular-nums;text-align:right}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{color:#8ff0ff;font-weight:800;font-variant-numeric:tabular-nums}.menu-board-icon{width:84px;height:84px}.menu-social{width:34px;height:34px;padding:0;display:grid;place-items:center;background:#141c30;border:2px solid #1B2E52;border-radius:8px;color:#eaf0ff;cursor:pointer;opacity:.8}.menu-social:hover{opacity:1;color:#ffd24b}.menu-social svg{width:20px;height:20px}.menu-social[hidden]{display:none}.hud-share{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:7px 14px;background:#141c30;border:2px solid #1B2E52;border-radius:10px;color:#eaf0ff;font:inherit;font-size:14px;cursor:pointer;pointer-events:auto}.hud-share:hover{border-color:#8ff0ff;color:#8ff0ff}.hud-share svg{width:18px;height:18px}.hud-share[hidden],.menu-board[hidden]{display:none}@media(max-height:800px){.menu h1{font-size:clamp(26px,6vh,56px)}.menu-panel{gap:12px}.menu-panel .skin-btn{padding:12px 34px 18px;font-size:clamp(14px,2.4vh,20px)}.menu-tile img,.menu-board-icon{width:64px;height:64px}}@media(max-height:620px){.menu h1{font-size:clamp(22px,7vh,44px)}.menu-panel{gap:8px}.menu-panel .skin-btn{padding:10px 30px 16px;font-size:clamp(13px,2.6vh,18px)}.menu-tile{font-size:11px;padding:4px 10px 6px}.menu-tile img,.menu-board-icon{width:46px;height:46px}.menu-best{font-size:11px}.menu-hint{display:none}}@media(max-height:480px){.menu h1{font-size:clamp(20px,6.5vh,34px)}.menu-panel{gap:6px}.menu-tile img,.menu-board-icon{width:40px;height:40px}}@media(max-height:430px){.menu h1{font-size:clamp(17px,5.4vh,26px);margin:0}.menu-panel{gap:4px}.menu-panel .skin-btn{padding:7px 24px 12px;font-size:clamp(12px,3vh,15px)}.menu-campaign,.menu-endless{min-width:180px}.menu-tiles{gap:8px}.menu-tile{font-size:10px;padding:2px 8px 4px}.menu-tile img,.menu-board-icon{width:30px;height:30px}.menu-best{font-size:10px}.menu-sound,.menu-social{width:28px;height:28px}.menu-sound svg,.menu-social svg{width:16px;height:16px}.lang-switch{height:28px;padding:0 6px}.lang-pick{font-size:11px;max-width:84px}}@media(max-width:560px){.lang-pick{font-size:11px;max-width:88px}.terms-head{flex-wrap:wrap}.terms-title{min-width:0}}@media(orientation:portrait),(max-width:620px){.menu{justify-content:center;padding:var(--safe-t) calc(18px + var(--safe-r)) var(--safe-b) calc(18px + var(--safe-l))}.menu-panel{align-items:center;text-align:center}.menu-panel .skin-btn,.menu-panel .lang-switch,.menu-panel .menu-tiles{align-self:center}}@media(max-height:460px)and (min-aspect-ratio:1/1){.hero-figure{display:flex;flex-direction:column;gap:6px}.hero-slots{position:static;width:auto;height:auto;display:flex;justify-content:center;align-items:flex-start;gap:10px}.hero-stage{display:block;flex:1;min-height:0}.s-weapon,.s-armor,.s-gadget,.s-charm,.s-boots{grid-area:auto}.hero-slot small{display:none}.hero-slots .item-icon{width:40px;height:40px}.hero-summary{position:static;margin-top:auto;padding:5px 10px;gap:2px}.hero-summary-head{font-size:9px}.hero-summary .item-stats{font-size:10px;gap:2px 8px}}@media(max-height:620px){.hero-detail{position:absolute;inset:0;z-index:2;padding:12px;border-radius:14px;background:#0e1424f5}.hero-detail .hero-card{height:100%;align-items:flex-start;overflow-y:auto}.hero-detail .hero-card-acts{margin-top:24px}}
