:root{--ink:#191a1f;--ink-soft:#3c414b;--muted:#68707f;--paper:#f7f2e6;--surface:#fffdf6;--surface-strong:#fff;--line:#1f2430;--line-soft:#d7ceb9;--shadow:0 18px 42px #191a1f24;--amber:#f0b94d;--coral:#e76550;--mint:#58b38f;--sky:#5a9ecf;--violet:#7f6db5;--lime:#a1b94f;--danger:#c94b4b;--screen-green:#d7f3bf;--dex-red:#d84636;--dex-blue:#335fb8;--radius:8px}*{box-sizing:border-box}html{background:var(--paper)}body{background:linear-gradient(90deg, #191a1f12 1px, transparent 1px), linear-gradient(0deg, #191a1f0f 1px, transparent 1px), radial-gradient(circle at 12% 8%, #d846362e, transparent 28%), radial-gradient(circle at 86% 18%, #335fb829, transparent 30%), var(--paper);color:var(--ink);background-size:28px 28px,28px 28px,auto,auto,auto;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}.game-shell{min-height:100vh;padding:20px}.team-builder{gap:18px;max-width:1540px;margin:0 auto;display:grid}.builder-header,.roster-panel,.selected-rail,.detail-panel,.placeholder-screen,.result-panel{background:var(--surface);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.builder-header{background:linear-gradient(90deg, var(--dex-red) 0 12px, transparent 12px), linear-gradient(180deg, #fffdf6, #f4ead8);justify-content:space-between;align-items:center;gap:18px;min-height:118px;padding:22px;display:flex}.builder-header h1,.placeholder-screen h1,.result-panel h1{overflow-wrap:anywhere;margin:4px 0 0;font-size:56px;line-height:.92}.header-ca{color:var(--ink-soft);overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;font-weight:900}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.team-builder__layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:start;gap:18px;display:grid}.dex-menu{border:4px solid var(--line);background:#f8dcca;border-radius:8px;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);align-items:stretch;gap:14px;padding:12px;display:grid;box-shadow:0 18px #191a1f29,inset 0 0 0 4px #ffffff5c}.roster-panel,.selected-rail,.detail-panel{padding:16px}.dex-menu .detail-panel{background:#9697a8;border-color:#555966;flex-direction:column;min-height:680px;padding:18px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 4px #6b6f7e}.dex-menu .detail-panel__top{background:#646776;border:4px solid #555966;border-radius:18px;grid-template-columns:1fr;align-items:stretch;gap:12px;padding:12px;display:grid}.dex-menu .detail-panel__top>div{background:#d9d9e8;border:3px solid #555966;border-radius:8px;padding:10px}.dex-menu .detail-panel h2{color:#fff;text-shadow:3px 3px #333744;margin:6px 0 10px;font-size:clamp(30px,3vw,44px);line-height:.92}.dex-menu .detail-panel__description,.dex-menu .detail-panel__collectible,.dex-menu .stats-grid,.dex-menu .move-list{background:#d9d9e8;border:3px solid #555966;border-radius:8px;padding:10px}.dex-menu .detail-panel__description{color:#232a34;font-weight:800}.dex-menu .move-list{max-height:260px;overflow-y:auto}.dex-box{background:#bfa5dc;border:4px solid #b742b9;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr) auto;min-height:680px;padding:12px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #e9d8ff,inset 0 -18px #7a4daa29}.dex-box:after{content:"";opacity:.82;background:linear-gradient(90deg,#f14bc6 0 30%,#9fea58 30% 54%,#60c1ff 54% 76%,#f14bc6 76% 100%);height:10px;position:absolute;bottom:24px;left:18px;right:18px}.dex-box__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dex-folder{color:#fff;text-shadow:2px 2px #394052;text-transform:uppercase;background:radial-gradient(circle at 34px,#ffe75b 0 10px,#0000 11px),linear-gradient(90deg,#75c7ff,#344d9a 24% 76%,#75c7ff);border:3px solid #7c2d9f;border-radius:8px;grid-template-rows:auto 1fr;justify-content:start;min-width:0;min-height:76px;padding:10px 22px 10px 76px;display:grid;box-shadow:inset 0 0 0 3px #e6d9ff}.dex-folder span{align-self:end;font-size:clamp(10px,1vw,13px);font-weight:900;line-height:1}.dex-folder strong{white-space:nowrap;align-self:start;font-size:clamp(24px,4vw,52px);line-height:.98}.dex-count{border:3px solid var(--line);color:var(--ink);white-space:nowrap;background:#f8f8f2;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:900}.roster-panel{background:linear-gradient(180deg, #d8463614, transparent 130px), var(--surface)}.selected-rail,.detail-panel{background:linear-gradient(180deg, #335fb814, transparent 118px), var(--surface)}.builder-side{gap:18px;display:grid;position:sticky;top:16px}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.mode-toggle,.dex-party-tabs{border:3px solid var(--line);background:#232a34;border-radius:8px;grid-template-columns:repeat(3,minmax(76px,1fr));gap:4px;padding:4px;display:inline-grid}.mode-toggle button,.dex-party-tabs button{color:var(--ink);text-transform:uppercase;background:#f8f8f2;border:0;border-radius:4px;min-height:34px;padding:6px 12px;font-size:13px;font-weight:900}.mode-toggle button[aria-pressed=true],.dex-party-tabs button[aria-pressed=true]{background:var(--screen-green);box-shadow:inset 0 0 0 2px #5c8f48}.dex-party-tabs{grid-template-columns:repeat(2,minmax(76px,1fr));margin-bottom:12px}.online-room-panel{border:4px solid var(--line);background:#f8f8f2;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:end;gap:14px;margin-bottom:14px;padding:14px;display:grid;box-shadow:6px 6px #1f243029}.online-room-panel h2{margin:2px 0 6px;font-size:28px;line-height:1}.online-room-panel p{color:var(--muted);margin:0;font-weight:800}.online-room-panel__error{color:#c94f3f!important;margin-top:8px!important}.online-room-panel__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.online-room-panel__controls label{gap:4px;display:grid}.online-room-panel__controls label span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.online-room-panel__controls input{border:2px solid var(--line);color:var(--ink);text-transform:uppercase;background:#fff;border-radius:6px;min-height:42px;padding:8px 10px;font-size:18px;font-weight:900}.section-heading h2{margin:4px 0 0;font-size:22px;line-height:1.05}.section-heading>span{background:var(--ink);color:#fff;border-radius:999px;flex:none;padding:7px 10px;font-size:13px;font-weight:800}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:12px;display:grid}.dex-grid{background:radial-gradient(circle at 12px 12px,#fff3 0 3px,#0000 4px),#cbb3e4;border:3px solid #7c4ba3;border-radius:8px;grid-template-columns:repeat(6,minmax(72px,1fr));align-content:start;gap:8px 10px;min-height:410px;padding:16px;display:grid}.dex-entry{appearance:none;background:0 0;border:0;border-radius:6px;place-items:center;min-height:76px;padding:2px;display:grid;position:relative}.dex-entry img{height:68px;image-rendering:pixelated;object-fit:contain;width:72px;transition:transform .12s}.dex-entry span{color:#fff;background:#1f2430cc;border-radius:999px;padding:3px 5px;font-size:10px;font-weight:900;line-height:1;position:absolute;bottom:0;left:4px}.dex-entry:hover img,.dex-entry:focus-visible img,.dex-entry.is-focused img{transform:translateY(-4px)scale(1.12)}.dex-entry.is-focused{background:#ffffff57;outline:3px solid #f7f1ff}.dex-entry.is-selected:after{border:2px solid var(--line);content:"";background:#ffef6a;border-radius:999px;width:13px;height:13px;position:absolute;top:5px;right:5px}.roster-controls{border:3px solid var(--line);background:#eef6dc;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(130px,.35fr) minmax(140px,.35fr);align-items:end;gap:10px;margin-bottom:14px;padding:10px;display:grid}.dex-box .roster-controls{grid-template-columns:minmax(180px,1fr) minmax(112px,.28fr) minmax(124px,.28fr)}.roster-controls label{gap:5px;display:grid}.roster-controls span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.roster-controls input,.roster-controls select{border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fbfff1;min-height:42px;padding:8px 10px;font-weight:800}.roster-empty{margin:14px 0 0}.roster-card{appearance:none;color:var(--ink);text-align:left;background:linear-gradient(#fbfff1 0 38%,#f6efe2 38% 100%);border:3px solid #343a45;border-radius:8px;grid-template-rows:104px auto minmax(38px,auto) auto auto;gap:8px;min-height:258px;padding:10px;transition:transform .12s,box-shadow .12s,background .12s;display:grid}.roster-card__meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;min-height:22px;font-size:11px;font-weight:900;display:flex}.roster-card__meta strong{background:var(--dex-red);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 7px}.roster-card:hover,.roster-card:focus-visible,.team-slot__summary:hover,.team-slot__summary:focus-visible,.primary-button:hover,.secondary-button:hover,.start-button:hover,.audio-toggle:hover,.audio-toggle:focus-visible{box-shadow:4px 4px 0 var(--line);transform:translate(-2px,-2px)}.roster-card:disabled{opacity:.52;transform:none}.roster-card.is-selected{background:#fff1ca;outline:4px solid #f0b94d6b}.roster-card.is-focused{border-color:var(--coral)}.roster-card__name{overflow-wrap:anywhere;word-break:normal;align-items:center;min-height:38px;font-size:17px;font-weight:900;line-height:1.08;display:flex}.roster-card__types,.type-row,.coverage-list{flex-wrap:wrap;gap:6px;display:flex}.roster-card__footer{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding-top:8px;font-size:12px;display:flex}.roster-card__footer strong{color:var(--ink);white-space:nowrap}.portrait-frame{aspect-ratio:1;border:3px solid var(--line);border-radius:var(--radius);background-color:#d9d9e8;background-image:linear-gradient(#ffffff94,#ffffff29),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-width:0;padding:7px;display:flex;overflow:hidden}.dex-menu .portrait-frame--large{background:0 0;border-color:#0000;padding:0}.portrait-frame img{height:100%;image-rendering:pixelated;object-fit:contain;width:100%}.roster-card>.portrait-frame{aspect-ratio:auto;width:100%;height:112px}.portrait-frame--large{flex:0 0 100%;width:100%;min-height:252px}.type-badge,.status-tag{color:#111319;text-transform:uppercase;white-space:nowrap;border:1px solid #191a1fb8;border-radius:999px;justify-content:center;min-width:58px;padding:6px 8px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.type-normal{background:#d9d3c5}.type-fire{background:#f1885d}.type-water{background:#74b7e6}.type-electric{background:#f4d35e}.type-grass{background:#84c77d}.type-ice{background:#9dd9df}.type-fighting{background:#d96c55}.type-poison{background:#b982c6}.type-ground{background:#d2aa69}.type-flying{background:#9fb6e6}.type-psychic{background:#e985ae}.type-bug{background:#b4c96a}.type-rock{background:#b8a06a}.type-ghost{background:#8c82bd}.type-dark{color:#fff;background:#7c706d}.type-steel{background:#bac3ce}.type-fairy{background:#efabd4}.status-ready{background:#cbe9d3}.status-burn,.status-fainted{color:#fff;background:#e76550}.status-poison{background:#b982c6}.status-stun{background:#f4d35e}.status-confuse{background:#9fb6e6}.team-slots{gap:10px;display:grid}.team-slot{border:3px solid var(--line);background:#fbfff1;border-radius:8px;gap:8px;min-height:112px;padding:8px;display:grid}.team-slot--empty{color:var(--muted);border-style:dashed;align-content:center}.team-slot--empty strong{color:var(--ink);margin-top:4px;font-size:18px;display:block}.team-slot__summary{color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-height:68px;padding:0;display:grid}.team-slot__summary .portrait-frame{padding:4px}.team-slot__summary small{color:var(--muted);font-size:12px;font-weight:800;display:block}.team-slot__summary strong{overflow-wrap:anywhere;font-size:16px;line-height:1.1;display:block}.team-slot__actions,.builder-header__actions,.placeholder-actions{flex-wrap:wrap;gap:8px;display:flex}.dex-party-panel{box-shadow:none;z-index:1;background:#fffdf6c7;border:3px solid #7c4ba3;margin-top:12px;position:relative}.dex-party-panel .team-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.dex-party-panel .team-slot{min-height:96px}.dex-party-panel .team-slot__summary{grid-template-columns:58px minmax(0,1fr)}.dex-party-panel .coverage-panel,.dex-party-panel .collection-summary{display:none}.team-slot__actions button,.audio-toggle,.primary-button,.secondary-button,.x-community-link,.start-button{border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;min-height:38px;padding:8px 10px;font-weight:900}.x-community-link{text-transform:uppercase;flex:none;align-items:center;text-decoration:none;display:inline-flex}.team-slot__actions button{flex:70px;font-size:12px}.team-slot__actions button:disabled,.start-button:disabled{color:#8c8478;background:#e8e0d1}.coverage-panel,.collection-summary{border-top:1px solid var(--line-soft);gap:10px;margin-top:14px;padding-top:14px;display:grid}.collection-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.collection-summary dl div,.detail-panel__collectible{border:1px solid var(--line-soft);border-radius:var(--radius);background:#f2ecdf;padding:8px}.collection-summary dt,.collection-summary dd{margin:0}.collection-summary dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.collection-summary dd{font-size:15px;font-weight:900}.collection-summary p{color:var(--ink-soft);margin:0;font-size:13px;font-weight:800;line-height:1.35}.muted-copy{color:var(--muted);margin:0;line-height:1.45}.detail-panel{gap:14px;display:grid}.detail-panel__top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.detail-panel h2{overflow-wrap:anywhere;margin:4px 0 10px;font-size:30px;line-height:.98}.detail-panel__description{color:var(--ink-soft);margin:0;line-height:1.45}.detail-panel__collectible{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-panel__collectible span,.detail-panel__collectible strong{background:var(--surface-strong);border:1px solid var(--line-soft);color:var(--ink);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-meter,.hp-bar{gap:5px;min-width:0;display:grid}.stat-meter__meta,.hp-bar__meta{color:var(--ink-soft);justify-content:space-between;font-size:12px;font-weight:900;display:flex}.stat-meter__track,.hp-bar__track{border:1px solid var(--line);background:#ddd5c7;border-radius:999px;height:10px;overflow:hidden}.stat-meter__fill,.hp-bar__fill{background:linear-gradient(90deg, var(--sky), var(--mint));height:100%;transition:background-color .18s,width .9s cubic-bezier(.2,.74,.16,1);display:block}.hp-bar__fill--healthy{background:var(--mint)}.hp-bar__fill--warning{background:var(--amber)}.hp-bar__fill--danger{background:var(--danger)}.move-list{gap:10px;display:grid}.move-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:10px;display:grid}.move-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.move-card__top strong{overflow-wrap:anywhere;line-height:1.1}.move-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.move-card dl div{background:#f2ecdf;border-radius:6px;padding:6px}.move-card dt,.move-card dd{margin:0}.move-card dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.move-card dd{overflow-wrap:anywhere;font-size:12px;font-weight:900}.move-card p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.35}.primary-button,.start-button{background:var(--coral);color:#fff}.secondary-button{background:#fff}.start-button{flex:none;min-width:160px;font-size:16px}.builder-header__actions{justify-content:flex-end;align-items:center}.audio-toggle{color:var(--ink);background:#f8f8f2;flex:none}.audio-toggle[aria-pressed=true]{background:var(--mint);color:#fff}.volume-control{border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);text-transform:uppercase;background:#f8f8f2;flex:none;align-items:center;gap:8px;min-height:38px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.volume-control input{accent-color:var(--mint);inline-size:96px}.battle-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.audio-toggle--battle{min-height:34px;padding:6px 10px}.volume-control--battle{min-height:34px}.placeholder-screen{gap:16px;max-width:720px;margin:8vh auto 0;padding:28px;display:grid}.placeholder-screen p{color:var(--ink-soft);margin:0;line-height:1.5}.battle-screen{gap:12px;max-width:1040px;margin:0 auto;display:grid}.battle-stage,.battle-log,.command-panel,.result-panel{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.battle-stage{aspect-ratio:4/3;image-rendering:pixelated;background:linear-gradient(#ffffff0a,#14603714),url(/battle/pokememes-pixel-arena.png) 50%/cover no-repeat;border-width:4px;min-height:0;position:relative;overflow:hidden}.battle-stage:before{content:"";background:linear-gradient(#ffffff14,#0000 42%,#1b663514);position:absolute;inset:0}.battle-stage:after{content:"";z-index:1;background:linear-gradient(#0000 0 38%,#17482c1a 100%);height:34%;position:absolute;bottom:0;left:0;right:0}.battle-sky{display:none}.active-battler{pointer-events:none;z-index:2;position:absolute;inset:0}.active-battler--enemy{--anchor-x:76%;--platform-bottom:50%;--shadow-width:clamp(130px, 14vw, 190px);--sprite-bottom:52%;--sprite-height:clamp(156px, 19vw, 224px);--sprite-width:clamp(184px, 23vw, 280px)}.active-battler--player{--anchor-x:26%;--platform-bottom:18%;--shadow-width:clamp(150px, 15vw, 210px);--sprite-bottom:22%;--sprite-height:clamp(166px, 20vw, 238px);--sprite-width:clamp(194px, 24vw, 292px)}.active-battler:before,.active-battler:after{content:"";left:var(--anchor-x);pointer-events:none;position:absolute;translate:-50%}.active-battler:before{display:none}.active-battler:after{bottom:var(--platform-bottom);height:28px;width:var(--shadow-width);z-index:2;background:radial-gradient(#11432333,#1143231f 48%,#0000 72%)}.active-battler--enemy .battle-sprite{bottom:var(--sprite-bottom);height:var(--sprite-height);left:var(--anchor-x);width:var(--sprite-width);z-index:3;position:absolute}.active-battler--player .battle-sprite{bottom:var(--sprite-bottom);height:var(--sprite-height);left:var(--anchor-x);transform-origin:bottom;width:var(--sprite-width);z-index:3;position:absolute;transform:scaleX(-1)}.active-battler--player.has-back-sprite .battle-sprite,.active-battler--player.has-true-back-sprite .battle-sprite{transform:none}.battle-sprite{filter:drop-shadow(0 9px #1f243029)drop-shadow(0 0 2px #ffffffb3);image-rendering:pixelated;object-fit:contain;pointer-events:none;will-change:transform, filter;transition:filter .22s;animation:1.8s ease-in-out infinite sprite-idle;translate:-50%}.active-battler--player .battle-sprite{animation-name:sprite-idle-player}.active-battler--player.has-back-sprite .battle-sprite{animation-name:sprite-idle}.active-battler.is-entering .battle-sprite{animation:.76s cubic-bezier(.2,.9,.2,1) both sprite-enter}.active-battler--player.is-entering .battle-sprite{animation-name:sprite-enter-player}.active-battler--player.has-back-sprite.is-entering .battle-sprite{animation-name:sprite-enter}.active-battler.is-attacking .battle-sprite{animation:.52s cubic-bezier(.24,.86,.24,1) both sprite-attack}.active-battler--player.is-attacking .battle-sprite{animation-name:sprite-attack-player}.active-battler--player.has-back-sprite.is-attacking .battle-sprite{animation-name:sprite-attack}.active-battler.is-hit .battle-sprite{animation:.44s cubic-bezier(.2,.8,.2,1) both sprite-hit}.active-battler--player.is-hit .battle-sprite{animation-name:sprite-hit-player}.active-battler--player.has-true-back-sprite.is-hit .battle-sprite,.active-battler--player.has-back-sprite.is-hit .battle-sprite{animation-name:sprite-hit}.active-battler.is-fainted .battle-sprite{filter:grayscale(.85)opacity(.35)drop-shadow(0 9px #1f24301a);animation:.76s cubic-bezier(.18,.8,.22,1) both sprite-faint}.active-battler.is-low-hp .battle-sprite{filter:drop-shadow(0 9px #1f243029)drop-shadow(0 0 14px #e76550bf)}.active-battler.is-low-hp .active-battler__panel{animation:.92s ease-in-out infinite low-hp-pulse}.active-battler--player.is-fainted .battle-sprite{animation-name:sprite-faint-player}.active-battler--player.has-back-sprite.is-fainted .battle-sprite{animation-name:sprite-faint}.battle-announcer{color:var(--ink);z-index:8;background:#f8f8f2;border:5px solid #26303a;border-radius:6px;min-height:126px;padding:18px 22px;position:static;box-shadow:inset 0 0 0 3px #8b95a0,5px 5px #1f243038}.battle-announcer p{letter-spacing:0;margin:0;font-size:clamp(25px,3.6vw,42px);font-weight:900;line-height:1.18}.move-effect{pointer-events:none;z-index:5;width:190px;height:150px;position:absolute;box-shadow:none!important;background:0 0!important;border:0!important}.move-effect--enemy{top:43%;left:76%;translate:-50% -50%}.move-effect--player{bottom:25%;left:26%;translate:-50%}.move-effect span{background:currentColor;border:3px solid #ffffffc2;border-radius:999px;width:28px;height:28px;animation:.62s cubic-bezier(.15,.78,.14,1) both move-impact;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px}.move-effect span:nth-child(2){opacity:.7;width:54px;height:54px;animation-delay:70ms}.move-effect span:nth-child(3){opacity:.34;width:92px;height:92px;animation-delay:.13s}.move-effect strong{border:3px solid var(--line);color:var(--ink);text-transform:uppercase;white-space:nowrap;background:#f8f8f2;border-radius:999px;flex-direction:column;align-items:center;padding:7px 10px;font-size:18px;font-weight:900;animation:.62s cubic-bezier(.15,.78,.14,1) both move-label-pop;display:inline-flex;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px #1f24303d}.move-effect strong small{color:var(--ink-soft);margin-top:2px;font-size:9px;line-height:1;display:block}.move-effect.type-electric span,.move-effect.type-steel span{clip-path:polygon(42% 0,76% 0,60% 38%,90% 38%,34% 100%,46% 55%,16% 55%)}.move-effect.type-fire span,.move-effect.type-fighting span{border-radius:54% 46% 45% 55%/62% 60% 40% 38%}.move-effect.type-water span,.move-effect.type-ice span{border-radius:58% 42% 64% 36%/46% 54%}.move-effect.type-ground span,.move-effect.type-rock span{border-radius:8px}.move-effect.type-ghost span,.move-effect.type-dark span,.move-effect.type-psychic span{background:0 0}.move-effect.type-normal{color:#c7c2b7}.move-effect.type-fire{color:#f26b3f}.move-effect.type-water{color:#4aa3df}.move-effect.type-electric{color:#f0c433}.move-effect.type-grass{color:#62b96c}.move-effect.type-ice{color:#8fd4dc}.move-effect.type-fighting{color:#d06856}.move-effect.type-poison{color:#a86ac0}.move-effect.type-ground{color:#d0a45b}.move-effect.type-flying{color:#8da8df}.move-effect.type-psychic{color:#e26fa8}.move-effect.type-bug{color:#9dbb42}.move-effect.type-rock{color:#a78d5e}.move-effect.type-ghost{color:#7168a8}.move-effect.type-dark{color:#5f5a5a}.move-effect.type-steel{color:#9ca7ad}.move-effect.type-fairy{color:#e693bd}@keyframes move-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(.12)rotate(-8deg)}28%{opacity:1;transform:translate(-50%,-50%)scale(.8)rotate(2deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)rotate(10deg)}}@keyframes move-label-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}34%{opacity:1;transform:translate(-50%,-8px)scale(1)}to{opacity:0;transform:translate(-50%,-26px)scale(.96)}}@keyframes low-hp-pulse{0%,to{box-shadow:8px 8px #1f243033}50%{box-shadow:8px 8px #1f243033,0 0 0 4px #e7655038}}@keyframes sprite-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sprite-idle-player{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-5px)}}@keyframes sprite-enter{0%{opacity:0;transform:translateY(24px)scale(.86)}68%{opacity:1;transform:translateY(-8px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sprite-enter-player{0%{opacity:0;transform:scaleX(-1)translateY(24px)scale(.86)}68%{opacity:1;transform:scaleX(-1)translateY(-8px)scale(1.04)}to{opacity:1;transform:scaleX(-1)translateY(0)scale(1)}}@keyframes sprite-attack{0%,to{transform:translate(0)}36%{transform:translate(-9px,-4px)}58%{transform:translate(14px,6px)}}@keyframes sprite-attack-player{0%,to{transform:scaleX(-1)translate(0)}36%{transform:scaleX(-1)translate(-9px,-4px)}58%{transform:scaleX(-1)translate(16px,6px)}}@keyframes sprite-hit{0%,to{filter:drop-shadow(0 9px #1f243029)drop-shadow(0 0 2px #ffffffb3);transform:translate(0)}18%{filter:brightness(1.65)saturate(1.2)drop-shadow(0 0 18px #ffffffe6);transform:translate(7px,-2px)}38%{transform:translate(-5px,2px)}58%{transform:translate(3px)}}@keyframes sprite-hit-player{0%,to{filter:drop-shadow(0 9px #1f243029)drop-shadow(0 0 2px #ffffffb3);transform:scaleX(-1)translate(0)}18%{filter:brightness(1.65)saturate(1.2)drop-shadow(0 0 18px #ffffffe6);transform:scaleX(-1)translate(7px,-2px)}38%{transform:scaleX(-1)translate(-5px,2px)}58%{transform:scaleX(-1)translate(3px)}}@keyframes sprite-faint{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:.35;transform:translateY(24px)rotate(-7deg)}}@keyframes sprite-faint-player{0%{opacity:1;transform:scaleX(-1)translate(0)rotate(0)}to{opacity:.35;transform:scaleX(-1)translateY(24px)rotate(-7deg)}}.active-battler__panel{z-index:4;background:linear-gradient(#f6f6f2,#dbded6);border:3px solid #5f6367;border-radius:4px 14px;gap:6px;width:min(34vw,330px);padding:8px 10px;display:grid;position:absolute;box-shadow:8px 8px #1f243033}.active-battler--enemy .active-battler__panel{top:5%;left:4%}.active-battler--player .active-battler__panel{bottom:27%;right:5%}.active-battler__top{justify-content:space-between;align-items:start;gap:10px;display:flex}.active-battler__top h2{overflow-wrap:anywhere;margin:3px 0 0;font-size:clamp(18px,2.2vw,28px);line-height:1}.active-battler__top h2 span{vertical-align:middle;white-space:nowrap;margin-left:8px;font-size:.46em;font-weight:900;display:inline-block}.active-battler__panel>.type-row{display:none}.active-battler__panel .hp-bar{gap:4px;display:grid}.active-battler__panel .hp-bar__meta{font-size:11px}.team-pips{gap:7px;display:flex}.team-pip{background:var(--surface-strong);border:2px solid var(--line);border-radius:999px;width:34px;height:14px}.team-pip.is-active{background:var(--amber)}.team-pip.is-fainted{background:var(--danger)}.battle-hud{z-index:7;grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);align-items:stretch;gap:4px;padding:0 6px 6px;display:grid;position:absolute;bottom:0;left:0;right:0}.battle-log{background:#f8f8f2;border-color:#3f4650;border-radius:6px;min-height:144px;padding:10px;display:grid}.battle-log ol{align-content:end;gap:5px;min-height:96px;margin:0;padding:0;list-style:none;display:grid}.battle-log__entry{background:var(--surface-strong);border-left:5px solid var(--line-soft);color:var(--ink-soft);min-height:24px;padding:4px 8px;font-weight:800;line-height:1.3}.battle-log__entry--good{border-left-color:var(--mint)}.battle-log__entry--bad{border-left-color:var(--danger)}.battle-log__entry--system{border-left-color:var(--sky)}.command-panel{z-index:8;background:linear-gradient(90deg,#3f465014 0 2px,#0000 2px 100%) 0 0/18px 18px,linear-gradient(#fffaf0,#efe3ca);border-color:#3f4650;border-radius:6px;align-content:stretch;min-height:126px;padding:10px;display:grid}.command-grid,.battle-move-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;min-height:104px;display:grid}.command-grid button,.command-panel__top button,.battle-move-button,.switch-option{border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);font-weight:900}.command-grid button{text-align:left;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#f8f8f2,#deded6);min-height:48px;padding:8px 12px;font-size:clamp(17px,2.4vw,28px);line-height:1}.command-grid button:first-child:before{content:"▶ "}.command-grid button:hover,.command-grid button:focus-visible,.battle-move-button:hover,.battle-move-button:focus-visible,.switch-option:hover,.switch-option:focus-visible,.command-panel__top button:hover,.command-panel__top button:focus-visible{box-shadow:4px 4px 0 var(--line);transform:translate(-2px,-2px)}.command-button--danger{background:var(--coral)!important;color:#fff!important}.command-panel__top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.command-panel__top h2{margin:0;font-size:22px;line-height:1.05}.command-panel__top button{background:#fff;min-height:38px;padding:8px 12px}.replacement-notice{color:var(--ink);background:#f8f8f2;border:3px solid #3f4650;border-radius:6px;align-content:center;gap:10px;min-height:214px;padding:18px;display:grid}.replacement-notice h2{margin:0;font-size:26px;line-height:1.05}.replacement-notice p{color:var(--ink-soft);margin:0;font-weight:900}.battle-move-button{text-align:left;align-content:space-between;gap:6px;min-height:74px;padding:9px 10px;display:grid}.battle-move-button span,.switch-option strong{overflow-wrap:anywhere;line-height:1.1}.battle-move-button small{color:#191a1fc7;overflow-wrap:anywhere;text-transform:uppercase;font-size:10px;line-height:1.25}.switch-list{gap:8px;min-height:0;max-height:136px;display:grid;overflow-y:auto}.switch-option{background:var(--surface-strong);text-align:left;grid-template-columns:54px minmax(0,1fr) minmax(96px,120px);align-items:center;gap:10px;min-height:72px;padding:8px;display:grid}.switch-option .portrait-frame{padding:4px}.switch-option .hp-bar__meta{font-size:11px}.battle-info-panel{gap:12px;display:grid}.battle-info-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.battle-info-panel dl div{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);padding:8px}.battle-info-panel dt,.battle-info-panel dd{margin:0}.battle-info-panel dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.battle-info-panel dd{overflow-wrap:anywhere;font-weight:900;line-height:1.2}.battle-info-panel p{color:var(--ink-soft);margin:0;line-height:1.45}.result-panel{gap:16px;max-width:720px;margin:8vh auto 0;padding:28px;display:grid}.result-panel p{color:var(--ink-soft);margin:0;line-height:1.5}@media (max-width:1180px){.team-builder__layout{grid-template-columns:1fr}.builder-side{order:-1;position:static}.team-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(154px,1fr))}}@media (max-width:900px){.builder-header h1,.placeholder-screen h1,.result-panel h1{font-size:44px}.dex-menu{grid-template-columns:minmax(250px,.38fr) minmax(0,1fr)}.dex-box .roster-controls{grid-template-columns:1fr}.dex-grid{grid-template-columns:repeat(5,minmax(54px,1fr));padding:10px}.dex-entry{min-height:64px}.dex-entry img{width:60px;height:56px}.dex-folder{min-height:64px;padding-left:64px}.dex-folder strong{font-size:26px}}@media (max-width:760px){.game-shell{padding:12px}.builder-header{align-items:stretch;display:grid}.builder-header__actions{justify-content:stretch}.builder-header__actions>*{flex:180px}.online-room-panel{grid-template-columns:1fr}.start-button{width:100%}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dex-menu{grid-template-columns:1fr}.dex-menu .detail-panel,.dex-box{min-height:0}.dex-box .roster-controls{grid-template-columns:1fr}.dex-grid{grid-template-columns:repeat(4,minmax(58px,1fr));padding:10px}.dex-entry{min-height:68px}.dex-entry img{width:62px;height:58px}.dex-party-panel .team-slots,.dex-menu .detail-panel__top{grid-template-columns:1fr}.roster-card{grid-template-rows:90px auto minmax(42px,auto) auto auto;min-height:232px}.roster-card>.portrait-frame{height:90px}.team-slots,.stats-grid{grid-template-columns:1fr}.detail-panel__top{grid-template-columns:96px minmax(0,1fr)}.portrait-frame--large{flex-basis:96px;width:96px}.battle-stage{aspect-ratio:4/3;min-height:0}.active-battler--enemy{--anchor-x:78%;--platform-bottom:47%;--platform-width:clamp(230px, 34vw, 310px);--sprite-bottom:50%}.active-battler--player{--anchor-x:25%;--platform-bottom:9%;--platform-width:clamp(330px, 48vw, 430px);--sprite-bottom:19%}.active-battler__panel{width:min(62vw,330px);padding:10px}.active-battler--enemy .active-battler__panel{top:12px;left:12px}.active-battler--player .active-battler__panel{bottom:27%;right:12px}.battle-announcer{min-height:76px;padding:12px 14px}.command-panel{min-height:96px}.battle-announcer p{font-size:22px}.active-battler__top h2{font-size:24px}.command-grid button{min-height:52px}.switch-option{grid-template-columns:64px minmax(0,1fr);align-items:stretch}.switch-list{min-height:auto}.switch-option .hp-bar{grid-column:1/-1}.battle-info-panel dl{grid-template-columns:1fr}}@media (max-width:520px){.builder-header h1,.placeholder-screen h1,.result-panel h1{font-size:34px}.roster-grid,.roster-controls{grid-template-columns:1fr}.roster-card{grid-template-rows:auto auto auto auto;grid-template-columns:94px minmax(0,1fr);min-height:152px}.roster-card .portrait-frame{grid-row:1/5;height:100%}.roster-card__name{min-height:0}.roster-card__footer{align-items:start;display:grid}.move-card dl{grid-template-columns:1fr}.battle-stage{aspect-ratio:3/4;min-height:0}.battle-hud{grid-template-columns:1fr;padding:0 8px 8px}.battle-move-grid,.command-grid{grid-template-columns:1fr;min-height:auto}.active-battler__panel{width:calc(100% - 24px)}.active-battler--enemy .battle-sprite,.active-battler--player .battle-sprite{--sprite-height:152px;--sprite-width:184px}.active-battler--enemy{--anchor-x:76%;--platform-bottom:56%;--shadow-width:110px;--sprite-bottom:58%}.active-battler--player{--anchor-x:25%;--platform-bottom:14%;--shadow-width:132px;--sprite-bottom:25%}.active-battler--player .active-battler__panel{bottom:26%}.active-battler__top{display:grid}.team-pip{flex:1 1 0;width:auto}}