@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@500;700&display=swap";:root{--bg-0: #070b13;--bg-1: #0b1220;--bg-2: #0f172a;--bg-3: #111827;--tx-0: #e6edff;--tx-1: #b9c8ff;--muted: #8aa0d6;--accent-h: 199;--accent-s: 90%;--accent-l: 62%;--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-weak: hsla(var(--accent-h), 80%, 60%, .18);--danger: #ef4444;--success: #22c55e;--radius-xl: 18px;--radius-lg: 14px;--radius-md: 12px;--shadow-1: 0 8px 24px rgba(0,0,0,.35);--ring: 0 0 0 1px hsla(var(--accent-h), 70%, 60%, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--tx-0);background:radial-gradient(1200px 600px at 20% -10%,rgba(29,78,216,.15),transparent 60%),radial-gradient(1000px 800px at 110% 10%,rgba(16,185,129,.1),transparent 50%),linear-gradient(180deg,#05070f,#080c15 60%,#05070f);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";line-height:1.35}header{background:linear-gradient(180deg,#060c1880,#060c184d);border-bottom:1px solid rgba(93,133,255,.18);box-shadow:var(--shadow-1)}header .pill{font-family:Orbitron,system-ui;letter-spacing:.04em}.btn{--bg: linear-gradient(180deg, rgba(36,99,235,.18), rgba(18,24,46,.6));--bd: hsla(var(--accent-h), 70%, 60%, .45);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);border:1px solid var(--bd);background:var(--bg);color:var(--tx-0);text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease,background .2s ease;box-shadow:var(--ring),inset 0 1px #ffffff0f}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000073,var(--ring)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{--bg: linear-gradient(180deg, rgba(36,99,235,.08), rgba(18,24,46,.35));--bd: rgba(120,148,255,.35)}.btn.primary{--bg: linear-gradient(180deg, hsla(var(--accent-h), 92%, 60%, .22), rgba(18,24,46,.6));--bd: hsla(var(--accent-h), 92%, 58%, .65)}.panel{background:linear-gradient(180deg,#0c101fe6,#090d16e6);border:1px solid rgba(125,166,255,.16);border-radius:var(--radius-xl);padding:14px;box-shadow:var(--shadow-1)}.panel.soft{background:#0c101fb3;border-style:dashed}.card{background:linear-gradient(180deg,#111930d9,#0c1221d9);border:1px solid rgba(127,156,255,.14);border-radius:var(--radius-lg);padding:12px;color:var(--tx-0);transition:border-color .2s ease,transform .15s ease}.card:hover{border-color:#a0beff59;transform:translateY(-1px)}.grid{display:grid;gap:12px}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#1e3a8a59;border:1px solid rgba(99,102,241,.35);color:var(--tx-1);font-size:12px}.link{color:var(--accent);text-decoration:none;cursor:pointer}.link:hover{text-decoration:underline}.sidebar{width:340px}.leftbar{width:360px}.board{position:relative;background:linear-gradient(180deg,#040a14e6,#050a12e6);border:1px solid rgba(120,160,255,.22);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffffff05 inset,0 30px 60px #00000080;overflow:hidden}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 400px at 50% 10%,var(--accent-weak),transparent 60%);pointer-events:none}.board-cell{background:#4e9dff0a;border:1px solid rgba(78,157,255,.12);transition:background .15s ease,outline .15s ease}.board-cell:hover{background:#4e9dff14;outline:1px solid rgba(120,190,255,.25)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#01040aa6;display:flex;align-items:center;justify-content:center}.modal{background:linear-gradient(180deg,#0b1224f5,#070c18f5);color:var(--tx-0);border-radius:var(--radius-xl);border:1px solid rgba(125,166,255,.2);padding:18px;width:min(780px,96vw);box-shadow:0 40px 80px #000000b3,var(--ring)}.msglog{min-height:120px;max-height:180px;overflow:auto;background:linear-gradient(180deg,#070c18d9,#060a14d9);border:1px solid rgba(120,160,255,.16);border-radius:var(--radius-lg);padding:10px;color:var(--tx-1);box-shadow:var(--shadow-1)}.banner{margin-top:8px;font-weight:700;letter-spacing:.04em;font-family:Orbitron,system-ui}.banner.victory{color:var(--success)}.banner.defeat{color:var(--danger)}img{display:block}.msglog::-webkit-scrollbar{height:10px;width:10px}.msglog::-webkit-scrollbar-thumb{background:#aabeff40;border-radius:999px}.characters-layout{display:flex;gap:16px;height:100%}.characters-list{width:360px;max-width:100%;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.character-entry{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-lg);border:1px solid rgba(125,166,255,.2);background:#0f1423b3;color:var(--tx-0);cursor:pointer;transition:border-color .2s ease,background .2s ease}.character-entry.active{border-color:var(--accent);background:#1e40af59}.character-entry .thumb{width:56px;height:56px;flex:0 0 56px;border-radius:10px;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;background:#ffffff0d;overflow:hidden;background-repeat:no-repeat;background-position:center}.evolution-list{display:flex;flex-direction:column;gap:12px}.evolution-card{border:1px solid rgba(125,166,255,.2);border-radius:var(--radius-lg);padding:10px;background:#0c121ecc}.evolution-card header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:4px}.search-input{padding:8px 12px;border-radius:var(--radius-lg);border:1px solid rgba(125,166,255,.35);background:#0c121e99;color:var(--tx-0)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-weak)}.character-entry .thumb img{width:100%;height:100%;object-fit:cover;display:block}.stat-section{max-height:180px;overflow:hidden;transition:max-height .2s ease}.stat-sections:hover .stat-section,.stat-sections:focus-within .stat-section{max-height:520px}.stat-section h3{margin-top:0}.stat-section ul{margin:0;padding-left:18px}.stat-section--evolutions{max-height:200px}.stat-section--evolutions:hover,.stat-section--evolutions:focus-within{max-height:520px}.sprite-preview-shell{width:140px;height:140px;border-radius:16px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;background:#04070fcc;overflow:hidden}.character-preview-box.muted{width:140px;height:140px;border-radius:16px;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff9;font-size:12px}.sprite-preview{background-repeat:no-repeat;background-position:center;width:100%;height:100%}