@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{--ink:#282a2e;--muted:#686962;--paper:#f6f4ed;--red:#b62632;--line:#deded3;--display:'Space Grotesk',system-ui,sans-serif;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit}button{color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #256cad;outline-offset:4px}[hidden]{display:none!important}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:44px;padding:0 5vw;background:#fffefa}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font:bold 23px var(--display);letter-spacing:-1px}.brand small{display:block;font:9px var(--display);letter-spacing:2.2px;margin-top:5px}.vgc{color:var(--red)}.pokeball{display:block;width:38px;height:38px;border:3px solid var(--ink);border-radius:50%;background:linear-gradient(var(--red) 45%,var(--ink) 45%,var(--ink) 55%,#fff 55%);position:relative;flex-shrink:0}.pokeball:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid var(--ink);border-radius:50%;background:white}nav{height:100%;display:flex;gap:32px;align-items:center}nav a{height:100%;display:flex;align-items:center;text-decoration:none;font-size:14px;font-weight:700;border-bottom:3px solid transparent;padding:3px 0 0}nav a[aria-current]{color:var(--red);border-color:var(--red)}.header-note{margin-left:auto;font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1560px;padding:0 5vw 60px;margin:auto}.hero{display:flex;align-items:center;justify-content:space-between;padding:46px 0 32px}.eyebrow{font:700 10px var(--display);letter-spacing:2px;color:var(--red);margin:0 0 16px}h1{font:600 clamp(30px,3.4vw,51px)/1.08 var(--display);letter-spacing:-2px;margin:0 0 17px;max-width:820px}.hero p:not(.eyebrow){color:var(--muted);font-size:15px;margin:0}.hero-mark{display:flex;align-items:center;gap:17px;transform:rotate(-8deg);padding:22px;border:1px dashed #c9c7bc;border-radius:18px;margin-left:30px}.hero-mark .pokeball{width:55px;height:55px;opacity:.75}.hero-mark>span:last-child{font:700 10px/1.5 var(--display);letter-spacing:2px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:18px 0;gap:30px;font-size:12px;color:var(--muted)}.stats strong{font:600 23px var(--display);color:var(--ink);padding-right:7px}.stats-note{margin-left:auto;font-style:italic}.toolbar{display:flex;gap:16px;align-items:end;margin:27px 0 23px}.toolbar label{font-size:11px;font-weight:700;display:block;letter-spacing:.2px}.search{flex:1}.toolbar input,.toolbar select{display:block;margin-top:8px;padding:12px 14px;border:1px solid #cfcec3;border-radius:8px;background:#fffefa;color:var(--ink);height:46px;font-size:13px;max-width:100%}.toolbar input{width:100%}.toolbar select{max-width:240px}.quiet{background:transparent;border:1px solid #cfcec3;border-radius:8px;padding:12px 14px;font-size:12px;height:46px}.quiet:hover{background:#ebe8df}.list-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:16px}.list-heading>span:first-child{font-weight:700;color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:26px;align-items:start}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{--accent:var(--red);position:relative;background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;box-shadow:0 2px 2px #26262103;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--accent);box-shadow:0 4px 18px #282a2e08}.card.selected{border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.blue{--accent:#32768f}.orange{--accent:#bb5822}.gold{--accent:#8c711f}.cyan{--accent:#287a7c}.purple{--accent:#7c579d}.card-top{display:flex;justify-content:space-between;align-items:center;height:27px}.index{font:500 10px var(--display);letter-spacing:1px;color:var(--muted)}.symbol{color:var(--accent);font-size:27px}.card h2{font:600 20px/1.25 var(--display);letter-spacing:-.5px;margin:19px 0 10px}.select-card{border:0;padding:0;background:none;text-align:left;font:inherit}.select-card:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.card p{font-size:12px;line-height:1.75;color:#61635d;margin:8px 0 20px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px;border-top:1px solid #efede5;font-size:10px;color:var(--muted)}.compare-check{display:flex;align-items:center;gap:4px;white-space:nowrap;cursor:pointer}.compare-check input{accent-color:var(--red);width:14px;height:14px}.badge{display:inline-block;align-self:start;border-radius:5px;background:#eeeee4;color:#565b50;padding:5px 8px;font-size:10px;line-height:1.4;font-weight:600}.badge.status{background:#fff1d7;color:#835a17}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 25px}.party{display:flex;justify-content:space-around;gap:3px;padding-top:10px}.pokemon{flex:1;min-width:0;text-align:center;font-size:9px;font-weight:600;line-height:1.4}.sprite{height:66px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ececde 0%,transparent 68%)}.sprite img{object-fit:contain;max-width:80px;max-height:64px;image-rendering:pixelated}.sprite-fallback{font-size:35px;color:var(--accent)}aside{background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:28px}aside>h2{font:600 28px/1.2 var(--display);letter-spacing:-.8px;margin:0 0 25px}h3{font:600 13px var(--display);margin:0 0 10px}.analysis-block{margin:24px 0}.analysis-block p,details p,.evidence p{font-size:13px;line-height:1.8;color:#585c55;margin:0}.analysis-block.win{background:#edf3e7;border-left:3px solid #66844f;padding:17px;border-radius:0 7px 7px 0}.win h3{color:#476534}.related{display:grid;gap:9px;margin:15px 0 24px}.related a{display:block;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:12px;line-height:1.6;padding:12px}.related a:hover{border-color:var(--red);color:var(--red)}.related a small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:4px}.related p{font-size:13px;color:var(--muted)}.source-link{font-size:11px;color:var(--red);text-underline-offset:3px}.set-title{margin-top:30px}.hint{font-size:10px;color:var(--muted);line-height:1.6}.set{border:1px solid var(--line);border-radius:7px;padding:14px;margin:12px 0}.set h4{margin:0;font:600 14px var(--display)}dl{margin:10px 0 0;font-size:11px;line-height:1.7}dl div{display:grid;grid-template-columns:65px 1fr;gap:10px;margin:5px 0}dt{color:var(--muted)}dd{margin:0}details{border-top:1px solid var(--line);padding:15px 0}summary{font-size:12px;font-weight:600;line-height:1.6}details>p{margin-top:10px}.evidence{padding:17px;background:#f8f1e2;border-radius:7px;margin:22px 0}.evidence p{font-size:11px;margin-bottom:8px}.evidence small{font-size:10px;color:var(--muted)}#comparison{margin-top:30px;background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:25px}.comparison-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.comparison-heading h2{font:600 26px var(--display);margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.8}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:15px;min-width:160px}thead th{background:#eeeede;font:600 15px var(--display)}tbody th{width:150px;color:var(--muted);font-weight:500}.glossary{margin-top:32px;border-bottom:1px solid var(--line)}.glossary>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin-top:14px}.glossary p{font-size:12px}.empty{grid-column:1/-1;border:1px dashed var(--line);padding:30px;border-radius:10px}.empty h2{font:600 22px var(--display)}.empty p{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.skip{position:fixed;left:15px;top:-60px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){main{padding-left:50px;padding-right:50px}}@media(max-width:1000px){.workspace{grid-template-columns:1fr}aside{margin-top:5px}.hero-mark{display:none}.header-note{display:none}.stats-note{display:none}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.search{min-width:220px}.card{padding:16px}}@media(max-width:700px){header{height:80px;padding:0 5vw;gap:20px;justify-content:space-between}.brand{font-size:19px}.brand small{font-size:7px}.brand>.pokeball{width:30px;height:30px}nav{gap:18px}nav a{font-size:12px}h1{letter-spacing:-1.3px}.hero{padding-top:32px}.hero p:not(.eyebrow){font-size:13px;line-height:1.8}.stats{gap:20px;font-size:10px}.stats strong{font-size:20px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card h2{font-size:17px}.card{padding:14px}.card p{font-size:11px}.card-bottom{flex-wrap:wrap}.party{flex-wrap:wrap}.sprite img{max-width:55px}.pokemon{min-width:44px}.list-heading>span:last-child{display:none}.toolbar{gap:12px}.search{flex-basis:100%}.toolbar select{max-width:185px}.toolbar .quiet{margin-left:auto}aside{padding:22px}.glossary>div{grid-template-columns:1fr}footer{gap:15px;flex-direction:column}.comparison-heading{gap:20px}#comparison{padding:15px}}@media(max-width:380px){.cards{grid-template-columns:1fr}.toolbar .quiet{margin-left:0}.brand small{letter-spacing:1px}nav{gap:12px}}

/* Interactive archetype constellation */
.view-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.view-controls [role=group]{display:flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fffefa}.view-controls [role=group] button{border:0;background:none;border-radius:7px;padding:11px 16px;font-size:12px}.view-controls [aria-pressed=true]{background:var(--ink)!important;color:#fff}.orbit-explorer{position:relative;overflow:hidden;border-radius:20px;border:1px solid #d9d8d0;background:radial-gradient(ellipse at 50% 45%,#ffffff 0%,#eeeae1 65%,#e5e1d6 100%);isolation:isolate}.orbit-explorer:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#91857540 .8px,transparent .8px);background-size:24px 24px;pointer-events:none;z-index:-1}.orbit-caption{display:flex;justify-content:space-between;gap:10px;padding:23px 28px 0;font:600 10px var(--display);letter-spacing:2px;color:#676358}.orbit-caption span:last-child{font:11px 'DM Sans',sans-serif;letter-spacing:0}.orbit-stage{height:620px;position:relative;touch-action:pan-y;user-select:none;cursor:grab}.orbit-stage:active{cursor:grabbing}.orbit-stage:before,.orbit-stage:after{content:'';position:absolute;pointer-events:none;left:50%;top:50%;width:76%;height:48%;border:1px solid #bdb4a950;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-stage:after{width:50%;height:76%;transform:translate(-50%,-50%) rotate(25deg)}.orbit-node{position:absolute;left:50%;top:50%;width:170px;display:flex;align-items:center;flex-direction:column;padding:0;border:0;background:none;cursor:pointer;will-change:transform;color:#282a2e}.orbit-ball{display:grid;place-items:center;position:relative;overflow:hidden;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 28% 23%,hsl(var(--hue) 92% 89%),hsl(var(--hue) 68% 58%) 32%,hsl(var(--hue) 68% 35%) 70%,hsl(var(--hue) 60% 16%));box-shadow:inset -12px -16px 22px #0004,inset 4px 4px 10px #fff8,0 17px 20px -12px #282a2e65;transition:box-shadow .2s,scale .2s}.orbit-ball:before{content:'';position:absolute;inset:-20% -80%;border-radius:50%;background:repeating-linear-gradient(105deg,transparent 0 35px,#ffffff25 37px 39px,transparent 41px 70px);animation:sphere-spin 12s linear infinite;animation-delay:var(--spin-delay)}.orbit-ball:after{content:'';position:absolute;inset:44% -4% 43%;background:#15212e40;border-top:1px solid #fff5;border-bottom:1px solid #0002;transform:rotate(-18deg)}.orbit-emblem{z-index:1;font:600 35px var(--display);color:#fff;text-shadow:0 2px 5px #0006;line-height:1}.orbit-name{display:block;font:600 14px/1.3 var(--display);margin-top:12px;max-width:165px;background:#f6f3ebed;border-radius:5px;padding:3px 7px;text-wrap:balance}.orbit-count{display:block;font-size:9px;line-height:1.6;color:#5b5951;background:#f6f3ebe8;border-radius:4px;padding:1px 5px}.orbit-node:hover,.orbit-node:focus-visible{z-index:200!important;opacity:1!important}.orbit-node:hover .orbit-ball,.orbit-node:focus-visible .orbit-ball{scale:1.1;box-shadow:inset -12px -16px 22px #0004,inset 4px 4px 10px #fff8,0 0 0 5px #fff9,0 18px 25px -10px #282a2e66}.orbit-node:focus-visible{outline-offset:8px;border-radius:14px}.orbit-paused .orbit-ball:before{animation-play-state:paused}.orbit-footer{text-align:center;padding:0 20px 22px;font:500 11px var(--display);letter-spacing:2px;color:#777064}.orbit-empty{text-align:center;padding:80px 20px;color:var(--muted)}.back-orbit{margin-bottom:20px}.workspace.sphere-detail{display:block;max-width:900px;margin:0 auto}.sphere-detail #cards{display:none}.sphere-detail aside{padding:36px}.sphere-detail aside>h2{font-size:36px}.sphere-detail .related{grid-template-columns:repeat(2,minmax(0,1fr))}@keyframes sphere-spin{from{transform:translateX(-15%) rotate(-8deg)}to{transform:translateX(15%) rotate(-8deg)}}@media(max-width:700px){.view-controls{align-items:stretch}.view-controls [role=group] button{padding:9px;font-size:10px}.view-controls .quiet{font-size:10px;height:auto}.orbit-caption{padding:18px;flex-direction:column;line-height:1.8}.orbit-caption span:last-child{font-size:0}.orbit-caption span:last-child:after{content:'Tap a sphere to explore its strategy';font-size:11px}.orbit-stage{height:auto;min-height:200px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px;padding:15px 10px 35px;cursor:default}.orbit-stage:before,.orbit-stage:after{display:none}.orbit-node{position:relative;left:auto;top:auto;width:100%;will-change:auto}.orbit-ball{width:86px;height:86px}.orbit-name{font-size:12px;max-width:140px}.orbit-empty{grid-column:1/-1}.orbit-footer{font-size:9px}.sphere-detail aside{padding:22px}.sphere-detail aside>h2{font-size:28px}.sphere-detail .related{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.orbit-ball:before{animation:none}.orbit-ball{transition:none}}