:root{color-scheme:dark;--ink:#131a32;--paper:#e8efd4;--mint:#b9e174;--orange:#ffad61;--purple:#8d8eb5;font:15px Nunito,system-ui,"Noto Sans",sans-serif;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;font-weight:900;min-height:44px;border:2px solid #3e456b;border-radius:8px;background:#283052;color:var(--paper);padding:8px 11px}button{cursor:pointer;touch-action:manipulation;box-shadow:0 3px #080e23}button:disabled{opacity:.42;cursor:default}button:active{transform:translateY(2px)}button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.primary{background:var(--mint);color:var(--ink);border-color:#759342}[hidden]{display:none!important}#app{max-width:1180px;margin:auto;padding:10px 14px max(85px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid #444d71;background:#202746;border-radius:11px}header a{font-size:25px;text-decoration:none;color:var(--mint)}header div{flex:1;min-width:0}header strong{font-size:19px;line-height:1.1;display:block}header small{display:block;font-size:11px;line-height:1.4}header button{font-size:12px;padding:6px;min-width:44px}.hud{display:flex;justify-content:space-between;gap:8px;padding:8px 3px;font-size:12px;font-weight:900}.hud #cash{color:var(--orange)}#savehint{opacity:.55}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}.left,.right{min-width:0}.arena{background:#222c47;border:2px solid #66756d;border-radius:12px;overflow:hidden;position:relative}#world{display:block;width:100%;aspect-ratio:12/5;image-rendering:pixelated}.teamnames{position:absolute;top:9px;left:15px;right:15px;display:flex;justify-content:space-between;font-size:11px;font-weight:900}.teamnames span:last-child{color:var(--orange)}#callout{position:absolute;top:38px;left:12%;right:12%;pointer-events:none;color:var(--orange);font-size:16px;font-weight:900;text-align:center;text-shadow:2px 2px var(--ink);opacity:0}#callout.visible{opacity:1}h2{font-size:14px;margin:12px 0 7px}.formation h2{margin-top:10px}#party{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.party-slot{display:flex;align-items:center;justify-content:center;gap:2px;min-height:94px;min-width:0;flex-direction:column;padding:5px;border-style:dashed;font-size:11px;overflow-wrap:anywhere}.party-slot .sprite{margin:-2px 0}.party-slot.filled{border-style:solid;border-color:#90b860}.party-slot small{font-size:10px;max-width:100%;line-height:1.1}.sprite{display:block;width:64px;height:64px;flex-shrink:0;background-image:url('assets/creatures.webp');background-size:320px 256px;image-rendering:pixelated;background-repeat:no-repeat}#inspector{margin-top:12px;padding:12px;border:1px solid #515c7d;border-radius:9px;min-height:150px;background:#202844}#selectedname{color:var(--mint);font-weight:900}#selectedstats{font-size:11px;margin:6px 0}#selectedtrait{font-size:12px;line-height:1.35;margin:6px 0}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{font-size:12px;flex:1;min-width:80px}.right>h2{margin-top:0}#bench{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.bench-cell{height:100px;min-width:0;display:flex;flex-direction:column;align-items:center;padding:2px;position:relative;touch-action:none;font-size:10px}.bench-cell small{font-size:9px;line-height:1.05;max-width:100%;overflow-wrap:anywhere}.bench-cell .badge{position:absolute;top:4px;right:4px;font-size:10px;color:var(--orange)}.bench-cell.selected{outline:3px solid var(--orange);outline-offset:1px;background:#484259}.bench-cell.mergeable{border-color:var(--mint);box-shadow:0 3px #6d9039}.bench-cell.empty{color:#65718c}.bench-cell .sprite{pointer-events:none}.bench-cell .sprite.empty-art{background:none}.bench-cell small,.badge{pointer-events:none}#tip{font-size:11px;line-height:1.3;color:var(--mint);margin:9px 0;min-height:29px}#shop{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#shop button{font-size:10px;padding:4px;display:flex;flex-direction:column;align-items:center;min-width:0;overflow-wrap:anywhere}#shop .sprite{width:40px;height:40px;background-size:200px 160px}details{font-size:11px;line-height:1.35;margin:12px 0}summary{cursor:pointer}#reset{font-size:11px;width:100%}footer{position:fixed;z-index:3;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:7px;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#121930ed;border-top:1px solid #576487}footer button{font-size:12px}footer .primary{min-width:180px}dialog{border:2px solid #82987e;border-radius:12px;background:#202745;color:var(--paper);width:min(95vw,540px);max-height:94dvh;overflow:auto;padding:20px;box-shadow:0 20px 70px #050817df}dialog::backdrop{background:#080d22c9;backdrop-filter:blur(3px)}dialog h1,dialog h2{font-size:25px;margin:0 0 12px;line-height:1.1}dialog p,dialog li{font-size:13px;line-height:1.45}dialog>button,.menucontent>button{display:block;width:100%;margin:8px 0}#menu{padding:0}.cover{height:190px;background:#314365 url('cover.webp') center/cover}.menucontent{padding:20px}.settings{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.settings button{font-size:11px}.settings select{max-width:160px}.settings [aria-pressed=false]{opacity:.5}#records{font-size:12px;color:var(--orange)}#cupgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}#cupgrid button{min-height:80px}#cupgrid small{display:block;color:var(--orange);font-size:12px}.creature-card{display:flex;gap:12px;padding:12px;border:1px solid #556985;border-radius:9px;margin:9px 0;background:#293656}.creature-card>div{min-width:0;flex:1}.creature-card h3{margin:0;font-size:15px;color:var(--mint)}.creature-card p{font-size:12px;margin:5px 0}.branch{width:100%;text-align:left}.branch .sprite{width:80px;height:80px;background-size:400px 320px}#album{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#album figure{margin:0;min-width:0;border:1px solid #596b82;padding:6px;border-radius:8px;background:#283650}#album .sprite{margin:auto}#album figcaption{font-size:10px;text-align:center;overflow-wrap:anywhere}#album figure.unknown{opacity:.3}#resultscore{font-size:24px;color:var(--orange);font-weight:900}#resultnote{font-size:13px}.drag-ghost{position:fixed;pointer-events:none;z-index:15;transform:translate(-50%,-65%);opacity:.85;filter:drop-shadow(0 6px 5px #0009)}
@media(max-width:700px){#app{padding:8px 10px 90px}header{padding:6px;gap:7px}header strong{font-size:15px}header small{font-size:10px}header button{font-size:10px}.hud{font-size:11px}.layout{display:flex;flex-direction:column;gap:13px}#world{min-height:166px;aspect-ratio:12/5}.right>h2{margin-top:0}.formation h2{font-size:12px}.party-slot{min-height:86px;padding:4px}.party-slot .sprite{width:56px;height:56px;background-size:280px 224px}#inspector{padding:9px;min-height:100px;margin-top:9px}#selectedtrait{font-size:11px}.actions button{font-size:11px;min-width:70px;padding:6px}#bench{gap:6px}.bench-cell{height:93px}.bench-cell .sprite{width:56px;height:56px;background-size:280px 224px}#shop button{font-size:9px}footer{gap:5px;padding:9px 8px max(9px,env(safe-area-inset-bottom))}footer button{font-size:10px;padding:6px}footer .primary{min-width:120px;flex:1;max-width:260px}.cover{height:155px}.menucontent{padding:17px}dialog h1,dialog h2{font-size:23px}#album{grid-template-columns:repeat(3,1fr)}}
@media(max-height:460px) and (min-width:701px){#app{padding-bottom:74px}#world{aspect-ratio:16/6}.cover{height:95px}.menucontent{padding:14px}#inspector{min-height:100px}}
@media(prefers-reduced-motion:reduce){button:active{transform:none}dialog::backdrop{backdrop-filter:none}}

header{position:sticky;top:max(6px,env(safe-area-inset-top));z-index:4}#world{scroll-margin-top:96px}@media(max-height:460px) and (max-width:700px){#world{min-height:130px;max-height:180px;aspect-ratio:3.5}.cover{height:95px}.menucontent{padding:14px}}

.bench-cell.merge-flash{border-color:#ffe79b;box-shadow:0 0 18px #b9e1767a}.bench-cell.merge-flash::after{content:'✦';position:absolute;top:8px;left:8px;color:#ffe79b;font-size:20px;pointer-events:none}