:root{color:#161b22;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.page-shell{color:#f6fbff;background:linear-gradient(#2bf7ff14 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#2bf7ff14 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 26% 22%,#ff2a4e47,#0000 25rem),radial-gradient(circle at 77% 34%,#1ae8ff3d,#0000 22rem),radial-gradient(circle at 50% 88%,#ffd44a21,#0000 26rem),#080b16;grid-template-rows:auto 1fr;justify-items:center;gap:24px;min-height:100svh;padding:24px 32px 32px;display:grid;overflow-x:hidden}.page-shell:before{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#ffffff09 50%,#0000 52%) 0 0/100% 6px,radial-gradient(circle,#0000 0 48%,#0000006b 100%);position:fixed;inset:0}.app-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff1c,#ffffff08),#060b19e0;border:1px solid #2bf7ff5c;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:min(100%,980px);min-height:64px;padding:10px 12px 10px 18px;display:flex;position:sticky;top:16px;box-shadow:inset 0 0 0 1px #ffffff14,0 14px 42px #0000005c,0 0 26px #2bf7ff21}.brand-mark{color:#ffd44a;letter-spacing:0;text-shadow:0 0 16px #ffd44aad;font-size:1rem;font-weight:950}.tab-bar{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.tab{color:#d8faff;min-width:104px;min-height:40px;font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;font-size:.95rem;font-weight:800}.tab:hover,.tab:focus-visible{border-color:#2bf7ff70;outline:none}.tab.active{color:#08101a;background:linear-gradient(135deg,#2bf7ff,#ffd44a);box-shadow:0 0 18px #2bf7ff47}.battle-stage{isolation:isolate;background:linear-gradient(135deg,#ffffff17,#ffffff05),#060b19b8;border:1px solid #2bf7ff6b;border-radius:8px;grid-template-rows:auto 1fr auto;align-self:center;place-items:center;width:min(92vw,820px);min-height:min(78svh,690px);padding:clamp(20px,4vw,42px);display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 0 40px #2bf7ff24,0 34px 80px #00000080}.battle-stage:before,.battle-stage:after{content:"";pointer-events:none;filter:drop-shadow(0 0 12px #2bf7ffcc);background:linear-gradient(90deg,#0000,#2bf7ff,#ff2a4e,#0000);height:2px;position:absolute;inset-inline:28px}.battle-stage:before{top:18px}.battle-stage:after{bottom:18px}.canvas-stage{aspect-ratio:1;z-index:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:min(78vw,620px);position:relative}.canvas-stage canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-stage:active{cursor:grabbing}.hud{color:#2bf7ff;letter-spacing:0;text-shadow:0 0 14px #2bf7ffeb;z-index:2;justify-self:stretch;font-size:clamp(.78rem,2vw,.95rem);font-weight:800}.hud-top{text-align:left}.hud-bottom{text-align:right;color:#ffd44a;text-shadow:0 0 14px #ffd44abf}.battle-stage h1{color:#f6fbff;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 8px #ffffff8c,0 0 24px #ff2a4eb8,0 0 52px #2bf7ff6b;z-index:0;opacity:.42;margin:0;font-size:clamp(2.7rem,9vw,6.8rem);font-weight:950;line-height:.86;position:absolute;bottom:clamp(28px,5vw,46px);left:50%;transform:translate(-50%)}.pokedex-panel{align-self:start;gap:18px;width:min(100%,980px);display:grid}.pokedex-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:stretch;gap:18px;display:grid}.table-block{background:linear-gradient(135deg,#ffffff14,#ffffff05),#060b19c7;border:1px solid #2bf7ff52;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,0 18px 46px #00000057}.table-header{border-bottom:1px solid #2bf7ff33;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 18px;display:flex}.table-header h1,.table-header h2{color:#f6fbff;letter-spacing:0;margin:0;font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.1}.table-header span{color:#ffd44a;white-space:nowrap;font-size:.82rem;font-weight:850}.table-scroll{overflow-x:auto}.primary-table{min-width:0}table{border-collapse:collapse;color:#e8fbff;width:100%;min-width:720px;font-size:.92rem}caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #ffffff14;padding:13px 16px}thead th{color:#2bf7ff;text-transform:uppercase;background:#2bf7ff14;font-size:.76rem;font-weight:900}tbody th{color:#fff}tbody tr:nth-child(2n){background:#ffffff09}tbody tr:hover{background:#2bf7ff17}.primary-table tbody tr{cursor:pointer}.selected-row,.selected-row:nth-child(2n){background:#ff2a4e29}td:nth-child(n+4){color:#ffd44a;font-variant-numeric:tabular-nums}.name-button{color:inherit;font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:0;padding:0;font-weight:850}.name-button:focus-visible{outline-offset:3px;outline:2px solid #ffd44a}.scanner-panel{background:linear-gradient(135deg,#ffd44a24,#0000 35%),linear-gradient(160deg,#2bf7ff1f,#0000 42%),#060b19d1;border:1px solid #ffd44a59;border-radius:8px;align-content:start;gap:18px;min-height:100%;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 0 34px #ffd44a21}.scanner-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1f,#0000),repeating-linear-gradient(0deg,#0000 0 9px,#2bf7ff0d 10px);animation:4s linear infinite scanner-sweep;position:absolute;inset:0;transform:translate(-100%)}.scanner-orb{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#ffffffeb 0 12%,#0000 13%),linear-gradient(#ff2a4e 0 45%,#09111e 45% 55%,#f7fbff 55% 100%);border:1px solid #2bf7ff94;border-radius:50%;justify-self:center;place-items:center;width:128px;display:grid;box-shadow:0 0 24px #2bf7ff5c,inset -14px -18px 28px #00000059,inset 10px 12px 22px #ffffff47}.scanner-orb span{color:#08101a;background:#f8fbff;border-radius:50%;place-items:center;min-width:48px;min-height:48px;font-size:.9rem;font-weight:950;display:grid;box-shadow:0 0 0 7px #09111e}.scanner-copy{gap:10px;display:grid}.scanner-label{color:#2bf7ff;letter-spacing:0;text-transform:uppercase;font-size:.74rem;font-weight:900}.scanner-copy h2{color:#fff;letter-spacing:0;margin:0;font-size:clamp(1.7rem,4vw,2.35rem);line-height:.95}.type-chip-row{flex-wrap:wrap;gap:8px;display:flex}.type-chip{color:#dffcff;background:#2bf7ff17;border:1px solid #2bf7ff52;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.scanner-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.scanner-score div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:12px}.scanner-score span{color:#9defff;text-transform:uppercase;font-size:.72rem;font-weight:850;display:block}.scanner-score strong{color:#ffd44a;font-size:1.45rem;line-height:1.15;display:block}.stat-stack{gap:12px;display:grid}.stat-line{color:#e8fbff;grid-template-columns:42px 1fr 36px;align-items:center;gap:10px;font-size:.8rem;font-weight:850;display:grid}.stat-track{background:#ffffff1c;border-radius:999px;height:8px;overflow:hidden}.stat-fill{width:var(--stat-value);border-radius:inherit;background:linear-gradient(90deg,#2bf7ff,#ffd44a,#ff2a4e);height:100%;box-shadow:0 0 14px #2bf7ff6b}@keyframes scanner-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=640px){.page-shell{gap:18px;padding:14px 14px 24px}.app-header{flex-direction:column;align-items:stretch;min-height:auto;padding:12px;top:10px}.brand-mark{text-align:center}.tab{flex:1;min-width:0}.battle-stage{width:100%;min-height:70svh;padding:18px}.canvas-stage{width:min(86vw,420px)}.pokedex-grid{grid-template-columns:1fr}.scanner-panel{order:-1}.table-header{flex-direction:column;align-items:flex-start;gap:6px}table{min-width:660px;font-size:.86rem}th,td{padding:12px 14px}}