:root{--bg: #12151f;--panel: #1d2232;--panel2: #262c40;--line: #39415c;--text: #eef1f8;--muted: #9aa3bd;--accent: #ffcb05;--accent2: #3d7dca;--danger: #e2504a;--ok: #3ccf5a;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#07080c;color:var(--text);overflow:hidden}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:13px;background:#10131c;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px}code{background:#000;padding:1px 4px;border-radius:3px}.stage-outer{position:fixed;top:0;right:0;bottom:0;left:0}.stage{position:absolute;left:50%;top:50%;width:960px;height:540px;background:var(--bg);overflow:hidden;transform-origin:center}.app{width:100%;height:100%}.center-msg{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;line-height:1.8;color:var(--muted);padding:20px}.muted{color:var(--muted);font-size:13px}.error-box{background:#4a1d1d;border:1px solid var(--danger);color:#ffd7d5;padding:8px 12px;border-radius:6px;margin:0 16px 8px;font-size:13px}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:14px;cursor:pointer;transition:background .12s,transform .05s}.btn:hover:not(:disabled){background:#323a55}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:#1a1a1a;border-color:#e0b000;font-weight:700}.btn.primary:hover:not(:disabled){background:#ffd83d}.btn.ghost{background:transparent}.btn.danger{color:#ff9b96}.btn.small{padding:3px 9px;font-size:12px;border-radius:6px}.btn.big{padding:13px 28px;font-size:18px;border-radius:12px;min-width:260px}.home{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 30%,#2a3355,var(--bg) 70%)}.logo{font-size:52px;margin:0;color:var(--accent);text-shadow:3px 3px 0 #2a5aa8,0 0 30px rgba(255,203,5,.3);letter-spacing:4px}.home-user{color:var(--muted)}.home-menu{display:flex;flex-direction:column;gap:12px;margin-top:10px}.home-rule{position:absolute;bottom:14px;color:var(--muted);font-size:12px}.screen{height:100%;display:flex;flex-direction:column}.screen-head{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.screen-head h2{margin:0;font-size:18px}.head-actions{margin-left:auto;display:flex;gap:8px}.team-name{font-size:16px;font-weight:700;width:220px}.tc-ok{color:var(--ok);font-size:12px}.tc-bad{color:#ffb15c;font-size:12px}.team-list{flex:1;overflow-y:auto;padding:14px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.team-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.tc-head{display:flex;justify-content:space-between;align-items:center}.tc-name{font-weight:700}.tc-mons{display:flex;gap:2px;margin:6px 0;height:56px;align-items:center}.tc-mons img,.to-mons img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}.tc-empty{display:inline-block;width:40px;height:40px;margin:8px;border-radius:50%;border:2px dashed var(--line)}.tc-actions{display:flex;gap:6px}.import-btn{margin:0 16px 12px;align-self:flex-start}.import-box{display:flex;gap:8px;padding:0 16px 12px;align-items:flex-start}.import-box textarea{flex:1;height:60px}.editor-body{flex:1;display:flex;min-height:0}.slot-list{width:120px;border-right:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.slot{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:11px;padding:2px;cursor:pointer}.slot.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.slot img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.slot-plus{font-size:26px;height:54px;line-height:54px;color:var(--muted)}.mon-editor{flex:1;overflow-y:auto;padding:10px 14px}.picker-head{display:flex;gap:8px;margin-bottom:8px}.picker-head input{flex:1}.species-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.species-card{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:4px;cursor:pointer;gap:2px}.species-card:hover:not(:disabled){border-color:var(--accent)}.species-card:disabled{opacity:.3}.species-card img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.sc-name{font-size:12px;font-weight:700}.sc-stats{font-size:9px;color:var(--muted)}.mon-form{display:flex;flex-direction:column;gap:10px}.mf-top{display:flex;gap:14px}.mf-art{width:150px;height:150px;object-fit:contain;background:radial-gradient(circle,#2c3552,transparent 70%)}.mf-basic{flex:1;display:flex;flex-direction:column;gap:5px}.mf-name{font-size:20px;font-weight:700}.mf-dex{font-size:12px;color:var(--muted);font-weight:400}.mf-actions{display:flex;gap:6px}.field-row{display:flex;align-items:center;gap:8px;font-size:13px}.field-row span{width:64px;color:var(--muted)}.field-row select{flex:1;max-width:360px}.ability-desc{font-size:11px;color:var(--muted);margin-left:72px;margin-top:-2px}.mf-section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.mf-section-title{font-weight:700;margin-bottom:6px;display:flex;gap:10px;align-items:center}.ev-total{font-size:12px;color:var(--muted);font-weight:400}.ev-total.over{color:var(--danger)}.mf-moves{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mf-move{--tc: #555;background:linear-gradient(135deg,var(--tc),color-mix(in srgb,var(--tc) 55%,#000));border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;padding:6px;text-align:left;cursor:pointer;min-height:46px;display:flex;flex-direction:column;justify-content:center}.mf-move.sel{outline:2px solid var(--accent)}.mf-move .mv-meta{font-size:10px;opacity:.85}.mv-empty{color:var(--muted);font-size:12px}.move-picker{margin-top:8px}.move-list{max-height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.move-row{display:grid;grid-template-columns:74px 130px 34px 34px 34px 28px 1fr;align-items:center;gap:6px;background:var(--panel2);border:1px solid transparent;border-radius:6px;color:var(--text);padding:3px 6px;font-size:12px;text-align:left;cursor:pointer}.move-row:hover:not(:disabled){border-color:var(--accent)}.move-row:disabled{opacity:.35}.mr-name{font-weight:700}.mr-cat,.mr-num{color:var(--muted);text-align:right}.mr-desc{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-table{width:100%;border-collapse:collapse;font-size:13px}.stat-table th,.stat-table td{padding:2px 6px;text-align:center}.stat-table th:first-child{text-align:left;width:90px}.stat-table input[type=range]{width:100%}.stat-table .num{width:58px}.stat-val{font-weight:700;font-size:15px}.nat-up{color:#ff8a80}.nat-down{color:#82b1ff}.lobby{flex:1;display:flex;gap:16px;padding:14px 16px;min-height:0}.lobby-col{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.lobby-col h3{margin:0;font-size:15px;color:var(--muted)}.team-select{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.team-option{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:6px 10px;text-align:left;cursor:pointer}.team-option.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.team-option:disabled{opacity:.45;cursor:default}.to-name{font-weight:700;font-size:13px}.to-mons{display:flex}.to-mons img{width:48px;height:48px}.level-select{display:flex;gap:8px}.room-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.room-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.waiting-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:10px;align-items:center}.preview{height:100%;display:flex;flex-direction:column;padding:10px 16px;gap:8px;background:linear-gradient(180deg,#1b2237,var(--bg))}.preview h2{margin:0;font-size:17px;text-align:center}.preview-cols{flex:1;display:flex;gap:14px;min-height:0}.preview-col{flex:1.4;display:flex;flex-direction:column;min-height:0}.preview-col.foe{flex:1}.preview-col h3{margin:0 0 6px;font-size:14px;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow-y:auto}.preview-grid.foe{grid-template-columns:1fr 1fr}.preview-card{position:relative;display:flex;gap:6px;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:4px 6px;color:var(--text);text-align:left;cursor:pointer}.preview-card.foe{cursor:default}.preview-card.picked{border-color:var(--accent);background:#2f3550}.preview-card img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.pc-body{min-width:0;display:flex;flex-direction:column;gap:1px}.pc-name{font-weight:700;font-size:14px}.pc-sub,.pc-moves{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-no{position:absolute;top:-6px;left:-6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#111;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px}.preview-actions{display:flex;justify-content:center;padding:4px}.waiting{color:var(--muted)}.type-badge{display:inline-block;padding:1px 6px;border-radius:4px;color:#fff;font-size:10px;font-weight:700;margin-right:3px;text-shadow:0 1px 1px rgba(0,0,0,.5)}.status-chip{display:inline-block;padding:0 5px;border-radius:4px;color:#fff;font-size:10px;font-weight:700}.hpbar{height:8px;background:#0b0d14;border:1px solid #000;border-radius:4px;overflow:hidden}.hpbar.small{height:5px}.hpfill{height:100%;transition:width .55s ease-out,background .3s}.battle{height:100%;display:flex;flex-direction:column}.field{position:relative;height:380px;overflow:hidden;background:linear-gradient(180deg,#8ac6f0,#c7e8ff 45%,#9bd17c 46%,#6fb257);transition:filter .5s}.field.weather-sun{background:linear-gradient(180deg,#ffbf5e,#ffe6a8 45%,#c9cf6a 46%,#a0b04c)}.field.weather-rain{background:linear-gradient(180deg,#4e6380,#7d93ad 45%,#5f8a66 46%,#3f6b4e)}.field.weather-sand{background:linear-gradient(180deg,#c49a5a,#e0c18e 45%,#c4a26a 46%,#a3814e)}.field.weather-snow{background:linear-gradient(180deg,#b9cbe0,#e8f1fb 45%,#dfe9f2 46%,#c4d3e2)}.field.weather-rain:after,.field.weather-snow:after,.field.weather-sand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.field.weather-rain:after{background:repeating-linear-gradient(105deg,transparent 0 12px,rgba(255,255,255,.35) 12px 13px);animation:rain .5s linear infinite}.field.weather-snow:after{background:radial-gradient(circle,#fff 1.5px,transparent 2px) 0 0 / 28px 28px;animation:snow 3s linear infinite}.field.weather-sand:after{background:repeating-linear-gradient(170deg,transparent 0 20px,rgba(120,80,30,.25) 20px 22px);animation:rain .8s linear infinite}@keyframes rain{to{background-position:-40px 120px}}@keyframes snow{to{background-position:30px 140px}}.field.terrain-electric{box-shadow:inset 0 -80px 60px -40px #ffe6008c}.field.terrain-grassy{box-shadow:inset 0 -80px 60px -40px #3cc83c99}.field.terrain-psychic{box-shadow:inset 0 -80px 60px -40px #e650c88c}.field.terrain-misty{box-shadow:inset 0 -80px 60px -40px #ffaae699}.field-top{position:absolute;top:6px;left:8px;right:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;z-index:5}.turn-badge,.cond-badge{background:#0000008c;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}.cond-badge.side{background:#1e2850a6}.field-tools{margin-left:auto;display:flex;gap:4px}.tool{background:#0000008c;color:#fff;border:none;border-radius:10px;padding:3px 9px;font-size:11px;cursor:pointer}.mon-info{position:absolute;width:270px;background:#fafaf5f2;color:#222;border-radius:10px;padding:6px 10px;box-shadow:0 3px #00000040;z-index:4}.mon-info.foe{top:40px;left:30px}.mon-info.me{top:250px;right:30px}.mi-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mi-row.small{font-size:11px;margin-top:2px}.mi-name{font-weight:800;font-size:15px}.mi-lv{font-size:11px;color:#555}.mi-types{margin:2px 0 3px}.mi-item{color:#666;font-size:10px}.boost{font-size:10px;font-weight:700;padding:0 4px;border-radius:3px;color:#fff}.boost.up{background:#e0533f}.boost.down{background:#3f73e0}.sprite-wrap{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:2}.sprite-wrap.foe{right:120px;top:70px;width:200px;height:170px}.sprite-wrap.me{left:90px;top:165px;width:240px;height:210px}.platform{position:absolute;bottom:0;width:90%;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.28),rgba(0,0,0,.05) 70%,transparent 72%)}.sprite{position:relative;image-rendering:pixelated;max-width:100%;max-height:100%;margin-bottom:14px}.sprite-wrap.foe .sprite{transform:scale(1.6);transform-origin:bottom center}.sprite-wrap.me .sprite{transform:scale(2);transform-origin:bottom center}.substitute{position:relative;margin-bottom:14px;background:#fff;border:3px solid #333;border-radius:40% 40% 10% 10%;padding:20px 10px;color:#333;font-weight:800;font-size:12px}.anim-enter{animation:enter .45s ease-out}.anim-hit .sprite,.anim-hit .substitute{animation:hit .45s}.anim-faint{animation:faint .6s forwards}.anim-attack.me{animation:lunge-me .35s}.anim-attack.foe{animation:lunge-foe .35s}@keyframes enter{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes hit{0%,to{opacity:1}20%,60%{opacity:.15}40%,80%{opacity:1}}@keyframes faint{to{opacity:0;transform:translateY(60px)}}@keyframes lunge-me{50%{transform:translate(28px,-14px)}}@keyframes lunge-foe{50%{transform:translate(-28px,14px)}}.move-fx{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff,var(--fx) 45%,transparent 70%);z-index:3;pointer-events:none;opacity:0}.move-fx.from-me{animation:fx-me .5s ease-in}.move-fx.from-foe{animation:fx-foe .5s ease-in}.move-fx.cat-status{animation-duration:.7s}@keyframes fx-me{0%{left:200px;top:260px;opacity:.9;transform:scale(.4)}to{left:650px;top:120px;opacity:0;transform:scale(1.6)}}@keyframes fx-foe{0%{left:650px;top:120px;opacity:.9;transform:scale(.4)}to{left:200px;top:260px;opacity:0;transform:scale(1.6)}}.team-balls{position:absolute;display:flex;gap:4px;z-index:4}.balls-foe{top:128px;left:40px}.balls-me{top:338px;right:40px}.ball{width:13px;height:13px;border-radius:50%;background:linear-gradient(180deg,#e33 0,#e33 45%,#222 45%,#222 55%,#fff 55%);border:1px solid #222}.ball.status{filter:hue-rotate(200deg)}.ball.fainted{background:#666;opacity:.6}.log-panel{position:absolute;top:30px;right:8px;width:420px;bottom:8px;background:#0a0c14eb;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.6;overflow-y:auto;z-index:10;display:flex;flex-direction:column-reverse}.log-panel>div:first-child{order:0}.bottom{position:relative;flex:1;display:flex;background:#20263a;border-top:4px solid #0d0f17}.message-box{flex:1;margin:10px;background:#fbfbf7;color:#222;border-radius:10px;border:3px solid #4e5a7a;padding:12px 16px;font-size:18px;line-height:1.6;font-weight:600;cursor:pointer;overflow:hidden}.controls{width:560px;padding:8px 10px 8px 0;display:flex;gap:8px}.controls.result{width:300px;flex-direction:column;justify-content:center;align-items:center}.result-text{font-size:30px;font-weight:800;color:var(--accent)}.move-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.move-btn{--tc: #666;position:relative;background:linear-gradient(135deg,var(--tc),color-mix(in srgb,var(--tc) 50%,#000));border:2px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;text-align:left;padding:5px 10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.move-btn:hover:not(:disabled){border-color:#fff}.move-btn:disabled{filter:grayscale(.9);opacity:.5;cursor:default}.mv-name{font-weight:800;font-size:15px}.mv-meta{display:flex;justify-content:space-between;font-size:11px;opacity:.9}.mv-hint{position:absolute;top:3px;right:6px;font-size:9px;padding:0 4px;border-radius:3px;background:#00000073}.mv-hint.good{color:#ffe35a}.mv-hint.bad{color:#bbb}.side-buttons{width:96px;display:flex;flex-direction:column;gap:6px}.side-buttons .btn{flex:1}.switch-panel{flex:1;display:flex;flex-direction:column;gap:4px}.switch-grid{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.switch-btn{display:flex;align-items:center;gap:4px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:2px 6px;cursor:pointer;text-align:left}.switch-btn:hover:not(:disabled){border-color:var(--accent)}.switch-btn:disabled{opacity:.4;cursor:default}.switch-btn.active{border-color:#5a77c9}.switch-btn img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.switch-btn>div{flex:1;min-width:0}.sw-name{font-size:12px;font-weight:700}.sw-sub{font-size:10px;color:var(--muted)}.switch-panel .back{align-self:flex-end}.move-tooltip{position:absolute;bottom:150px;right:12px;width:420px;background:#0a0c14f2;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;z-index:20}.tt-desc{color:var(--muted);margin-top:4px}