:root{--bg: #1b1b1e;--surface: #242428;--surface-raised: #2c2c31;--border: #3a3a40;--text: #e6e2dd;--text-dim: #9b968f;--accent: #c98a8a;--accent-strong: #dba3a3;--data: #d4b45f;--danger: #d4756b;--ok: #8fb98b;--font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:15px;line-height:1.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.screen{max-width:880px;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.25rem}h1{font-size:1.7rem;margin:0;letter-spacing:.02em}h2{font-size:1rem;margin:0 0 .6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.panel{background:var(--surface);border:1px solid var(--border);padding:1rem 1.25rem}button{font-family:inherit;font-size:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.primary-button{background:var(--accent);color:#231818;border:1px solid var(--accent);padding:.7rem 1.6rem;font-weight:700;letter-spacing:.03em}.primary-button:not(:disabled):hover{background:var(--accent-strong)}.ghost-button{background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:.55rem 1rem}.ghost-button:not(:disabled):hover{color:var(--text);border-color:var(--text-dim)}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.error-box{border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);padding:.6rem .9rem;margin:0}.badge{font-size:.7rem;padding:.1rem .45rem;border:1px solid var(--data);color:var(--data);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle}.home-header .tagline{color:var(--text-dim);max-width:60ch}.dev-status{color:var(--data);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.ruleset-name{font-weight:700}.ruleset-facts{margin:.5rem 0 0;padding-left:1.2rem;color:var(--text-dim)}.home-footer{color:var(--text-dim);font-size:.78rem;border-top:1px solid var(--border);padding-top:.9rem}.preview-instructions{color:var(--text-dim);margin:0}.preview-roster{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;margin:0;padding:0}.preview-slot{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text);position:relative}.preview-slot-button.picked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pick-order{position:absolute;top:.3rem;right:.3rem;font-size:.7rem;color:var(--accent-strong);border:1px solid var(--accent);padding:0 .3rem}.pick-count{color:var(--text-dim);margin:.75rem 0 0}.battle-screen{max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto auto 1fr;grid-template-areas:"header header" "field  log" "actions log" "team   log";align-items:start;gap:1.25rem}.battle-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.battle-phase{color:var(--data)}.battlefield{grid-area:field;display:flex;flex-direction:column;gap:1.5rem;background:var(--surface);border:1px solid var(--border);padding:1.5rem;overflow:hidden}.combatant{display:flex;align-items:center;gap:1.25rem}.combatant-opponent{justify-content:flex-end}.combatant-player{justify-content:flex-start}.combatant-info{min-width:220px}.combatant-name{margin:0 0 .35rem;font-weight:700;display:flex;gap:.5rem;align-items:center}.sprite{width:96px;height:96px;image-rendering:pixelated;transition:transform .5s ease-in,opacity .5s ease-in,filter .5s ease-in}.sprite-fainted{transform:translateY(22px);opacity:.35;filter:grayscale(1) brightness(.5)}@keyframes lunge-player{35%{transform:translate(26px,-18px)}}@keyframes lunge-opponent{35%{transform:translate(-26px,18px)}}@keyframes hit-shake{15%{transform:translate(-7px);filter:brightness(1.8)}35%{transform:translate(6px);filter:brightness(1.6)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}.combatant-player.fx-attack-a .sprite,.combatant-player.fx-attack-b .sprite{animation:lunge-player .36s ease-out}.combatant-opponent.fx-attack-a .sprite,.combatant-opponent.fx-attack-b .sprite{animation:lunge-opponent .36s ease-out}.fx-hit-a .sprite,.fx-hit-b .sprite{animation:hit-shake .4s ease-out}.sprite-fallback{display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:1px dashed var(--border);color:var(--text-dim);font-weight:700;border-radius:50%}.hpbar{display:flex;align-items:center;gap:.6rem}.hpbar-track{flex:1;height:10px;background:var(--surface-raised);border:1px solid var(--border)}.hpbar-fill{height:100%;transition:width .5s ease-out,background-color .5s ease-out}.hpbar-high{background:var(--ok)}.hpbar-mid{background:var(--data)}.hpbar-low{background:var(--danger)}.hpbar-text{color:var(--data);font-size:.82rem;min-width:5.5ch;text-align:right}.team-dots{margin:.4rem 0 0;display:flex;gap:.3rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.dot-fainted{background:transparent;border:1px solid var(--border)}.status-tag{font-size:.7rem;border:1px solid var(--data);color:var(--data);padding:0 .35rem;text-transform:uppercase}.boost-chip-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.boost-chip{font-size:.7rem;font-weight:700;padding:0 .35rem;border-radius:2px}.boost-up{color:#1c2b1a;background:var(--ok)}.boost-down{color:#2b1917;background:var(--danger)}.controls{grid-area:actions;display:flex;flex-direction:column;gap:.75rem}.move-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.move-button{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;background:var(--surface-raised);border:1px solid var(--accent);color:var(--text);padding:.7rem .9rem}.move-button:not(:disabled):hover{border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,var(--surface-raised))}.move-name{font-weight:700}.move-pp{color:var(--data);font-size:.78rem}.type-badge-row{display:inline-flex;gap:.25rem}.type-badge{color:#fff;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.05rem .4rem;border-radius:2px;text-shadow:0 1px 1px rgb(0 0 0 / 55%)}.eff-chip{font-size:.7rem;font-weight:700;padding:0 .35rem;border-radius:2px}.eff-super{color:#1c2b1a;background:var(--ok)}.eff-weak{color:var(--text-dim);border:1px solid var(--border)}.eff-immune{color:#2b1917;background:var(--danger)}.move-cell{position:relative;display:flex}.move-cell .move-button{flex:1}.move-main{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-align:left}.move-meta{display:flex;align-items:center;gap:.35rem}.move-category{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.move-tooltip{display:none;position:absolute;z-index:10;bottom:calc(100% + 6px);left:0;right:0;background:var(--surface-raised);border:1px solid var(--data);color:var(--text);font-size:.78rem;line-height:1.4;padding:.5rem .7rem;pointer-events:none;flex-direction:column;gap:.25rem}.move-cell:hover .move-tooltip,.move-cell:focus-within .move-tooltip{display:flex}.move-tooltip-stats{color:var(--data)}.move-tooltip-eff{color:var(--accent-strong)}.switch-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.switch-label{color:var(--text-dim)}.switch-button{background:transparent;border:1px solid var(--border);color:var(--text);padding:.45rem .8rem}.switch-button:not(:disabled):hover{border-color:var(--accent)}.trapped-note{color:var(--text-dim);font-size:.82rem;margin:0}.team-strip{grid-area:team;display:flex;gap:.5rem;flex-wrap:wrap}.team-chip{display:flex;gap:.5rem;align-items:center;border:1px solid var(--border);background:var(--surface);padding:.3rem .6rem;font-size:.82rem}.team-chip.active{border-color:var(--accent)}.team-chip.fainted{opacity:.5}.team-chip-hp{color:var(--data)}.battle-log{grid-area:log;background:var(--surface);border:1px solid var(--border);padding:.9rem 1.1rem;max-height:75vh;overflow-y:auto;font-size:.85rem;position:sticky;top:1rem}.log-line{margin:0 0 .15rem;color:var(--text-dim)}.log-line.log-turn-started{color:var(--data);margin-top:.5rem}.log-line.log-move-used,.log-line.log-switch{color:var(--text)}.log-line.log-faint,.log-line.log-battle-ended{color:var(--accent-strong);font-weight:700}.home-team-summary{color:var(--text-dim);margin:0 0 .75rem}.team-name-label{display:block;color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.team-name-input{width:100%;max-width:320px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.95rem;padding:.45rem .7rem;margin-bottom:.75rem}.team-name-input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.saved-team-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.saved-team-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;border:1px solid var(--border);background:var(--surface-raised);padding:.5rem .75rem}.saved-team-row.active{border-color:var(--accent)}.saved-team-actions{display:flex;gap:.4rem;flex-wrap:wrap}.saved-team-active-badge{margin-left:.5rem}.saved-team-footer{margin-top:.75rem}.team-textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.88rem;line-height:1.45;padding:.7rem .9rem;resize:vertical;margin-bottom:.75rem}.team-textarea:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.editor-note{color:var(--text-dim);font-size:.82rem;margin:.6rem 0 0}.problem-list{margin:0;padding-left:1.2rem;color:var(--danger)}.saved-notice{border:1px solid var(--ok);color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,transparent);padding:.6rem .9rem;margin:0}.editor-team-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.6rem}.editor-team-card{display:flex;gap:.75rem;align-items:center;border:1px solid var(--border);background:var(--surface-raised);padding:.5rem .75rem}.editor-team-card .sprite{width:64px;height:64px;flex-shrink:0}.editor-team-name{margin:0;font-weight:700}.editor-team-detail{margin:.15rem 0 0;color:var(--text-dim);font-size:.8rem}.result-win{color:var(--ok)}.result-loss{color:var(--danger)}.result-facts{display:flex;gap:2rem;margin:0}.result-facts dt{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.result-facts dd{margin:.2rem 0 0;font-size:1.3rem;color:var(--data)}@media(max-width:900px){.battle-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"header" "field" "actions" "team" "log"}.battle-log{max-height:260px;position:static}}@media(max-width:640px){.combatant{flex-direction:column;align-items:center;text-align:center}.combatant-opponent,.combatant-player{justify-content:center}.result-facts{flex-direction:column;gap:.8rem}}