@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--bg: #081018;--panel: #111d2a;--panel-soft: #0f1924;--panel-deep: #0b1520;--accent: #a8d279;--accent-2: #7ec9ff;--danger: #ff8a8a;--text: #d8e5f0;--muted: #97abc0;--line: #2b4359;--line-soft: rgba(151, 171, 192, .32);--grid: rgba(153, 196, 110, .07);--max-width: 1120px}*{box-sizing:border-box}body{margin:0;padding:20px 0;font-family:Space Mono,Segoe UI,monospace;background:radial-gradient(circle at 86% 8%,#233e50bd,#233e5000 34%),repeating-linear-gradient(to bottom,var(--grid) 0,var(--grid) 1px,transparent 1px,transparent 25px),var(--bg);color:var(--text);min-height:100vh}.screen,.screen *{border-radius:0!important}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(126,201,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(126,201,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:-1}button{font-family:"Press Start 2P",Space Mono,monospace}.screen{width:min(var(--max-width),calc(100vw - 1.2rem));margin:0 auto;padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,#111d2af7,#111d2aed);box-shadow:0 20px 56px #00000080;display:flex;flex-direction:column;gap:18px}.page-grid{margin-top:0}.top-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:6px;background:#0b151f8f;border:1px dashed var(--line)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;border-radius:6px;border:1px dashed var(--line-soft);background:var(--panel-deep);display:grid;place-items:center;color:var(--accent);font-family:"Press Start 2P",monospace;font-size:.9rem}.brand-name{font-family:"Press Start 2P",monospace;font-size:.95rem}.brand-sub{color:var(--muted);font-size:.78rem}.status{display:flex;gap:10px;flex-wrap:wrap}.status-pill{padding:6px 10px;border-radius:999px;border:1px dashed var(--line-soft);background:#081018ad;color:var(--muted);font-size:.75rem}.battlefield{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.arena{background:var(--panel);border-radius:8px;border:1px solid var(--line);padding:24px;display:grid;gap:20px;box-shadow:inset 0 1px #d8e5f00a}.arena-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px dashed var(--line)}.caption{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted);margin:0 0 10px}.arena-header h2{margin:0 0 8px;font-family:"Press Start 2P",monospace;font-size:1.2rem}.intro{margin:0;color:var(--muted);max-width:360px;font-size:.84rem}.hp-bar{min-width:220px;text-align:right}.hp-label{font-size:.7rem;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.12em}.hp-track{height:12px;border-radius:999px;background:#081018c7;overflow:hidden;border:1px solid var(--line-soft)}.hp-fill{height:100%;transition:width .2s ease}.hp-fill.enemy{background:linear-gradient(90deg,#f08f89,#ffb17a)}.hp-fill.player{background:linear-gradient(90deg,#8bc5d6,#8ddf9e)}.hp-value{font-size:.75rem;color:var(--muted);margin-top:6px}.arena-stage{position:relative;height:320px;border-radius:8px;background:linear-gradient(160deg,#0e1824c7,#080f17e0);overflow:hidden;border:1px solid var(--line);display:grid;place-items:center}.arena-stage canvas{width:100%;height:100%;display:block}.arena-footer{display:grid;gap:16px}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions button{padding:10px 14px;border-radius:6px;border:1px dashed var(--line-soft);background:#081018bd;color:var(--text);font-size:.7rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.actions button:hover{border-color:#a0c6e6b3;background:#0e1824e0}.actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}.actions button.ghost{border-style:dashed;color:var(--muted)}.status-row{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.mana-bar{margin-top:6px}.mana-fill{height:100%;background:linear-gradient(90deg,#7aa2f7,#78dce8)}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.skill-card{border:1px dashed var(--line-soft);border-radius:8px;background:#081018bd;color:var(--text);padding:12px;display:grid;gap:8px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease;font-size:.72rem}.skill-card:hover{border-color:#a0c6e6b3;background:#0d1723e6}.skill-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.skill-title{font-family:"Press Start 2P",monospace;font-size:.75rem}.skill-meta{display:flex;justify-content:space-between;color:var(--muted)}.skill-cost{color:#c9dd8f}.skill-desc{color:var(--muted);line-height:1.4}.intel{background:var(--panel-soft);border-radius:8px;border:1px solid var(--line);padding:24px;display:grid;gap:20px;align-content:start}.intel-header h3{margin:0 0 16px;font-family:"Press Start 2P",monospace;font-size:.9rem;color:#cde6ff}.intel-header p{margin:0;color:var(--muted);font-size:.85rem}.back-link{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;border:1px dashed var(--line-soft);color:var(--text);font-size:.7rem;text-decoration:none;background:#081018bd;width:fit-content;margin-bottom:24px}.back-icon{padding:8px;border-radius:6px;width:40px;height:40px;justify-content:center}.back-icon svg{width:18px;height:18px;fill:currentColor}.intel-grid{display:grid;gap:14px}.intel-card{padding:14px;border-radius:8px;border:1px dashed var(--line-soft);background:#081018a8}.intel-card.unlocked{border-style:solid;border-color:#7ec9ff85;background:#0b151fdb}.intel-card h4{margin:0 0 6px;font-size:.85rem}.intel-card p{margin:0;color:var(--muted);font-size:.8rem}.intel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.intel-row h4{margin:0}.intel-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:6px;border:1px dashed var(--line-soft);color:var(--text);font-size:.7rem;text-decoration:none;background:#081018c2}.log{border-top:1px dashed var(--line);padding-top:14px}.log h4{margin:0 0 10px;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.log ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#b8cbde;font-size:.78rem}.intel-footer{display:grid;gap:10px;background:#0b151fe6;padding:14px;border-radius:8px;border:1px dashed var(--line-soft)}.intel-footer p{margin:0;color:var(--muted);font-size:.8rem}.intel-footer button{width:fit-content;padding:8px 12px;border-radius:6px;background:transparent;border:1px dashed var(--line-soft);color:var(--muted);font-size:.7rem}.team-card{gap:12px;margin-top:32px;padding-top:20px}.team-body{margin:0;color:var(--muted);font-size:.85rem;line-height:1.6}.team-socials{display:flex;gap:12px}.social-link{width:44px;height:44px;border-radius:6px;border:1px dashed var(--line-soft);display:grid;place-items:center;color:var(--text);background:#081018bd}.social-link svg{width:20px;height:20px;fill:currentColor}.page-grid{display:grid;gap:14px}.detail-list{margin:0;padding-left:18px;color:var(--muted);font-size:.82rem;line-height:1.5}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{padding:4px 10px;border-radius:999px;border:1px dashed var(--line-soft);font-size:.7rem;color:var(--muted)}@media(max-width:960px){.battlefield{grid-template-columns:1fr}.hp-bar{text-align:left}}@media(max-width:640px){body{padding:10px 0}.screen{width:calc(100vw - .3rem);padding:14px}.top-bar{padding:16px}.arena-stage{height:240px}.sprite{width:130px;height:150px}}