:root{--bg-top: #8a7ce0;--bg: #7d6fd0;--bg-deep: #6455bb;--panel: #6b5cb8;--panel-lo: #56479f;--pill: #332b63;--pill-hi: #423a76;--common: #d8c3a2;--common-hi: #e8d7bc;--common-br: #b99f78;--rare: #6aabe8;--rare-hi: #8fc4f2;--rare-br: #4a86c4;--epic: #c96fd8;--epic-hi: #dd93e8;--epic-br: #a44db2;--legendary: #f2b33d;--legendary-hi: #ffd66e;--legendary-br: #c9861c;--gold: #f5c14e;--gold-hi: #ffd977;--gold-lo: #e0a02c;--gold-br: #c47f14;--green: #77c94e;--green-hi: #96de6f;--green-lo: #57a832;--green-br: #3f8a28;--red: #e8534a;--red-br: #b8362e;--ink: #2b2a52;--cream: #f5e2c4;--cream-hi: #fbeeda;--cream-br: #d9b98a;--text: #ffffff;--muted: #d6cef5;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none}body{margin:0;font-family:Nunito,Arial Rounded MT Bold,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;color:var(--text);min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.1) 0 3px,transparent 4px),radial-gradient(circle at 78% 26%,rgba(255,255,255,.08) 0 5px,transparent 6px),radial-gradient(circle at 32% 62%,rgba(255,255,255,.07) 0 4px,transparent 5px),radial-gradient(circle at 86% 74%,rgba(255,255,255,.09) 0 3px,transparent 4px),radial-gradient(circle at 55% 88%,rgba(255,255,255,.06) 0 5px,transparent 6px),linear-gradient(180deg,var(--bg-top),var(--bg) 45%,var(--bg-deep));background-attachment:fixed}.shell{max-width:480px;margin:0 auto;padding:0 10px 110px}.muted{color:var(--muted);font-weight:700;font-size:.82rem}.center{text-align:center}button{font-family:inherit;cursor:pointer;border:none;color:inherit}.out{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.currencybar{position:sticky;top:0;z-index:20;display:flex;gap:5px;align-items:center;padding:9px 0 7px;background:linear-gradient(180deg,var(--bg-top) 68%,transparent)}.cur-tile{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:row-reverse;background:linear-gradient(180deg,var(--pill-hi),var(--pill));border-radius:999px;padding:5px 7px;font-size:.8rem;font-weight:900;color:#fff;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff1f}.cur-tile:active{transform:scale(.95)}.cur-icon{flex-shrink:0;display:grid;place-items:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.ok{background:#6dff8f;box-shadow:0 0 7px #6dff8f}.dot.bad{background:#ff6d5c}.ribbon-wrap{display:flex;justify-content:center;margin:12px 0 10px}.ribbon{background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));color:#fff;font-weight:900;font-size:.92rem;letter-spacing:.02em;padding:7px 30px;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);text-shadow:0 2px 0 rgba(150,86,0,.55);box-shadow:0 3px #00000029}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;row-gap:16px}.ucard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 3px 14px;border-radius:12px;min-height:104px;width:100%;border:3px solid var(--common-br);background:linear-gradient(180deg,var(--common-hi),var(--common));box-shadow:0 3px #3c260a4d;overflow:visible}.ucard:active{transform:scale(.94)}.ucard.r-Rare{border-color:var(--rare-br);background:linear-gradient(180deg,var(--rare-hi),var(--rare))}.ucard.r-Epic{border-color:var(--epic-br);background:linear-gradient(180deg,var(--epic-hi),var(--epic))}.ucard.r-Legendary{border-color:var(--legendary-br);background:repeating-conic-gradient(from 0deg at 50% 45%,rgba(255,255,255,.22) 0deg 9deg,transparent 9deg 18deg),linear-gradient(180deg,var(--legendary-hi),var(--legendary))}.ucard.r-Epic:before,.ucard.r-Legendary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;pointer-events:none;background:radial-gradient(circle at 18% 22%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 80% 30%,#fff 0 2px,transparent 2.5px),radial-gradient(circle at 30% 74%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 72% 66%,#fff 0 1.5px,transparent 2px);opacity:.75}.ucard.locked{filter:grayscale(.9) brightness(.72)}.ucard.selected{outline:3px solid #fff;outline-offset:1px}.ucard-art{font-size:1.8rem;line-height:1}.ucard-img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(40,25,0,.35))}.ucard-img.big{width:70px;height:70px}.ucard-art.big{font-size:2.6rem}.ucard-name{font-weight:900;font-size:.68rem;color:#fff;margin-top:2px;text-shadow:0 1px 0 var(--ink),0 -1px 0 var(--ink),1px 0 0 var(--ink),-1px 0 0 var(--ink)}.ucard-locked-label{font-size:.55rem;color:#fff;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ucard-mastery{position:absolute;top:-9px;right:-6px;width:25px;height:25px;display:grid;place-items:center;font-size:.62rem;font-weight:900;color:#16305e;z-index:3;background:linear-gradient(180deg,#bfe0ff,#6fb5f0);clip-path:polygon(50% 0%,62% 34%,98% 35%,69% 57%,80% 91%,50% 70%,20% 91%,31% 57%,2% 35%,38% 34%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.ucard-check{position:absolute;top:-8px;left:-6px;z-index:3;width:21px;height:21px;border-radius:6px;background:linear-gradient(180deg,#86e26f,var(--green-lo));border:2px solid #fff;color:#fff;font-weight:900;font-size:.7rem;display:grid;place-items:center;box-shadow:0 1px 2px #00000059}.ucard-progress{position:absolute;bottom:-9px;left:-2px;right:-2px;display:flex;align-items:center;height:19px;z-index:2}.lvl-hex{z-index:2;width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;font-size:.68rem;font-weight:900;color:#fff;background:linear-gradient(180deg,#ffd166,var(--gold-lo));clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);text-shadow:0 1px 1px rgba(120,70,0,.8);filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.ucard-progress .bar{position:relative;flex:1;height:13px;margin-left:-7px;border-radius:0 7px 7px 0;overflow:hidden;background:#262454;border:2px solid #1b1940;border-left:none}.ucard-progress .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#f0bd52,var(--gold-lo))}.ucard-progress .segs{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(0,0,0,.45) 13px 15px)}.ucard-progress.ready .fill,.ucard-progress.ready .lvl-hex{background:linear-gradient(180deg,#8fe86f,var(--green-lo))}.loadout-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 10px 18px;border-radius:14px;background:linear-gradient(180deg,#f6dca6,#e2b563);border:3px solid #c1913f;box-shadow:inset 0 2px #fff6}.empty-slot{display:grid;place-items:center;min-height:104px;text-align:center;font-size:.72rem;padding:6px;line-height:1.2;border:3px dashed #c1913f;border-radius:12px;background:#ffffff2e;color:#9c7429;font-size:1.4rem;box-shadow:none}.btn{font-weight:900;font-size:.95rem;color:#fff;padding:12px 20px;border-radius:12px;text-shadow:0 2px 0 rgba(0,0,0,.3);clip-path:polygon(4% 0,96% 0,100% 26%,100% 74%,96% 100%,4% 100%,0 74%,0 26%)}.btn:active{transform:translateY(2px)}.btn.gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));box-shadow:0 4px 0 var(--gold-br);text-shadow:0 2px 0 rgba(150,86,0,.6)}.btn.green{background:linear-gradient(180deg,#92dd6b,var(--green-lo));box-shadow:0 4px 0 var(--green-br);text-shadow:0 2px 0 rgba(30,90,10,.55)}.btn.plain{background:linear-gradient(180deg,#fff,#e6dffb);color:#4a3d8f;box-shadow:0 4px #b0a2e6;text-shadow:none}.wide{width:100%}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#181238b8;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,var(--cream-hi),var(--cream));border:4px solid var(--cream-br);border-bottom:none;border-radius:20px 20px 0 0;color:#4a3524;padding:16px 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:11px;animation:rise .18s ease-out}@keyframes rise{0%{transform:translateY(36px);opacity:.4}}.sheet h2{margin:0;color:var(--ink);font-size:1.05rem}.sheet .muted{color:#8a7358}.sheet-hero{display:flex;gap:10px;align-items:flex-start}.name-plate{background:var(--ink);color:#fff;font-weight:900;font-size:1.05rem;padding:5px 12px;border-radius:9px;display:inline-block}.rarity-chip{display:inline-block;padding:3px 10px;border-radius:7px;font-size:.72rem;font-weight:900;color:#fff}.rarity-chip.r-Common{background:#a08c6b}.rarity-chip.r-Rare{background:#6a83d8}.rarity-chip.r-Epic{background:#b258c4}.rarity-chip.r-Legendary{background:#e8a92a}.tag-pill{display:inline-flex;align-items:center;gap:5px;background:var(--ink);color:#fff;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:999px}.flavor{background:var(--ink);color:#fff;font-size:.76rem;font-weight:700;padding:7px 10px;border-radius:9px;line-height:1.3}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat-cell{display:flex;align-items:center;gap:8px;background:var(--cream-hi);border:2px solid #e3cfa8;border-radius:10px;padding:7px 9px}.stat-cell .ico{font-size:1.05rem}.stat-cell .lab{font-size:.64rem;font-weight:900;color:#8a7358;text-transform:none}.stat-cell .val{font-size:.84rem;font-weight:900;color:#3c2f1d}.range-pips{display:flex;gap:3px}.range-pips i{width:9px;height:9px;border-radius:50%;background:#cbbda4;display:block}.range-pips i.on{background:var(--gold-lo)}.level-row{display:flex;align-items:center;gap:0;margin-top:2px}.level-row .bar{position:relative;flex:1;height:20px;margin-left:-8px;background:#3a3568;border:2px solid #262454;border-radius:0 10px 10px 0;overflow:hidden}.level-row .bar .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#f0bd52,var(--gold-lo))}.level-row .bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.72rem;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.round{width:50px;height:50px;border-radius:50%;font-size:1.5rem;font-weight:900;background:linear-gradient(180deg,#fff,#e6dffb);color:#4a3d8f;box-shadow:0 4px #b0a2e6}.round:active{transform:translateY(2px);box-shadow:0 2px #b0a2e6}.stepper{display:flex;align-items:center;justify-content:space-between;gap:10px}.stepper-value{display:flex;flex-direction:column;align-items:center;gap:1px}.stepper-value strong{font-size:1.4rem;color:var(--ink)}.chip-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.chip-label{font-size:.72rem;color:#8a7358;font-weight:900}.chip{background:#fff;color:#4a3d8f;border-radius:999px;padding:7px 13px;font-weight:900;font-size:.82rem;box-shadow:0 3px #b0a2e6}.chip:active{transform:translateY(2px);box-shadow:0 1px #b0a2e6}.chip.plus{background:linear-gradient(180deg,#92dd6b,var(--green-lo));color:#fff;box-shadow:0 3px 0 var(--green-br)}.chip.minus{background:linear-gradient(180deg,#ff9b86,#e35f4c);color:#fff;box-shadow:0 3px #b03a2c}.chip.sel,.chip.done{background:linear-gradient(180deg,#9a86ff,#6a55e0);color:#fff;box-shadow:0 3px #4a37ad}.big-value{font-size:1.9rem;font-weight:900;text-align:center;color:var(--ink)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:30;display:flex;align-items:flex-end;gap:3px;padding:0 8px calc(4px + env(safe-area-inset-bottom))}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;background:linear-gradient(180deg,#b9abee,#9d8ee0);color:#3f3480;font-size:.58rem;font-weight:900;padding:8px 0 10px;border-radius:14px 14px 0 0;border-top:2px solid #cabff5;transform:translateY(5px)}.tabbar button.active{background:linear-gradient(180deg,#ddd3fb,#c3b6f5);transform:translateY(-2px);padding-top:11px;box-shadow:0 -3px 10px #1e125047}.tabbar button span:last-child{display:none}.tabbar button.active span:last-child{display:block}.tab-icon{display:grid;place-items:center;height:30px;filter:drop-shadow(0 1px 1px rgba(30,20,70,.35))}.action-cards,.advice-cards{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.action-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:linear-gradient(180deg,var(--cream-hi),var(--cream));border:3px solid var(--cream-br);color:#4a3524;box-shadow:0 3px #3c260a47}.action-body{flex:1;display:flex;flex-direction:column;gap:1px;font-size:.84rem}.action-card .muted{color:#8a7358}.go{background:linear-gradient(180deg,#92dd6b,var(--green-lo));color:#fff;border-radius:11px;padding:9px 14px;font-weight:900;font-size:.82rem;box-shadow:0 4px 0 var(--green-br);text-shadow:0 1px 0 rgba(30,90,10,.5)}.go:active{transform:translateY(2px);box-shadow:0 2px 0 var(--green-br)}.advice-card{display:flex;flex-direction:column;gap:3px;padding:11px;border-radius:13px;background:linear-gradient(180deg,var(--panel),var(--panel-lo));border:2px solid #4a3d94;font-size:.86rem}.score-row{display:flex;justify-content:space-between;align-items:center;font-weight:900;margin:5px 0;font-size:.9rem}.army-row{display:flex;gap:5px;flex-wrap:wrap;min-height:30px}.army-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:9px;background:linear-gradient(180deg,var(--cream-hi),var(--cream));color:#4a3524;border:2px solid var(--cream-br);font-weight:900;font-size:.74rem}.up-tag{font-style:normal;color:var(--green-lo);margin-left:3px}.timer{position:relative;height:22px;border-radius:999px;overflow:hidden;background:#332b63;margin:9px 0;border:3px solid #b9a9e8}.timer-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#92dd6b,var(--green-lo));transition:width 1s linear}.timer.danger .timer-fill{background:linear-gradient(180deg,#ff9b86,#e35f4c)}.timer-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:900;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.65)}.offer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 14px}.offer-row .ucard{min-height:118px}.result{background:linear-gradient(180deg,var(--panel),var(--panel-lo));border:2px solid #4a3d94;border-radius:12px;padding:10px;font-size:.84rem}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battlefield{display:flex;flex-direction:column;gap:8px}.bf-zone{border-radius:13px;padding:9px;background:#ffffff17;border:2px dashed rgba(255,255,255,.34)}.bf-zone.front{background:#e8534a33}.bf-zone.back{background:#5dade233}.bf-label{font-size:.76rem;font-weight:900}.bf-units{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0}.bf-unit{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:10px;background:linear-gradient(180deg,var(--cream-hi),var(--cream));color:#4a3524;border:2px solid var(--cream-br);font-weight:900;font-size:.76rem}.enemy-chips{display:flex;gap:6px;flex-wrap:wrap}.enemy-chips .chip{font-size:.72rem;padding:6px 10px}.tiny{font-size:.7rem;margin:2px 0}code{background:var(--pill);padding:2px 6px;border-radius:5px;font-size:.82rem}.big-code{display:block;font-size:1.05rem;background:var(--pill);border-radius:8px;padding:8px;text-align:center}.spell-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spell-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 14px;border-radius:12px;min-height:96px;background:linear-gradient(180deg,var(--common-hi),var(--common));border:3px solid var(--common-br);color:#4a3524;box-shadow:0 3px #3c260a4d}.spell-card.r-Rare{border-color:var(--rare-br);background:linear-gradient(180deg,var(--rare-hi),var(--rare))}.spell-card.r-Epic{border-color:var(--epic-br);background:linear-gradient(180deg,var(--epic-hi),var(--epic))}.spell-card.locked{filter:grayscale(.9) brightness(.72)}.spell-name{font-weight:900;font-size:.66rem;color:#fff;text-align:center;text-shadow:0 1px 0 var(--ink),0 -1px 0 var(--ink),1px 0 0 var(--ink),-1px 0 0 var(--ink)}.energy-pips{display:flex;gap:2px;margin-top:2px}.energy-pips i{width:12px;height:12px;font-size:0;background-image:none;display:grid;place-items:center;font-size:.55rem;background:linear-gradient(180deg,#fff6c0,#f0c33a);border:1.5px solid #b98a12;border-radius:50%;font-style:normal}.advice-flash{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:10px;max-width:460px;width:calc(100% - 20px);background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));color:#4a2f00;border:3px solid var(--gold-br);border-radius:14px;padding:10px 14px;cursor:pointer;box-shadow:0 6px 18px #140a3c80;animation:flash-in .22s ease-out}@keyframes flash-in{0%{transform:translate(-50%,-56px)}}.advice-flash .advice-slot{background:#4a2f00;color:var(--gold-hi);font-weight:900;border-radius:9px;padding:7px 11px;font-size:1rem}.pocket-row{display:flex;align-items:center;gap:10px;margin:4px 0 8px}.pocket-btn{padding:8px 14px;font-size:.8rem;width:auto}.spell-card{padding-top:12px}.spell-stat{font-size:.55rem;font-weight:800;color:#fff;opacity:.95;text-align:center;text-shadow:0 1px 0 var(--ink),0 -1px 0 var(--ink),1px 0 0 var(--ink),-1px 0 0 var(--ink)}.spell-lvl{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:24px;height:24px;display:grid;place-items:center;font-size:.68rem;font-weight:900;color:#fff;background:linear-gradient(180deg,#ffd166,var(--gold-lo));clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);text-shadow:0 1px 1px rgba(120,70,0,.8);filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.offer-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.offer-pick{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 3px;border-radius:12px;background:linear-gradient(180deg,var(--cream-hi),var(--cream));border:3px solid var(--cream-br);box-shadow:0 3px #3c260a47}.offer-pick .ucard-name{color:#fff}.offer-pick-btns{display:flex;gap:4px;margin-top:2px}.offer-pick-btns .chip{padding:4px 7px;font-size:.62rem;box-shadow:0 2px #b0a2e6}.verdict{margin:12px 0;padding:12px;border-radius:16px;background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));border:3px solid var(--gold-br);color:#4a2f00;box-shadow:0 4px #78460059}.verdict-head{font-size:.7rem;font-weight:900;letter-spacing:.12em;opacity:.8}.verdict-card{font-size:1.35rem;font-weight:900;margin:2px 0 4px;text-shadow:0 2px 0 rgba(255,255,255,.35)}.verdict .muted{color:#6b4d1d}.verdict-spell{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:.78rem;background:#4a2f0024}.verdict-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px}.verdict-actions .btn{padding:9px;font-size:.8rem}.offer-pick.armed{outline:3px solid #fff;outline-offset:2px}.count-pad{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:8px 0;padding:8px;border-radius:12px;background:#ffffff1a}.count-pad .chip{padding:6px 10px;font-size:.78rem}.lvl-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin-bottom:5px;border-radius:10px;background:linear-gradient(180deg,var(--panel),var(--panel-lo));font-size:.85rem}.lvl-ctl{display:flex;align-items:center;gap:8px}.lvl-ctl .chip{padding:4px 11px}