:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f0edd5;background:#12251f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#3d5440,#12251f 75%);min-height:100vh}main{max-width:1180px;margin:auto;padding:0 22px 30px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #65815b}a{color:#dceaa1}button{font:inherit;font-weight:750;border:2px solid #96ad6e;border-radius:10px;padding:12px 18px;background:#344b31;color:#f7f0c9;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){background:#50693f}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffd268;outline-offset:4px}[hidden]{display:none!important}#story{max-width:730px;margin:50px auto;text-align:center}h1{font:900 clamp(50px,8vw,90px)/1 Georgia,serif;margin:20px 0 30px;text-shadow:0 5px #17251c}h1 span{color:#b1d872}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#c8db93;font-weight:800}p{line-height:1.7}#chapters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}#loading,.hint{font-size:12px;color:#c1caae}.army-top{display:flex;justify-content:space-between;gap:10px;margin:20px 0 12px}.army-top strong{color:#ffdc85;font-size:23px}#army{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#army button{padding:10px}#army img{width:62px;height:68px;object-fit:contain;display:block;margin:0 auto 5px}#army span{display:block;font-size:12px;margin-top:4px}#army [aria-pressed=true]{background:#634070;border-color:#d6afe1;box-shadow:0 3px #342039}#selection{min-height:28px;color:#dddcb4}.arena{border:5px solid #799457;border-radius:14px;overflow:hidden;background:#536039}canvas{display:block;width:100%;height:auto;touch-action:manipulation}#lanes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}#lanes [aria-pressed=true]{border-color:#ffdc85;background:#5b6138}#notice{color:#ffdc85}dialog{background:#edf0d8;color:#203821;border:4px solid #9eb474;border-radius:18px;width:min(530px,calc(100% - 28px));padding:28px}dialog::backdrop{background:#071b17d9}#resultActions{display:flex;gap:12px;flex-wrap:wrap}dialog button{background:#344b31;color:#fff6ce}@media(max-width:600px){main{padding:0 10px 20px}header{font-size:13px;padding:15px 0}#story{margin:30px auto}#army{gap:5px}#army button{font-size:11px;padding:8px 3px}#army img{width:46px;height:54px}#lanes{gap:4px}#lanes button{padding:10px 2px;font-size:11px}.army-top{font-size:12px}.army-top strong{font-size:18px}}
:host{display:block;color-scheme:dark;font-family:system-ui,sans-serif;color:#f0edd5;background:radial-gradient(ellipse at top,#3d5440,#12251f 75%);min-height:100svh}