:root{font-family:Verdana,Arial,sans-serif;color:#222;background:#e5e9ed;font-synthesis:none;--green: #00bb51;--yellow: #f5d538;--red: #ee4928}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid #4b83c5;outline-offset:1px}.shell{min-height:100vh;background:linear-gradient(#f3f5f7,#dce1e5)}.topbar{height:44px;padding:0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #aaa;background:#edf1f4;color:#333;font-size:12px}.brand,.format{display:flex;align-items:center;gap:7px}.brand svg{color:#3977a8}.format{justify-self:center;color:#666}.icon-button{justify-self:end;width:32px;height:30px;display:grid;place-items:center;border:1px solid #aaa;border-radius:4px;background:linear-gradient(#fff,#ddd);color:#444;cursor:pointer}.icon-button:hover:not(:disabled){border-color:#666;background:linear-gradient(#fff,#ccc)}.workspace{padding:9px 10px 24px}.showdown-room{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:640px minmax(260px,1fr);align-items:start}.battle-pane{width:640px}.arena{position:relative;width:640px;height:360px;overflow:hidden;border:1px solid #aaa;background:#cfd5da;color:#111;font-size:10pt}.battle-backdrop{position:absolute;width:700px;height:500px;top:-90px;left:-50px;background:#dbe7e6 url(https://play.pokemonshowdown.com/fx/bg-beach.png) no-repeat left top;opacity:.82}.arena:after{content:"";position:absolute;z-index:1;left:74px;right:74px;bottom:38px;height:72px;border-radius:50%;background:#ffffff29;box-shadow:inset 0 0 0 2px #475e5a29;transform:perspective(260px) rotateX(63deg);pointer-events:none}.field-meta{position:absolute;z-index:20;top:7px;left:7px;display:flex;gap:4px;pointer-events:none}.field-meta span{padding:3px 6px;border:1px solid rgba(40,50,55,.3);border-radius:3px;background:#fafcfdd1;color:#39434a;font-size:9px;font-weight:700;text-shadow:0 1px #fff}.weather-layer{position:absolute;inset:0;z-index:15;opacity:0;pointer-events:none}.weather-raindance .weather-layer{opacity:.32;background-image:linear-gradient(105deg,transparent 47%,rgba(190,225,255,.8) 49%,transparent 51%);background-size:28px 34px;animation:rain .42s linear infinite}.weather-sunnyday .weather-layer{opacity:.22;background:#ffe59c}.weather-sandstorm .weather-layer{opacity:.22;background:#b99d68}.weather-snow .weather-layer,.weather-hail .weather-layer{opacity:.4;background-image:radial-gradient(circle,white 0 1px,transparent 2px);background-size:34px 38px;animation:snow 2.6s linear infinite}.combatant{position:absolute;z-index:10;width:300px;height:170px;cursor:help}.combatant.opponent{top:22px;right:18px}.combatant.player{left:28px;bottom:13px}.sprite-stage{position:absolute;width:170px;height:150px;display:grid;place-items:center;transform-origin:center bottom}.sprite-stage img{max-width:160px;max-height:145px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 7px 4px rgba(0,0,0,.25))}.opponent .sprite-stage{right:0;bottom:0}.player .sprite-stage{left:0;bottom:0}.status-card{position:absolute;width:162px;min-height:45px;padding:2px 4px;color:#222}.opponent .status-card{left:0;top:0}.player .status-card{right:0;top:12px}.name-line{min-height:18px;display:flex;justify-content:center;align-items:center;gap:4px}.name-line strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px;text-shadow:#fff 1px 1px 0,#fff -1px 1px 0,#fff 1px -1px 0,#fff -1px -1px 0}.hp-track{position:relative;width:154px;height:12px;padding:1px;overflow:hidden;border:1px solid #777;border-radius:4px;background:#fcfeff}.hp-track span{display:block;height:8px;border-top:2px solid #00dd60;border-bottom:2px solid #007734;border-right:1px solid #007734;border-radius:3px;background:var(--green);transition:width .3s ease-out,background .18s ease-out}.hp-track.hp-warning span,.bench-hp.hp-warning b{border-color:#9b7600;background:var(--yellow)}.hp-track.hp-critical span,.bench-hp.hp-critical b{border-color:#9e1f13;background:var(--red)}.status-card small{margin-top:1px;color:#444;display:flex;justify-content:center;gap:5px;text-align:center;font-size:9px;text-shadow:0 1px #fff}.status-card small b{color:#111}.status-badge{padding:1px 3px;border-radius:3px;color:#fff;font-size:9px;text-shadow:none}.status-brn{background:#e53}.status-par{background:#9a4}.status-psn,.status-tox{background:#a4009a}.status-slp{background:#a7a}.status-frz{background:#099}.combatant.player.is-move .sprite-stage{animation:attackNear .42s ease-out}.combatant.opponent.is-move .sprite-stage{animation:attackFar .42s ease-out}.combatant.is-hit .sprite-stage{animation:takeHit .42s ease-out}.combatant.is-switch .sprite-stage{animation:switchIn .5s ease-out}.combatant.is-tera .sprite-stage{animation:teraFlash .65s ease-out}.impact-effect{position:absolute;z-index:18;width:62px;height:62px;border:5px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 4px #f5c732a6,0 0 12px #ffffffe6;animation:impact .42s ease-out both;pointer-events:none}.opponent .impact-effect{right:45px;bottom:38px}.player .impact-effect{left:48px;bottom:38px}.pokemon-tooltip{position:absolute;z-index:90;width:280px;padding:10px;visibility:hidden;opacity:0;border:1px solid #777;border-radius:4px;background:#f8fafb;box-shadow:0 2px 5px #00000040;color:#222;transform:translateY(4px);transition:.12s;pointer-events:none}.opponent .pokemon-tooltip{top:54px;left:0}.player .pokemon-tooltip{bottom:54px;left:35px}.combatant:hover .pokemon-tooltip,.combatant:focus-within .pokemon-tooltip,.bench-pokemon:hover .pokemon-tooltip,.bench-pokemon:focus-within .pokemon-tooltip{visibility:visible;opacity:1;transform:none}.tooltip-title{display:flex;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid #bbb}.tooltip-title span{color:#777;font-size:9px}.pokemon-tooltip dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.pokemon-tooltip dt{color:#777;font-size:8px;text-transform:uppercase}.pokemon-tooltip dd{margin:1px 0 0;overflow:hidden;text-overflow:ellipsis;font-size:11px}.stat-row{display:flex;justify-content:space-between;padding:5px;background:#e5e8ea}.stat-row span{font-size:9px;text-align:center}.stat-row b{display:block;color:#777;font-size:7px}.revealed-moves{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.revealed-moves span{padding:2px 4px;border-radius:2px;background:#e4e8eb;font-size:9px}.thinking{position:absolute;z-index:30;left:50%;bottom:8px;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #aaa;border-radius:4px;background:#ffffffe0;color:#555;font-size:10px}.thinking i{width:3px;height:3px;border-radius:50%;background:#777;animation:thinking 1s infinite}.thinking i:nth-of-type(2){animation-delay:.15s}.thinking i:nth-of-type(3){animation-delay:.3s}.event-banner{position:absolute;z-index:31;left:50%;bottom:8px;min-width:178px;max-width:310px;padding:5px 9px;display:flex;justify-content:center;gap:4px;overflow:hidden;border:1px solid rgba(45,55,60,.5);border-radius:3px;background:#f8fafbf0;color:#263039;font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%);animation:eventIn .18s ease-out both}.event-banner strong,.event-banner span{overflow:hidden;text-overflow:ellipsis}.event-tera{border-color:#8d65a7;background:#f8effff2}.battle-log-panel{height:360px;overflow-y:auto;border:1px solid #aaa;border-left:0;background:#eef2f5;font-size:10pt}.battle-log-title{position:sticky;top:0;z-index:2;padding:7px 9px;border-bottom:1px solid #bbb;background:#e2e7eb;color:#555;font-size:11px;font-weight:700}.battle-log-lines{min-height:calc(100% - 30px);padding:6px 9px;display:flex;flex-direction:column;justify-content:flex-end}.battle-log-lines p{margin:2px 0;line-height:1.35}.battle-log-lines .turn-line{margin:7px -3px 3px;padding:3px 4px;border-bottom:1px solid #c5ccd1;color:#4b6071;font-weight:700}.battle-log-lines .result-line{color:#19652e;font-weight:700}.command-panel{width:640px;min-height:136px;padding:4px 0 8px;display:grid;grid-template-columns:330px 310px;grid-template-rows:auto 1fr;color:#222;font-size:9pt}.command-heading{grid-column:1 / -1;min-height:25px;padding:3px 8px;display:flex;align-items:center;justify-content:space-between;color:#555}.command-heading strong{font-style:italic}.turn-state{color:#777;font-size:10px}.battle-actions{grid-column:1;padding-left:4px}.move-grid{width:322px;display:grid;grid-template-columns:repeat(2,155px);gap:4px}.move-grid button{position:relative;width:155px;height:40px;padding:5px 4px 3px;overflow:hidden;border:1px solid color-mix(in srgb,var(--move-color) 55%,#999);border-radius:5px;background:linear-gradient(#fff,color-mix(in srgb,var(--move-color) 20%,#e3e3e3));color:#111;text-align:center;text-shadow:0 1px rgba(255,255,255,.5);box-shadow:0 1px 2px #0000002e,inset 0 -1px 2px #fff;cursor:pointer}.move-grid button:hover:not(:disabled){border-color:color-mix(in srgb,var(--move-color) 80%,#555);background:linear-gradient(#fff,color-mix(in srgb,var(--move-color) 35%,#ccc))}.move-grid button:active:not(:disabled){background:linear-gradient(color-mix(in srgb,var(--move-color) 35%,#ccc),#fff)}.move-grid button:focus-visible{outline-color:color-mix(in srgb,var(--move-color) 70%,#244b75);outline-offset:1px}.move-grid button:disabled,button:disabled{opacity:.65;cursor:default}.move-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.move-grid kbd{position:absolute;top:3px;left:4px;min-width:14px;padding:0 2px;border:1px solid rgba(0,0,0,.2);border-radius:2px;background:#ffffff8c;color:#555;font:8px Verdana,Arial,sans-serif;line-height:13px}.move-type{position:absolute;left:5px;bottom:3px;color:color-mix(in srgb,var(--move-color) 68%,#333);font-size:9px}.move-grid small{display:block;margin-top:3px;color:#666;font-size:8px}.move-grid small b{position:absolute;right:5px;bottom:3px;font-weight:400}.tera-toggle{width:180px;margin:7px auto 0;padding:3px;display:block;border:1px solid #bbb;border-radius:3px;background:transparent;text-align:center;font-weight:700;cursor:pointer}.tera-toggle:hover{border-color:#888;background:#e5e5e5}.tera-toggle.selected{background:linear-gradient(120deg,#ffbaba,#ffe19a,#caffc9,#b8eeff,#d6c2ff,#ffbee4);color:#111}.tera-toggle input{width:14px;height:14px;vertical-align:-2px}.tera-toggle small{font-weight:400}.bench-area{grid-column:2;padding:0 0 0 4px}.bench-label{margin:-20px 0 4px;color:#458;font-size:12px;font-weight:700;font-style:italic}.bench-strip{display:grid;grid-template-columns:repeat(3,98px);gap:4px}.bench-pokemon{position:relative;width:98px;min-height:36px;padding:3px 3px 4px 0;display:flex;align-items:center;overflow:visible;border:1px solid #aaa;border-radius:5px;background:linear-gradient(#f6f6f6,#ddd);color:#111;text-align:left;box-shadow:0 1px 2px #00000026;cursor:pointer}.bench-pokemon:hover:not(:disabled){border-color:#606060;background:linear-gradient(#fff,#ccc)}.bench-pokemon img{width:34px;height:30px;flex:0 0 34px;object-fit:contain}.bench-pokemon>span{min-width:0}.bench-pokemon strong,.bench-pokemon small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bench-pokemon strong{font-size:9px}.bench-pokemon small{color:#666;font-size:7px}.bench-hp{width:53px;height:3px;margin-top:2px;display:block;overflow:hidden;background:#aeb4b8}.bench-hp b{height:100%;display:block;background:var(--green)}.bench-pokemon .pokemon-tooltip{left:0;bottom:calc(100% + 4px)}.forced-switch{grid-column:1 / -1;padding:4px}.forced-switch p{margin:0 0 4px}.forced-switch .bench-strip{grid-template-columns:repeat(5,102px)}.waiting{grid-column:1 / -1;min-height:70px;display:flex;justify-content:center;align-items:center;color:#666}.error{grid-column:1 / -1;margin:0 8px 5px;padding:5px 7px;border:1px solid #c88;background:#fee;color:#922}.primary-action{grid-column:1 / -1;margin:8px;padding:8px;border:1px solid #888;border-radius:4px;background:linear-gradient(#fff,#ddd)}@keyframes attackNear{40%{transform:translate(34px,-14px) scale(1.05)}}@keyframes attackFar{40%{transform:translate(-34px,14px) scale(1.05)}}@keyframes takeHit{25%{transform:translate(-8px);filter:brightness(2)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes switchIn{0%{opacity:0;transform:scale(.25)}70%{opacity:1;transform:scale(1.08)}}@keyframes teraFlash{45%{transform:scale(1.1);filter:brightness(2) drop-shadow(0 0 8px #8cf)}}@keyframes impact{0%{opacity:0;transform:scale(.25)}35%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes eventIn{0%{opacity:0;transform:translate(-50%,5px)}}@keyframes thinking{50%{transform:translateY(-2px);opacity:.4}}@keyframes rain{to{background-position:-28px 34px}}@keyframes snow{to{background-position:16px 38px}}@media(max-width:820px){.topbar{grid-template-columns:1fr auto auto;gap:8px}.format{font-size:10px}.workspace{padding:6px 0 20px}.showdown-room{display:block}.battle-pane{width:100%}.arena{width:100%;height:auto;aspect-ratio:16 / 9}.battle-backdrop{width:110%;height:139%;top:-25%;left:-8%;background-size:cover}.combatant{width:47%;height:48%}.combatant.opponent{top:5%;right:2%}.combatant.player{left:2%;bottom:2%}.sprite-stage{width:58%;height:84%}.sprite-stage img{max-width:100%;max-height:100%}.status-card{width:55%}.hp-track{width:100%}.name-line strong{font-size:10px}.status-card small{font-size:8px}.command-panel{width:100%;max-width:100%;min-height:230px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding-inline:4px;overflow:hidden}.battle-actions,.bench-area{grid-column:1;min-width:0}.move-grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.move-grid button{width:100%;min-width:0}.bench-area{margin-top:24px}.bench-label{margin:-18px 0 4px}.bench-strip{width:100%;min-width:0;display:flex;overflow-x:auto;padding-bottom:4px}.bench-pokemon{flex:0 0 98px}.battle-log-panel{width:100%;height:180px;border-left:1px solid #aaa}.pokemon-tooltip{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}