:root{--bg: #0f1a13;--bg2: #15241a;--card: #1b2d21;--card2: #22382a;--line: #2f4c38;--text: #e9f5ea;--muted: #9ab8a1;--green: #5fcf6e;--green2: #3fa452;--gold: #f4cf5a;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}img.portrait,.deco,canvas{image-rendering:pixelated;image-rendering:crisp-edges}a{color:var(--green)}.screen{position:relative;min-height:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 120%,rgba(63,164,82,.28),transparent 60%),linear-gradient(180deg,#0c1510 0%,var(--bg) 55%,#12261a 100%)}.btn{font:inherit;font-weight:700;font-size:1.05rem;color:var(--text);background:var(--card2);border:2px solid var(--line);border-radius:12px;padding:.8rem 1.2rem;cursor:pointer;transition:transform .08s,background .15s,border-color .15s;min-height:48px}.btn:hover{border-color:var(--green2);background:#284332}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn.primary{background:linear-gradient(180deg,#5fcf6e,#369a49);border-color:#7be38a;color:#0b1a0f}.btn.primary:hover{background:linear-gradient(180deg,#74dc82,#3fae53)}.btn.big{font-size:1.35rem;padding:1rem 1.2rem;letter-spacing:.04em}.btn.ghost{background:transparent}.btn.small{font-size:.9rem;padding:.5rem .9rem;min-height:40px}.topbar{position:sticky;top:0;z-index:3;width:100%;display:flex;justify-content:center;gap:.6rem;padding:max(.6rem,env(safe-area-inset-top)) .8rem .6rem;background:linear-gradient(180deg,rgba(12,21,16,.95),rgba(12,21,16,.6) 80%,transparent)}.counter{display:flex;align-items:center;gap:.4rem;background:#1b2d21e6;border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-size:.9rem}.counter .ico{color:var(--gold)}.counter .lbl{color:var(--muted)}.counter b{font-variant-numeric:tabular-nums}.menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.menu-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:repeating-linear-gradient(90deg,rgba(95,207,110,.12) 0 3px,transparent 3px 11px),linear-gradient(180deg,transparent,rgba(53,120,62,.35));-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}.deco{position:absolute;width:80px;height:80px;opacity:.14;border-radius:16px;filter:saturate(.8)}.deco.d0{left:4%;top:14%;transform:rotate(-8deg)}.deco.d1{right:5%;top:18%;transform:rotate(7deg)}.deco.d2{left:8%;bottom:22%;transform:rotate(5deg)}.deco.d3{right:9%;bottom:26%;transform:rotate(-6deg)}.deco.d4{left:40%;top:6%;width:56px;height:56px}.deco.d5{right:30%;bottom:8%;width:56px;height:56px}.deco.d6{left:22%;top:46%;width:48px;height:48px}.deco.d7{right:20%;top:50%;width:48px;height:48px}.menu{position:relative;z-index:1;width:100%;max-width:420px;padding:1rem 1.2rem;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.logo{margin:.4rem 0 0;font-size:clamp(2.4rem,12vw,3.6rem);line-height:.95;font-weight:900;letter-spacing:.02em;text-align:center;color:var(--gold);text-shadow:0 3px 0 #8a5a12,0 6px 18px rgba(0,0,0,.6)}.logo span{display:block;color:var(--green);text-shadow:0 3px 0 #1d5a28,0 6px 18px rgba(0,0,0,.6)}.tagline{color:var(--muted);margin:.6rem 0 1rem}.partner{display:flex;align-items:center;gap:.6rem;width:100%;background:#1b2d21d9;border:1px solid var(--line);border-radius:var(--radius);padding:.4rem .9rem .4rem .4rem;margin-bottom:1rem}.partner.empty{justify-content:center;padding:.9rem;color:var(--muted)}.partner small{display:block;color:var(--muted);font-size:.8rem}.partner b{font-size:1.2rem}.partner-cv{width:72px;height:72px;flex:none;display:block}.menu-btns{display:flex;flex-direction:column;gap:.6rem;width:100%}.menu-btns .btn.small{align-self:center;margin-top:.4rem}.foot{position:relative;z-index:1;text-align:center;font-size:.75rem;color:var(--muted);padding:.8rem 1rem max(.9rem,env(safe-area-inset-bottom));line-height:1.5}.chips{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.2rem}.chip{display:inline-block;font-size:.75rem;font-weight:700;padding:.12rem .55rem;border-radius:999px;background:var(--tc);color:#0c120e;text-shadow:0 1px 0 rgba(255,255,255,.25)}.chip.small{font-size:.7rem}.select,.wip{width:100%;max-width:1040px;padding:.4rem 1rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.title{margin:.4rem 0 0;font-size:1.7rem;text-align:center;color:var(--gold)}.sub{margin:0;color:var(--muted);text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;width:100%}@media (max-width: 760px){.cards{grid-template-columns:1fr}}.card{font:inherit;color:inherit;text-align:left;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 22%,var(--card)) 0%,var(--card) 45%);border:2px solid color-mix(in srgb,var(--tc) 45%,var(--line));border-radius:var(--radius);padding:.9rem;cursor:pointer;transition:transform .1s,border-color .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);border-color:var(--tc);box-shadow:0 8px 24px #0006}.card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.card-head{display:flex;align-items:baseline;gap:.5rem;width:100%}.card-head .num{color:var(--muted);font-variant-numeric:tabular-nums}.card-head .name{font-size:1.3rem;font-weight:800}.portrait.big{width:120px;height:120px;border-radius:14px;border:2px solid rgba(255,255,255,.12);background:#00000040}@media (max-width: 760px){.card{display:grid;grid-template-columns:96px 1fr;align-items:start;column-gap:.8rem}.card .card-head{grid-column:1 / -1}.card .portrait.big{width:96px;height:96px;grid-row:span 2}.card .passive,.card .move{grid-column:1 / -1}}.passive{width:100%;background:#00000038;border-radius:10px;padding:.55rem .7rem}.passive .ptitle{font-size:.85rem;color:var(--muted)}.passive .ptitle b{color:var(--text)}.passive p{margin:.3rem 0 0;font-size:.85rem;line-height:1.4}.move{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.9rem}.move .mlabel{color:var(--muted);font-size:.8rem;width:100%}.move .mstat{color:var(--muted);font-size:.8rem}.wip{max-width:420px;flex:1;justify-content:center}.wip .btn{width:100%}.panel{width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem}.panel p{margin:.2rem 0}.muted{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#040a06b8;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade .15s ease-out}.modal{width:100%;max-width:360px;background:var(--card);border:2px solid var(--green2);border-radius:18px;padding:1.3rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;box-shadow:0 20px 60px #0009;animation:pop .18s ease-out}.modal h3{margin:0;text-align:center;font-size:1.25rem}.modal-btns{display:flex;gap:.6rem;width:100%}.modal-btns .btn{flex:1}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.92);opacity:0}}.prep{width:100%;max-width:480px;padding:.4rem 1rem 2rem;display:flex;flex-direction:column;gap:.8rem;margin:auto 0}.prep .btn{width:100%}.partner-panel{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:.2rem .9rem;text-align:left}.partner-panel .portrait.big{width:96px;height:96px}.partner-panel .pinfo{display:flex;flex-direction:column;gap:.1rem}.partner-panel .pinfo b{font-size:1.3rem}.partner-panel .btn{grid-column:1 / -1;width:100%;margin-top:.4rem}.group{display:flex;flex-direction:column;gap:.45rem}.group h3{margin:0;font-size:.95rem;color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.opts{display:flex;flex-direction:column;gap:.4rem}.opts.two{flex-direction:row}.opts.two .opt{flex:1}.opt{font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:.6rem .8rem;min-height:48px}.opt b{font-size:1.05rem}.opt .muted{font-size:.78rem}.opt:hover{border-color:var(--green2)}.opt.on{border-color:var(--green);background:#244031;box-shadow:inset 0 0 0 1px #5fcf6e59}.opt:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.run-screen{overflow:hidden}.run-ov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;align-items:center;justify-content:center;padding:1rem;background:#040a06bd}.run-ov.on{display:flex}.ov-card{width:100%;max-width:360px;background:var(--card);border:2px solid var(--green2);border-radius:18px;padding:1.3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.7rem;box-shadow:0 20px 60px #0009;animation:pop .18s ease-out}.ov-card h3{margin:0;font-size:1.5rem;color:var(--gold)}.ov-card p{margin:0;font-size:.85rem}.ov-card .btn{width:100%}.ov-card.lose{border-color:#a04040}.ov-card.lose h3{color:#ff9b9b}.ov-btns{display:flex;gap:.6rem;width:100%}.ov-btns .btn{flex:1}.ov-card .stats{display:flex;gap:.5rem;width:100%;margin:.2rem 0}.ov-card .stats>div{flex:1;background:#00000040;border-radius:10px;padding:.45rem .2rem}.ov-card dt{font-size:.72rem;color:var(--muted)}.ov-card dd{margin:.1rem 0 0;font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.ov-card .tiny{font-size:.75rem}.ov-card h4{margin:0 0 .35rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.run-ov{overflow:hidden}.ov-card.wide{max-width:940px;max-height:100%;overflow-y:auto;gap:.55rem}.ov-card.wide h3{font-size:1.3rem}.ov-card .hint{color:var(--muted);font-size:.85rem}.ov-card .hint b{color:var(--gold)}.ov-card .stats.six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}@media (max-width: 520px){.ov-card .stats.six{grid-template-columns:repeat(2,minmax(0,1fr))}}.ov-card .stats.six>div{padding:.4rem .3rem}.ov-card .stats.six dd{font-size:1rem}.choice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:100%}.choice-cards.n4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 760px){.choice-cards,.choice-cards.n4{grid-template-columns:1fr;gap:.45rem}.choice-card{display:flex;grid-template-columns:none}.choice-card .chip{align-self:flex-start}}.choice-card{--rc: var(--line);align-items:flex-start;gap:.22rem;text-align:left;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 20%,var(--card)) 0%,var(--card) 55%);border-color:color-mix(in srgb,var(--rc) 55%,var(--line));padding:.6rem .7rem}.choice-card:hover{border-color:var(--rc)}.choice-card .crar{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rc)}.choice-card .cname{font-size:1.02rem;line-height:1.2}.choice-card .csub{font-size:.75rem;color:var(--muted)}.choice-card .cdesc{font-size:.78rem;line-height:1.35;color:#cfe8d2}.choice-card .cpic{width:56px;height:56px;align-self:center;image-rendering:pixelated;border-radius:10px;background:#00000040}.choice-card.evo{border-width:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 34%,var(--card)) 0%,var(--card) 60%);box-shadow:0 0 0 1px #f4cf5a59,0 6px 22px #f39c1240}.choice-card.evo .cname{color:var(--gold)}.ov-card.banishing .choice-card{border-color:#b4524b}.ov-card.banishing .choice-card:hover{background:#3a2220}.use-btns{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;width:100%}.use-btns .btn{width:auto;flex:1 1 auto;min-width:7.5rem}.use-btns .btn[disabled]{opacity:.42;cursor:not-allowed}.inv{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;width:100%;padding-top:.35rem;border-top:1px solid var(--line)}.inv-lbl{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:.2rem}.inv-item{--rc: var(--line);font-size:.72rem;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--rc);background:#00000038}.inv-item b{margin-left:.25rem;color:var(--gold)}.inv-item.vit{border-style:dashed}.inv-empty{font-size:.72rem;color:var(--muted)}.pause-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:.6rem;width:100%;text-align:left}@media (max-width: 760px){.pause-cols{grid-template-columns:1fr}}.pause-cols section{background:#00000038;border-radius:10px;padding:.5rem .6rem}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.1rem .6rem}@media (max-width: 760px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.srow{display:flex;justify-content:space-between;gap:.3rem;font-size:.74rem}.srow span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow b{font-variant-numeric:tabular-nums}.dmg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.22rem}.dmg-list li{display:grid;grid-template-columns:1fr 3.2rem;align-items:center;gap:.3rem;font-size:.74rem}.dmg-list .dname{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmg-list .dbar{grid-column:1 / -1;height:5px;background:#00000059;border-radius:3px;overflow:hidden}.dmg-list .dbar i{display:block;height:100%}.dmg-list b{grid-column:2;grid-row:1;text-align:right;font-variant-numeric:tabular-nums}.polvo{width:100%;background:#00000040;border-radius:12px;padding:.55rem .7rem;text-align:left}.ptotal{display:flex;justify-content:space-between;align-items:baseline}.ptotal span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.ptotal b{font-size:1.5rem;color:var(--gold);font-variant-numeric:tabular-nums}.pbreak{list-style:none;margin:.3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .8rem}@media (max-width: 400px){.pbreak{grid-template-columns:1fr}}.pbreak li{display:flex;justify-content:space-between;font-size:.78rem}.pbreak li span{color:var(--muted)}.pbreak li b{font-variant-numeric:tabular-nums}.pbreak li.pmul{grid-column:1 / -1;border-top:1px dashed var(--line);margin-top:.15rem;padding-top:.15rem}.polvo .tiny{margin-top:.25rem}.ov-card.win{border-color:var(--green)}@media (max-width: 480px){.ov-card.wide .ov-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}.ov-card.wide .ov-btns .btn{font-size:.92rem;padding:.7rem .4rem;white-space:nowrap}}@media (prefers-reduced-motion: reduce){.ov-card,.modal,.modal-backdrop{animation:none}.card,.btn,.opt{transition:none}}.scene-screen{overflow:hidden}canvas.scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.scene-ui{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:max(.6rem,env(safe-area-inset-top)) .7rem .6rem;background:linear-gradient(180deg,rgba(10,18,12,.75),transparent);pointer-events:none}.scene-ui .btn{pointer-events:auto}.scene-info{font-size:.85rem;font-weight:700;background:#0a120ca6;border-radius:999px;padding:.3rem .7rem}
