@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0e1412;--panel:#161e1a;--line:#2b3730;--muted:#98aa9f;--text:#e9f0e9;--green:#c0f581;--orange:#e6b77c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif}h1,h2,h3,.brand,.number{font-family:'Space Grotesk',sans-serif}h1{font-size:32px;margin:8px 0}h2{font-size:25px;margin:10px 0}h3{margin:12px 0}p{color:var(--muted);line-height:1.65}a{color:var(--green);text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:248px;background:#111a15;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;font-size:25px;color:var(--text);font-weight:700}.brand>span>small{display:block;font:10px 'DM Sans';letter-spacing:2px;color:var(--muted);margin-top:6px}.accent{color:var(--green)}nav{display:grid;gap:8px;margin-top:56px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:9px;padding:11px 16px;background:var(--green);color:#172411;font-weight:600}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#1d2921;border-color:var(--line);color:var(--text)}nav button{background:none;color:var(--muted);text-align:left;padding:13px 16px;font-weight:500}nav button.active{color:var(--green);background:#263422}.side-bottom{margin-top:auto;font-size:12px}.side-bottom p{font-size:12px}.status-dot{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:6px}main{margin-left:248px;padding:30px 44px;max-width:1600px}header,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}small{font-size:10px;letter-spacing:1.6px;color:var(--muted)}#notice{padding:12px 16px;background:#1b281d;border:1px solid #344630;color:#c7dcb8;border-radius:10px;margin:22px 0;white-space:pre-wrap}.view{display:none}.view.active{display:block}.hero{position:relative;padding:30px;background:radial-gradient(ellipse at 90% 0%,#3c5130,transparent 60%),#18241a;border:1px solid #3a4e30;border-radius:16px;margin-bottom:22px;overflow:hidden}.hero h2{font-size:36px;max-width:600px;line-height:1.15}.hero p{max-width:630px}.hero small{color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric,.panel,.strategy,.team-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px}.metric .number{display:block;font-size:32px;margin:14px 0 3px}.metric span:last-child{color:var(--muted);font-size:12px}.two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.panel{margin-bottom:20px}.panel h3{margin-top:0}.pill{display:inline-block;border:1px solid #405334;border-radius:30px;color:var(--green);padding:5px 9px;font-size:11px;margin-right:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.strategy{display:flex;flex-direction:column;gap:10px}.strategy p{font-size:12px;margin:0}.sprites{display:flex;flex-wrap:wrap}.sprites img{width:45px;height:45px;object-fit:contain}.actions{display:flex;gap:9px;flex-wrap:wrap}.section-head{margin:26px 0 20px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.team-card h3{display:flex;align-items:center;gap:12px}.team-card h3 img{width:50px;height:50px;object-fit:contain}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;color:var(--muted);font-size:12px}input,select,textarea{display:block;margin-top:6px;width:100%;background:#0f1712;color:var(--text);border:1px solid #354139;border-radius:7px;padding:9px}input:focus,select:focus,textarea:focus{outline:1px solid var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}.stats-grid input{padding:7px;width:100%}table{width:100%;border-collapse:collapse}td,th{padding:13px 8px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:400}.table-wrap{overflow:auto}.chart{width:100%;height:210px}.chart text{fill:var(--muted);font:12px sans-serif}.empty{text-align:center;padding:44px 18px;color:var(--muted)}.arena-config{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.arena-config label:first-child{flex:2;min-width:240px}.arena-config label{flex:1;min-width:100px}.battlefield{display:grid;grid-template-columns:1fr 1fr;gap:20px}.combatant{background:#1e2a20;border-radius:9px;padding:14px;margin:12px 0}.combatant img{width:64px;height:64px;object-fit:contain;float:left;margin-right:12px}.hp{height:6px;background:#354139;border-radius:8px;margin:12px 0;overflow:hidden}.hp div{height:100%;background:var(--green)}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;color:var(--muted);max-height:340px;overflow:auto}.preview-grid{display:flex;gap:10px;flex-wrap:wrap}.preview-grid button{background:#233325;color:var(--text);min-width:100px}.preview-grid button.selected{border-color:var(--green);color:var(--green)}.prose{max-width:900px}.prose p{max-width:760px}footer{font-size:11px;color:#6d8172;margin-top:40px;padding:20px 0;border-top:1px solid var(--line)}@media(max-width:1000px){aside{width:190px;padding:25px 12px}.brand{font-size:20px}main{margin-left:190px;padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;overflow:auto;margin-top:18px;gap:3px}nav button{white-space:nowrap;padding:10px}.side-bottom{display:none}main{margin:0;padding:18px}h1{font-size:26px}.hero h2{font-size:29px}.team-grid,.battlefield{grid-template-columns:1fr}.metric{padding:16px}.section-head{align-items:start;flex-direction:column}header small{font-size:8px}.stats-grid{gap:3px}.stats-grid input{padding:5px}}