/* PackClash · Pokédex theme: Pokédex red, cream paper, dark ink, Game Boy screens, pixel type, hard shadows */
html.poke{--bg:#f5f3e9;--bg2:#ece9da;--s1:#fffef7;--s2:#f3f0e2;--s3:#e2ddc8;--line:#272a27;--line2:#272a27;--tx:#272a27;--tx2:#4b4f47;--mut:#7c8073;
  --gold:#e8a317;--gold2:#f6c443;--red:#bd2f40;--blue:#3b62c4;--live:#3a9b4a;--lcd:#d7dfcb;--lcd2:#9bab84;--ink:#272a27;
  --c-common:#8a9082;--c-uncommon:#3b62c4;--c-rare:#8a4fc4;--c-epic:#e8a317;
  --f:'IBM Plex Mono',ui-monospace,monospace;--px:'Silkscreen','Press Start 2P',monospace;--mono:'IBM Plex Mono',ui-monospace,monospace}
html.poke,html.poke body{background:var(--bg)}
html.poke body{font-family:var(--f);color:var(--tx)}
html.poke body::before{background:radial-gradient(circle,rgba(39,42,39,.09) 1.2px,transparent 1.4px) 0 0/16px 16px}
/* pixel headings */
html.poke h1,html.poke h2,html.poke .wm,html.poke .kick,html.poke .c-tag,html.poke .stakes-top b,html.poke .tn b,html.poke .steps b,html.poke .empty b,html.poke .rempty b,html.poke .fb-l,html.poke .vs span,html.poke summary{font-family:var(--px)!important;letter-spacing:.01em}
html.poke h1{font-size:clamp(34px,4.2vw,62px);line-height:1.08;font-weight:700;letter-spacing:0}
html.poke h2{font-size:clamp(26px,2.8vw,40px);line-height:1.1;letter-spacing:0}
html.poke .hl{background:none;color:var(--red);-webkit-text-fill-color:var(--red);animation:none}
html.poke h2 span,html.poke .stakes-top b{color:var(--red)}
html.poke .kick{color:var(--red)}
html.poke .lede,html.poke .sh p{color:var(--tx2)}
/* live pulls bar: dark ink strip */
html.poke .feedbar{background:var(--ink);border-bottom:3px solid var(--red)}
html.poke .fb-l{background:var(--red);color:#fff;border-right:3px solid var(--ink)}
html.poke .fb-item{background:#3a3e39;border:2px solid #4c514a;color:#f5f3e9;border-radius:4px}
html.poke .fb-item span{color:#b9bfae}
/* header: Pokédex red band */
html.poke .top{background:var(--red);border-bottom:4px solid var(--ink);backdrop-filter:none}
html.poke .top nav{color:#ffe5e8}html.poke .top nav a:hover{color:#fff}
html.poke .wm{color:#fff;font-size:22px}html.poke .wm b{color:#fff!important}
html.poke .ca,html.poke .snd{background:#fffef7;border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--ink);color:var(--ink)}
html.poke .ca span{color:var(--red)}
/* boxes: hard pixel shadows */
html.poke .btn{border-radius:4px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--px);font-weight:400;letter-spacing:.02em;font-size:14px;text-transform:uppercase}
html.poke .btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}html.poke .btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
html.poke .btn.light{background:var(--red);color:#fff}html.poke .btn.light:hover{background:#d2384b}
html.poke .btn.ghost{background:#fffef7;color:var(--ink)}
html.poke .btn.sm{font-size:12px}
html.poke .pill{background:#fffef7;border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--ink);color:var(--ink)}
html.poke .table,html.poke .tier,html.poke .pl,html.poke .rd,html.poke .lform,html.poke .earn,html.poke .house,html.poke .steps,html.poke .reel,html.poke .challenger,html.poke details,html.poke .fighter{border:2px solid var(--ink)!important;border-radius:6px!important;box-shadow:5px 5px 0 var(--ink);background:#fffef7}
html.poke .faq{border-top:0;display:grid;gap:12px}html.poke details{padding:18px 20px}
html.poke .steps>div{border-right:2px solid var(--ink)}
html.poke .tr{border-bottom:2px solid var(--s3)}html.poke .tr.th{background:var(--lcd);color:var(--ink)}
html.poke .tr .rk{border-radius:4px;border:2px solid var(--ink)}
html.poke .tr.r1{background:rgba(189,47,64,.07)}html.poke .tr.r2{background:rgba(59,98,196,.07)}
html.poke .tabs button,html.poke .seg button{border-radius:4px;border:2px solid var(--ink);background:#fffef7;color:var(--ink);font-family:var(--px);font-size:12px}
html.poke .tabs button.on,html.poke .seg button.on{background:var(--ink);color:#fff}
html.poke .seg{border:2px solid var(--ink);border-radius:6px;background:var(--bg2)}
html.poke input,html.poke textarea,html.poke .drop,html.poke .ca-row code{background:#fff;border:2px solid var(--ink);border-radius:4px}
/* the ring as a Pokémon battle screen */
html.poke .ring{background:var(--lcd);border:4px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--ink);padding:16px}
html.poke .ring::before{content:'';position:absolute;inset:0;border-radius:6px;background:repeating-linear-gradient(0deg,rgba(39,42,39,.04) 0 2px,transparent 2px 4px);pointer-events:none}
html.poke .corner{border-radius:6px;border:3px solid var(--ink)!important;box-shadow:4px 4px 0 var(--ink)}
html.poke .corner.red{background:#fffef7}html.poke .corner.blue{background:#fffef7}
html.poke .corner::before{display:none}
html.poke .red .c-tag{color:var(--red)}html.poke .blue .c-tag{color:var(--blue)}
html.poke .c-rank{background:var(--ink);color:#fff;border-radius:3px}
html.poke .c-img{border-radius:6px;border:3px solid var(--ink);box-shadow:none;image-rendering:auto}
html.poke .c-name b{font-family:var(--px)}html.poke .c-vol b{color:var(--ink)}
html.poke .hp{width:100%;margin-top:10px}html.poke .hp .hl2{display:flex;justify-content:space-between;font:700 11px var(--px);margin-bottom:4px}
html.poke .hp .hb{height:12px;border:2px solid var(--ink);border-radius:3px;background:#fff;overflow:hidden}html.poke .hp .hb i{display:block;height:100%;background:#48c774;transition:width 1s}
html.poke .stage{background:#c7d2b5;border:3px solid var(--ink);border-radius:6px;box-shadow:inset 0 0 0 3px #b4c0a0}
html.poke .stakes-top .kick-s{color:var(--ink)}
html.poke .pslab .pv{background:#fffef7;border:2px solid var(--ink);border-radius:3px;color:var(--ink)}
html.poke .vs span{border-radius:6px;width:76px;height:76px;font-style:normal;font-size:26px;color:#fff;background:var(--red);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);animation:none}
html.poke .odds{border:2px solid var(--ink);border-radius:3px;height:12px}
html.poke .tug{background:#fff;border:3px solid var(--ink);height:20px}
html.poke .tug-a{background:var(--red)}html.poke .tug-b{background:var(--blue)}
html.poke .tug-knot{border-radius:4px;background:var(--gold2);border:3px solid var(--ink);box-shadow:none}
html.poke .tug-l span:first-child{color:var(--red)}html.poke .tug-l span:last-child{color:var(--blue)}
html.poke .battle-text{grid-column:1/-1;border:3px solid var(--ink);border-radius:6px;background:#fffef7;padding:12px 16px;font:700 15px var(--px);box-shadow:4px 4px 0 var(--ink);position:relative}
html.poke .battle-text::after{content:'▼';position:absolute;right:14px;bottom:8px;font-size:12px;animation:blink 1s steps(2) infinite}
/* reel + live pulls as Game Boy screens */
html.poke .reel{background:var(--lcd)}html.poke .reel-fade.l{background:linear-gradient(90deg,var(--lcd),transparent)}html.poke .reel-fade.r{background:linear-gradient(-90deg,var(--lcd),transparent)}
html.poke .reel-mark{background:var(--red);box-shadow:none}html.poke .reel-mark::before{border-top-color:var(--red)}html.poke .reel-mark::after{border-bottom-color:var(--red)}
html.poke .rcard{background:#fffef7;border:2px solid var(--ink);border-radius:5px}html.poke .rcard.win{box-shadow:0 0 0 3px var(--red),6px 6px 0 var(--ink)}
html.poke .pl .ago{background:var(--ink);color:#fff;border-radius:3px}
html.poke .tier.now{box-shadow:0 0 0 3px var(--red),5px 5px 0 var(--ink)}html.poke .tier.now::before{background:var(--red);color:#fff;font-family:var(--px)}
html.poke .house{background:#fffef7}
html.poke .toast{background:var(--ink);color:#fff;border-radius:4px}
html.poke .rip-bg{background:rgba(39,42,39,.85)}
html.poke .foot{border-top:3px solid var(--ink)}
@media (max-width:680px){html.poke .wm{font-size:15px}html.poke h1{font-size:30px}
  html.poke .corner{flex-wrap:wrap}html.poke .corner .hp{flex-basis:100%;margin-top:6px}html.poke .corner .c-name{flex:1}
  html.poke .top .btn{padding:0 10px;font-size:11px}html.poke .top{gap:8px}}