:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e8edf5;background:#0a101c;color-scheme:dark;--line:#ffffff15;--muted:#8797ad;--gold:#edc477;--cyan:#6dc8ba}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{font:inherit}button{border:1px solid var(--line);border-radius:7px;background:#1a2538e8;color:inherit;cursor:pointer;padding:10px 15px;transition:background .15s,transform .15s,border-color .15s}button:hover{background:#2c3e58;border-color:#7d9bb666;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.4;cursor:default;transform:none}button.primary{background:var(--gold);color:#18202e;font-weight:650}button.active{border-color:var(--gold);color:var(--gold)}[hidden]{display:none!important}header{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b1220db;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;color:var(--gold);text-decoration:none;font-family:Georgia,serif;font-size:30px}.brand span{font:600 11px Segoe UI,sans-serif;letter-spacing:2px;color:#d3ddea}nav,.row{display:flex;gap:8px;align-items:center}nav button{background:transparent}#stats{font-variant-numeric:tabular-nums;color:#a8b9ca;display:flex;gap:22px}#stats b{color:var(--gold)}#world,#unit-labels{position:fixed;inset:72px 0 0;width:100%;height:calc(100% - 72px)}#unit-labels{pointer-events:none;overflow:hidden}#world{touch-action:none}.screen{position:relative;z-index:1;margin:9vh 7vw;max-height:calc(100vh - 120px);overflow:auto;max-width:1050px}#home{max-width:430px}h1{font:normal clamp(32px,4vw,55px) Georgia,serif;letter-spacing:-1px;margin:17px 0 24px}h2{font-weight:500;margin:6px 0;font-size:21px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--cyan)}p,small{color:var(--muted)}small{font-size:11px}#home-actions{display:grid;gap:12px;margin:26px 0}#home-actions>button{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:20px;padding:21px}#home-actions>button span{font-size:11px;font-weight:400}#home-actions .row button{flex:1}#creator-list{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:12px;margin:24px 0}.creator{min-height:170px;text-align:left;padding:18px;display:flex;flex-direction:column;gap:12px}.creator strong{font:23px Georgia,serif;color:var(--gold)}.creator small{line-height:1.5}.creator .number{font-size:11px;color:var(--cyan)}.matchbar{position:fixed;top:88px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.matchbar>div{pointer-events:auto}#ap{font:27px Georgia,serif;color:var(--gold);min-width:100px;text-align:right}#speeds button{font-size:11px;padding:7px 12px}#quests{position:fixed;left:26px;top:156px;display:flex;gap:18px;font-size:11px;color:var(--muted);max-width:70vw}.quest{max-width:220px}.quest.done{color:var(--cyan)}.quest progress{width:100%;height:4px;display:block;margin-top:5px;accent-color:var(--gold)}.board-caption{position:fixed;top:29%;font-size:10px;letter-spacing:2px;color:#7e9fb4;pointer-events:none}.board-caption span{display:block;color:#5b7185;font-size:8px;margin-top:6px;letter-spacing:1px}.player-caption{left:16%}.enemy-caption{right:16%;text-align:right}footer{position:fixed;bottom:12px;left:26px;right:26px;background:#0c1424df;border:1px solid var(--line);border-radius:10px;padding:10px 14px;backdrop-filter:blur(10px)}.bench-head,.shop-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px}.bench-head button{font-size:10px;padding:4px 9px}.shop-head{margin:9px 0 7px}.shop-head button{font-size:11px;letter-spacing:0;padding:8px 13px}#bench-list{display:flex;gap:6px;min-height:32px;margin-top:5px;overflow-x:auto}#bench-list button{font-size:10px;white-space:nowrap;padding:6px 10px;border-left:3px solid var(--tier)}#bench-list .selected{background:#3b4050;border-color:var(--gold)}#shop{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.card{text-align:left;border-top:3px solid var(--tier);padding:9px 12px;min-width:0;position:relative}.card strong{font-size:13px;font-weight:600;display:block;margin-bottom:5px}.card .cost{position:absolute;right:10px;top:8px;color:var(--gold)}.card small{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.unit-label{position:absolute;transform:translate(-50%,-50%);text-align:center;min-width:86px;font-size:10px;pointer-events:auto;cursor:pointer;padding:4px 8px;border-radius:5px;background:#0b1422d9;border:1px solid #ffffff16;user-select:none}.unit-label.enemy{border-color:#b567663a}.unit-label.selected{border-color:var(--gold);box-shadow:0 0 18px #edc4773a}.unit-label strong{font-size:11px;display:block;margin-bottom:3px;font-weight:600}.unit-label span{color:#d8c7a2;font-variant-numeric:tabular-nums}.unit-label.dead{opacity:.25}.unit-label progress{display:block;width:100%;height:3px;accent-color:var(--cyan);margin-top:4px}.unit-label.enemy progress{accent-color:#d18a88}#combat-caption{position:fixed;left:25%;right:25%;bottom:230px;text-align:center;font-size:12px;color:var(--gold);pointer-events:none}#toast{position:fixed;z-index:20;left:50%;transform:translateX(-50%);bottom:245px;max-width:80%;background:#25354fee;border:1px solid #8599b24a;border-radius:7px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}dialog{width:min(880px,90vw);max-height:85vh;border:1px solid #53698355;border-radius:12px;background:#101b2bed;color:inherit;padding:22px;backdrop-filter:blur(18px)}dialog::backdrop{background:#040a15b0;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-heading button{font-size:23px;padding:2px 10px}.settings-row{display:flex;gap:30px;align-items:center;justify-content:space-between;margin:22px 0}.settings-row input{accent-color:var(--gold)}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.collection .card{background:#1b293b;border-radius:7px}.collection small{white-space:normal}.record{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7}.standings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.standings button{text-align:left;font-size:12px}.standings small{display:block;margin-top:8px}
@media(max-width:900px){header{height:56px;padding:0 14px}.brand span{display:none}#stats{font-size:11px;gap:10px}nav button{font-size:11px;padding:7px}#world,#unit-labels{top:56px;height:calc(100% - 56px)}.screen{margin:5vh 5vw}#creator-list{grid-template-columns:repeat(3,1fr)}.creator{min-height:130px;padding:12px}.creator strong{font-size:19px}.matchbar{top:68px;left:14px;right:14px}.matchbar h2{font-size:16px}#speeds button{padding:6px;font-size:9px}#ap{font-size:21px;min-width:60px}#quests{top:118px;left:14px;font-size:9px;max-width:80vw}.board-caption{font-size:8px;top:32%}footer{left:10px;right:10px;bottom:7px;padding:7px 9px}.card{padding:6px;min-height:62px}.card strong{font-size:10px;max-width:75%}.card small{font-size:8px}.card .cost{font-size:10px;right:6px;top:5px}.shop-head{margin:5px 0}.shop-head button{font-size:9px;padding:6px}.bench-head{font-size:9px}#bench-list{min-height:26px}#bench-list button{font-size:9px}#shop{gap:5px}.unit-label{min-width:65px;font-size:8px;padding:3px 5px}.unit-label strong{font-size:9px}.unit-label progress{margin-top:2px}#combat-caption{bottom:203px;font-size:10px}.standings{grid-template-columns:repeat(2,1fr)}}
@media(max-height:560px){header{height:42px}#world,#unit-labels{top:42px;height:calc(100% - 42px)}.matchbar{top:48px}.matchbar h2{font-size:13px}#quests{top:86px}.board-caption{top:28%}footer{padding:5px 8px}.bench-head button{padding:2px 7px}#bench-list{min-height:23px;margin-top:3px}#bench-list button{padding:4px 8px}.card{min-height:49px;padding:4px 6px}.card strong{margin-bottom:1px}.card small:last-child{display:none}.shop-head button{padding:4px 8px}.shop-head{margin:3px 0}#combat-caption{bottom:157px}.screen{margin-top:3vh;max-height:calc(100vh - 70px)}h1{font-size:30px;margin:10px 0}#home-actions{margin:15px 0;gap:8px}#home-actions>button{padding:12px;font-size:17px}.creator{min-height:120px}#creator-list{margin:12px 0;grid-template-columns:repeat(5,1fr)}.creator small{font-size:10px}.creator strong{font-size:18px}}
@media(max-width:560px) and (min-height:561px){#quests{display:none}.matchbar{flex-wrap:wrap}.board-caption{top:27%}.collection{grid-template-columns:repeat(2,1fr)}#creator-list{grid-template-columns:repeat(2,1fr)}#shop{gap:3px}.card strong{font-size:9px}.card small{font-size:8px}.card small:last-child{display:none}#stats{gap:8px}.brand{font-size:23px}nav{gap:2px}.unit-label{min-width:47px;font-size:7px;padding:2px}.unit-label strong{font-size:8px}.board-caption span{display:none}#speeds button{padding:5px}.shop-head{letter-spacing:1px}.shop-head button{padding:6px;font-size:9px}}