:root{color-scheme:dark;--ink:#f2eedf;--muted:#a5b7bf;--gold:#e7c58c;--line:#3d5561;--bg:#0c1c27;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#274354 0,transparent 55%),var(--bg);color:var(--ink);min-height:100svh}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a,summary{-webkit-tap-highlight-color:transparent}.home{max-width:960px;margin:auto;padding:30px 28px max(24px,env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:22px}.brand>div{display:flex;flex-direction:column;font-size:14px;font-weight:900;letter-spacing:.16em}.brand strong{font-size:28px;letter-spacing:.24em;line-height:1.1;color:var(--gold)}.brand-ball{width:34px;height:34px;border:2px solid var(--gold);border-radius:50%;background:linear-gradient(var(--gold) 0 44%,var(--bg) 44% 56%,transparent 56%);position:relative}.brand-ball:after{content:"";position:absolute;left:10px;top:10px;width:10px;height:10px;border:2px solid var(--gold);border-radius:50%;background:var(--bg)}.brand-tag{margin-left:auto;text-align:right;font-size:10px;letter-spacing:.1em;color:var(--muted);line-height:1.8}.brand-tag b{color:var(--ink);font-size:12px}.intro{padding:28px 0 22px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--gold)}.intro .eyebrow{margin:0 0 9px}.intro h1{margin:0;font-size:clamp(27px,4.6vw,40px);letter-spacing:-.035em;line-height:1.13}.intro>p:last-child{font-size:14px;color:var(--muted);margin:11px 0 0;line-height:1.6}.selector{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-height:190px;padding:25px 30px;border:1px solid #b89a63;border-radius:16px;background:linear-gradient(115deg,#344946,#263b46 60%,#173042);box-shadow:0 10px 28px #0002}.selector>div:first-child{z-index:1;max-width:70%}.selector h2{margin:8px 0;font-size:28px;letter-spacing:-.025em}.selector p{color:#c3cdd0;font-size:13px;line-height:1.5;max-width:300px;margin:0 0 18px}.selector-cta{display:inline-flex;gap:25px;align-items:center;background:var(--gold);color:#142632;font-size:13px;font-weight:800;border-radius:8px;padding:12px 16px;min-height:44px}.selector-art{position:absolute;inset:0 0 0 auto;width:220px;background:radial-gradient(ellipse at 65% 65%,#e7c58c15,transparent 65%)}.selector-art .trainer{position:absolute;bottom:36px;transform:scale(1.7);transform-origin:bottom center}.selector-art .red{left:34px;opacity:.72}.selector-art .ash{right:17px;bottom:27px}.orbit-ball{position:absolute;border:1px solid #e7c58c22;border-radius:50%;width:190px;height:190px;right:-28px;top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 13px;gap:10px}.section-heading h2{font-size:17px;letter-spacing:-.015em;margin:0}.section-heading>span{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.12em}.battle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.battle{--accent:#ad9aca;display:flex;align-items:center;min-height:152px;overflow:hidden;border-radius:12px;background:#1a303c;border:1px solid var(--line);transition:border-color .15s,background .15s}.battle.johto{--accent:#9eb2d9}.battle.orange{--accent:#d5ad72}.battle.origins{--accent:#a5cdbd}.battle-art{display:flex;align-items:center;justify-content:center;position:relative;width:155px;flex:0 0 155px;height:150px;background:radial-gradient(ellipse at 50% 70%,#ffffff09,transparent 65%);border-right:1px solid #ffffff0b}.battle-art:after{content:"";position:absolute;bottom:22px;height:3px;width:110px;background:var(--accent);opacity:.3}.battle-art .trainer{position:absolute;bottom:26px;transform:scale(1.25);transform-origin:bottom center}.battle-art .trainer:first-child{left:0}.battle-art .trainer:last-child{right:-4px}.battle-art .paul{right:-4px!important}.versus{position:absolute;top:35px;left:64px;font-weight:900;font-style:italic;color:var(--accent);font-size:14px}.battle-copy{padding:18px 16px;flex:1;min-width:0}.battle-copy .eyebrow{color:var(--accent);font-size:9px;letter-spacing:.08em}.battle h3{font-size:21px;letter-spacing:-.035em;margin:8px 0 15px;white-space:nowrap}.battle h3 span{font-size:13px;font-weight:500;color:var(--muted);margin:0 2px}.battle-cta{font-size:11px;font-weight:650;color:#c7d1d5;display:flex;gap:15px;justify-content:space-between}.trainer{display:block;width:80px;height:80px;background-repeat:no-repeat;image-rendering:pixelated;flex:none}.trainer.ash{background-image:url("assets/trainers/cards237/ash.png");background-size:80px 80px;background-position:0 0}.trainer.red{background-image:url("assets/trainers/cards237/red.png");background-size:80px 80px;background-position:0 0}.trainer.gary{background-image:url("assets/trainers/cards237/gary.png");background-size:80px 80px;background-position:0 0}.trainer.blue{background-image:url("assets/trainers/cards237/blue.png");background-size:80px 80px;background-position:0 0}.trainer.drake{background-image:url("assets/trainers/cards237/drake.png");background-size:80px 80px;background-position:0 0}.trainer.paul{width:80px;background-image:url("assets/trainers/cards237/paul.png");background-size:80px 80px;background-position:0 0}footer{border-top:1px solid var(--line);margin-top:28px;padding-top:17px;color:var(--muted);font-size:11px;line-height:1.6}footer>p{margin:0 0 12px}.archive summary{display:inline-block;cursor:pointer;min-height:44px;padding:10px 0;font-size:11px}.archive summary:before{content:"+ ";color:var(--gold)}.archive[open] summary:before{content:"− "}.archive>p{font-size:11px;margin:4px 0 12px}.archive nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;max-width:600px}.archive nav a{padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.selector:hover{border-color:var(--gold)}.battle:hover{border-color:var(--accent);background:#203a48}}@media(max-width:719px){.home{max-width:540px;padding:22px 18px max(22px,env(safe-area-inset-bottom))}.brand{padding-bottom:18px}.intro{padding:24px 0 20px}.selector{padding:23px 20px;min-height:190px}.selector h2{font-size:25px}.selector>div:first-child{max-width:66%}.selector p{font-size:12px}.selector-art{width:140px}.selector-art .red{display:none}.selector-art .ash{right:10px;bottom:27px;transform:scale(1.5)}.battle-grid{grid-template-columns:1fr;gap:10px}.battle{min-height:122px}.battle-art{height:120px;width:145px;flex-basis:145px}.battle-art .trainer{bottom:20px;transform:scale(1.15)}.battle-art:after{bottom:15px}.versus{top:25px}.battle-copy{padding:16px}.battle h3{font-size:23px;margin:7px 0 12px}.archive nav{grid-template-columns:1fr}}@media(max-width:360px){.home{padding-left:14px;padding-right:14px}.selector>div:first-child{max-width:68%}.selector-art .ash{right:-8px;transform:scale(1.25)}.selector h2{font-size:23px}.selector-cta{padding:11px 12px;gap:12px}.battle-art{width:125px;flex-basis:125px}.battle-art .trainer:first-child{left:-10px}.battle-art .trainer:last-child{right:-14px}.battle-art .paul{right:-14px!important}.versus{left:53px}.battle h3{font-size:21px}.battle-copy{padding:14px 12px}}@media(prefers-reduced-motion:reduce){.battle{transition:none}}