
:root{--accent:#ff7048!important;--line:#33516d!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:#06111e!important;color:#edf5ff!important}
html{background:#06111e!important}body{max-width:1240px!important;background:radial-gradient(ellipse at 40% 0%,#20526a33,transparent 40%),#06111e!important;color:#f5f8ff!important;padding:18px 24px 85px!important}
a{color:#ffcaab}button{font-weight:650}
.raid-breadcrumb{max-width:none!important;margin:0 0 8px!important;padding:8px 0!important;background:transparent!important;border:0!important;font-size:.83rem!important;gap:10px!important}
.raid-breadcrumb a{color:#c9deef!important}.raid-breadcrumb a:first-child:before{content:"⌂";margin-right:8px;color:#93cfff}
.back-to-raids{display:inline-flex;align-items:center;gap:8px;border:1px solid #647e9a;background:#0e2135;color:#e8f5ff;border-radius:30px;padding:10px 14px;font-size:13px;font-weight:750;margin:3px 0 16px;text-decoration:none}.back-to-raids:hover{background:#203a53}
.hero{min-height:275px!important;border:1px solid #4a738b!important;border-radius:21px!important;box-shadow:0 14px 40px #000a!important;background-image:linear-gradient(90deg,#06101efa 0%,#081426e0 27%,#08142650 57%,#08142607 100%),url("heatran-hero.webp")!important;background-size:100% 100%,69% 116%!important;background-repeat:no-repeat!important;background-position:center,right 47%!important;background-color:#162333!important;padding:37px 32px!important}
.hero:after{background:linear-gradient(0deg,#07101d54,transparent 35%)!important}
.hero>img{display:none!important}.hero-content{max-width:70%!important}.hero h1{font-size:clamp(3rem,6vw,4.7rem)!important;margin:12px 0 12px!important;color:#fff;text-transform:none}.hero h1 strong{color:#ffc186!important;font-size:.42em;vertical-align:middle;letter-spacing:.06em}.hero .eyebrow{color:#8de6ff!important;letter-spacing:.2em!important}
.type-pill{vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;min-width:66px;margin-left:9px;padding:7px 10px;border-radius:20px;border:1px solid #ffffff4d;font-size:12px;letter-spacing:.02em;font-weight:850}.type-pill.fire{background:#e44a24;color:white}.type-pill.steel{background:#647992;color:white}
.hero-stats{margin-top:20px!important}.hero-stats span{background:#071521c4!important;border:1px solid #6f8ea76b!important;color:#d5e9fa!important}
.control{background:#101e30!important;border:1px solid #315774!important;border-radius:14px!important;margin:14px 0!important}.control label{color:#a4c9e2!important;font-size:12px!important;letter-spacing:.12em;font-weight:800!important}.control select{background:#1b2e46!important}
.raid-controls{padding:13px 16px 15px!important;border-radius:18px!important;border-color:#315678!important;background:#0c1929!important;margin:14px 0 21px!important;box-shadow:none!important}.section-heading{color:#86d9f9!important}
#tabs{grid-template-columns:repeat(4,1fr)!important;background:#071725!important;border-color:#355b77!important}#tabs button{background:#0c1b2b!important;font-weight:720!important}#tabs button.active{background:linear-gradient(#d73b3f,#a71e2d)!important;border-color:#ff545b!important;color:white!important;box-shadow:0 0 18px #ee494b44!important}
#players{margin-bottom:8px!important}#players button{background:#142b41!important;border-color:#355b77!important;color:#d8eaf8!important}#players button.active{background:#216d81!important;border-color:#7bd5f0!important;color:#fff!important}
#focus{color:#9db9d3!important}
.battle-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 14px;background:linear-gradient(105deg,#0b2237,#0d1b2c);border:1px solid #31617a;border-bottom:0;border-radius:17px 17px 0 0}
.battle-intro h2{margin:0 0 7px;font-size:1.45rem;color:#f5fbff}.battle-intro h2:before{content:"⚔";margin-right:10px;color:#66dcfa}.battle-intro p{margin:0;color:#a8c0d7;font-size:.85rem}
#app>.view-option{border-radius:0 0 14px 14px!important;margin:0 0 15px!important;background:#10283b!important;border-color:#31617a!important}
#app>.phase-control{margin:0 0 13px!important}
.turn-panel{position:relative;background:linear-gradient(140deg,#0b1e31,#091626)!important;border:1px solid #335874!important;border-radius:17px!important;padding:19px 18px 20px!important;margin:12px 0 19px!important;box-shadow:0 12px 25px #0005}
.turn-panel h2{font-size:1.20rem!important;margin:6px 180px 18px 0!important;font-weight:800;color:#f9fbff!important}
.turn-panel .section-kicker{display:inline-flex;align-items:center;gap:10px;color:#f0c7c0!important;margin:0!important;font-weight:800!important}
.turn-panel .section-kicker:before{content:"⚔";display:inline-grid;place-items:center;background:linear-gradient(140deg,#ff4f42,#b51d2e);box-shadow:0 0 0 2px #ff87714a,0 3px 11px #0007;border-radius:50%;color:white;font-size:20px;height:36px;width:36px}
.copy-turn-action{position:absolute;right:18px;top:19px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #6f8dad!important;border-radius:9px;background:#132a41!important;color:#e9f5ff!important;width:auto!important;padding:9px 13px!important;font-size:12px!important;margin:0!important;z-index:1}
.copy-turn-action:hover{background:#25415b!important}.copy-turn-action:before{content:"▤";margin-right:7px;font-size:15px}
.battle-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.battle-grid .card{margin:0!important;border:1px solid #375473!important;border-radius:12px!important;padding:11px!important;box-shadow:none!important;background:linear-gradient(140deg,#172443,#101a32)!important}
.battle-grid .card:nth-child(1){border-color:#524b99!important;background:linear-gradient(140deg,#25244c,#111a31)!important}
.battle-grid .card:nth-child(2){border-color:#267854!important;background:linear-gradient(140deg,#153e34,#102729)!important}
.battle-grid .card:nth-child(3){border-color:#883e49!important;background:linear-gradient(140deg,#44242b,#251927)!important}
.battle-grid .card:nth-child(4){border-color:#817038!important;background:linear-gradient(140deg,#423721,#252721)!important}
.battle-grid .card small{font-size:11px!important;letter-spacing:.04em!important;font-weight:850;color:#be9bff!important}
.battle-grid .card:nth-child(2) small{color:#76ff92!important}.battle-grid .card:nth-child(3) small{color:#ff8b8f!important}.battle-grid .card:nth-child(4) small{color:#ffe18b!important}
.battle-grid .card.selected{outline:2px solid #ffc28a;outline-offset:-1px;box-shadow:0 0 0 1px #ffc28a77,0 0 13px #ff9d5e44!important}
.battle-grid .poke-row{flex-direction:column;align-items:flex-start;gap:8px}
.battle-grid .sprite{width:70px!important;height:70px!important;background:#08152150;border:1px solid #ffffff13;border-radius:11px;padding:3px}
.battle-grid .poke-name{font-size:.94rem!important;color:#f8fbff!important;overflow-wrap:anywhere}
.battle-grid .move{font-size:.88rem!important;color:#d0e7f9!important;background:#172b40aa;border-radius:5px;padding:5px 7px;margin:6px 0 0;overflow-wrap:anywhere}
.turn-panel .phase-help{font-size:.83rem!important;background:#0a22365e!important;border-left:2px solid #2a8198!important;color:#a9c8dc!important}
.turn-panel .team-link{font-size:12px;background:#14304a!important;border-color:#345876!important;color:#d8efff!important;padding:10px!important;margin:13px 0!important}
#app .phase-nav{margin:20px 0 30px}#app .phase-nav button{background:#10263d;border:1px solid #416683}
.all-turns .turn-section{margin:0 0 16px!important;padding-bottom:20px!important;border:1px solid #335874!important}.all-turns .turn-section:last-child{border-bottom:1px solid #335874!important}
.copy-success{background:#21623c!important;border-color:#5ad283!important;color:#f2fff7!important}
.pokemon-feature-banner{min-height:202px;margin:0 0 18px;border:1px solid #3987af;border-radius:19px;display:flex;align-items:center;justify-content:flex-start;padding:25px;background:linear-gradient(90deg,#061525f0,#0c30447d 53%,transparent),url("octillery-hero.webp") right center/68% auto no-repeat,#123a55;position:relative;overflow:hidden}
.pokemon-feature-banner>div{position:relative;z-index:1;max-width:62%}.pokemon-feature-banner .eyebrow{color:#76d7f6;font-weight:800;font-size:12px;letter-spacing:.16em}.pokemon-feature-banner h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:10px 0}.pokemon-feature-banner p{color:#c4dff0;line-height:1.5;margin:0;font-size:.9rem}
#app:has(.pokemon-feature-banner)>.view-option{background:#10293d!important;border:1px solid #396a8d!important;border-radius:12px!important;margin:12px 0!important}
details.card{background:linear-gradient(120deg,#0c2033,#081727)!important;border-color:#315b77!important;border-radius:15px!important;margin:11px 0!important}
details.card[open]{border-color:#4999b6!important;box-shadow:0 0 0 1px #357b9340,0 8px 30px #0005!important}
details.card summary{background:#10263a!important;padding:13px 18px!important}
details.card .sprite{background:#17354a55;border-radius:12px}
details.card table{width:calc(100% - 32px)!important;margin:14px 16px 16px!important}
details.card td{border-color:#2f4e67!important;padding:11px 10px!important}
details.card td:first-child{color:#8eb7cf!important;letter-spacing:.01em}
details.card tr:nth-child(6) td:nth-child(2){color:#d5efff;font-weight:750}
details.card>button{border-radius:10px!important;padding:10px 18px!important;background:#137844!important;border-color:#29bd68!important;color:#fff!important;font-weight:800!important;margin-bottom:17px!important}
details.card>button:hover{background:#139252!important}
.progress-card,.prep-card,#app>.card{background:linear-gradient(130deg,#11293e,#0a1c2f)!important;border-color:#335a77!important}
@media(min-width:830px){details.card[open] table{max-width:950px}}
@media(max-width:900px){.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.battle-grid .card{padding:12px!important}.pokemon-feature-banner{background-size:80% auto}.hero{background-size:100% 100%,78% 110%!important}}
@media(max-width:620px){body{padding:10px 11px 65px!important}.hero{min-height:235px!important;padding:18px!important;background-size:100% 100%,105% 90%!important;background-position:center,right center!important}.hero-content{max-width:90%!important}.hero h1{font-size:2.65rem!important}.hero-stats span{font-size:.62rem!important}.type-pill{font-size:9px;min-width:0;padding:5px 7px;margin-left:3px}.raid-breadcrumb{font-size:11px!important;padding:6px 0!important}.back-to-raids{font-size:11px}.raid-controls{padding:10px 9px!important}#tabs button{font-size:.7rem!important}.battle-intro{padding:17px 12px!important;display:block}.battle-intro h2{font-size:1.2rem}.turn-panel{padding:13px 11px 16px!important}.turn-panel h2{margin:10px 0 14px!important;font-size:1.05rem!important;padding-right:8px}.copy-turn-action{position:static;display:flex!important;width:100%!important;margin:10px 0 0!important;order:6}.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.battle-grid .sprite{width:54px!important;height:54px!important}.battle-grid .card small{font-size:.64rem!important}.battle-grid .poke-name{font-size:.83rem!important}.battle-grid .move{font-size:.72rem!important}.pokemon-feature-banner{min-height:155px;padding:17px;background-size:86% auto}.pokemon-feature-banner>div{max-width:76%}.pokemon-feature-banner h2{font-size:1.7rem}details.card td{font-size:.8rem!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


.build-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;padding:15px 17px 5px}
.build-specs,.build-moves{background:linear-gradient(135deg,#0b1b2b,#102338);border:1px solid #305573;border-radius:14px;padding:15px}
.build-showcase h3{font-size:1.12rem;margin:0 0 13px;color:#e8f8ff}
.build-summary{display:flex;align-items:center;gap:15px}.build-portrait{width:110px;height:119px;display:grid;place-items:center;flex:none;border:1px solid #325975;border-radius:12px;background:#091929}.build-portrait .sprite{width:104px;height:104px!important;image-rendering:pixelated}
.build-facts{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.build-fact{border:1px solid #2c4962;border-radius:8px;background:#122a40;padding:8px;min-height:54px;overflow-wrap:anywhere}.build-fact small{display:block;font-size:10px;color:#82aac6}.build-fact strong{display:block;font-size:.77rem;margin-top:4px}
.move-pill{display:flex;align-items:center;gap:10px;margin:6px 0;padding:7px 9px;border:1px solid #3a5775;border-radius:7px;background:#1d3249;color:#e3f3ff;font-weight:700;font-size:.83rem}
.move-symbol{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:6px;background:#19568e;color:#e4f7ff;font-size:1.2rem}.move-symbol-1{background:#329eaf}.move-symbol-2{background:#bc5d2b}.move-symbol-3{background:#777086}
@media(max-width:700px){.build-showcase{grid-template-columns:1fr;padding:10px}.build-specs,.build-moves{padding:11px}.build-portrait{width:86px;height:90px}.build-portrait .sprite{width:82px!important;height:82px!important}}
