:root{color:#e5eefb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07111f;font-family:Pretendard Variable,Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#07111f}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #60a5fae6}:root{--bg:#eef3f9;--bg-soft:#f6f9fd;--panel:#fff;--panel-strong:#fff;--panel-border:#0f172a14;--panel-inner:#f9fbfe;--text:#112236;--muted:#1122369e;--track:#94a3b847;--ally:#34b5f5;--ally-strong:#177fdd;--enemy:#fb7185;--enemy-strong:#ef4444;--mega:#a855f7;--accent:#2563eb;--shadow:0 18px 40px #0f172a14;--panel-title-size:1.08rem;--panel-body-size:.96rem;--panel-label-size:.9rem;--panel-meta-size:.86rem;--panel-chip-size:.9rem}.app-shell.dark{--bg:#0b1320;--bg-soft:#101b2d;--panel:#111b2d;--panel-strong:#0e1726;--panel-border:#94a3b824;--panel-inner:#162235;--text:#edf5ff;--muted:#edf5ffa8;--track:#94a3b82e;--ally:#51c9ff;--ally-strong:#2d9cff;--enemy:#ff8897;--enemy-strong:#ff6176;--mega:#c084fc;--accent:#77a8ff;--shadow:0 26px 48px #02061757}.app-shell{min-height:100vh;color:var(--text);background:var(--bg);overflow:clip visible}.app-chrome{width:min(1680px,100vw - 24px);margin:0 auto;padding:16px 0 20px}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:16px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{object-fit:contain;flex:none;width:clamp(42px,3.2vw,54px);height:clamp(42px,3.2vw,54px);display:block}.brand h1{letter-spacing:-.06em;white-space:nowrap;align-items:baseline;gap:10px;margin:0;font-size:clamp(1.72rem,2.1vw,2.1rem);line-height:1.04;display:inline-flex}.brand-main{font-size:1em;font-weight:900}.brand-sub{letter-spacing:-.03em;color:var(--muted);font-size:.62em;font-weight:700}.heading-with-help{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.team-heading-row{flex-wrap:wrap}.panel-mode-switch{margin-left:6px}.panel-mode-switch button{min-width:118px}.champion-scope-toggle{border:1px solid color-mix(in srgb, #f59e0b 30%, var(--panel-border));background:color-mix(in srgb, #f59e0b 10%, var(--panel));min-height:40px;color:color-mix(in srgb, #f59e0b 68%, var(--text));box-shadow:var(--shadow);font-size:var(--panel-chip-size);white-space:nowrap;cursor:pointer;border-radius:12px;padding:0 14px;font-weight:800;transition:background-color .17s,color .17s,border-color .17s,box-shadow .17s}.champion-scope-toggle.on{color:#111827;background:#f59e0b;border-color:#f7af37;box-shadow:inset 0 0 0 1px #ffffff38,0 8px 20px #f59e0b3d}.champion-scope-toggle:hover{background:color-mix(in srgb, #f59e0b 18%, var(--panel));border-color:#f59e0b85}.champion-scope-toggle.on:hover{background:#f59e0b}.panel-mode-switch,.target-toggle{isolation:isolate;position:relative}.panel-mode-switch:before,.target-toggle:before{content:"";z-index:-1;width:calc(50% - 6px);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent) inset, 0 8px 18px #2563eb1a;background:#2563eb26;border-radius:12px;transition:transform .18s,background-color .18s,box-shadow .18s;position:absolute;top:4px;bottom:4px;left:4px}.panel-mode-switch:has(button:nth-child(2).active):before{transform:translate(calc(100% + 4px))}.target-toggle:has(button:nth-child(2).active):before{transform:translate(calc(100% + 4px))}.header-controls{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.header-help,.header-meta-tools{align-items:center;gap:10px;display:inline-flex}.header-view-menu{border:1px solid var(--panel-border);background:color-mix(in srgb, var(--panel) 86%, transparent);min-height:46px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:4px;padding:4px;display:inline-flex}.header-view-menu button{min-height:38px;color:var(--muted);font-size:var(--panel-chip-size);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 14px;font-weight:800;transition:background-color .17s,color .17s,box-shadow .17s;position:relative}.header-view-menu button:hover{color:var(--text);background:#2563eb14}.header-view-menu button.active{color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent) inset;background:#2563eb26}.segmented,.lang-select,.styled-select,.icon-toggle,.ghost-button,.primary-button,.ghost-icon,.danger-pill,.search-box,.panel,.preset-inline select,.preset-inline button,.saved-team-input input,.battle-side-head select,.field input,.field select,.field select{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.segmented,.graph-help,.search-box,.lang-select,.styled-select,.icon-toggle,.primary-button,.ghost-button,.ghost-icon,.danger-pill,.preset-inline select,.preset-inline button,.saved-team-input input,.battle-side-head select,.field input{border-radius:16px}.segmented{flex-wrap:nowrap;gap:4px;padding:4px;display:inline-flex}.segmented.wrap{flex-wrap:wrap}.option-switch{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 84%, #94a3b814), color-mix(in srgb, var(--panel-inner) 88%, #94a3b814));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--panel-border) 82%, #94a3b82e), inset 0 8px 18px #0f172a08;position:relative}.segmented.switch-track{grid-template-columns:repeat(var(--switch-columns), minmax(0, 1fr));isolation:isolate;grid-auto-rows:minmax(40px,auto);display:grid;position:relative}.segmented.switch-track:before{content:"";z-index:0;top:calc(4px + var(--switch-row) * ((100% - 8px - (var(--switch-rows) - 1) * 4px) / var(--switch-rows) + 4px));left:calc(4px + var(--switch-col) * ((100% - 8px - (var(--switch-columns) - 1) * 4px) / var(--switch-columns) + 4px));width:calc((100% - 8px - (var(--switch-columns) - 1) * 4px) / var(--switch-columns));height:calc((100% - 8px - (var(--switch-rows) - 1) * 4px) / var(--switch-rows));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent) inset, 0 8px 18px #2563eb1a;background:#2563eb26;border-radius:12px;transition:left .18s,top .18s,width .18s,height .18s,background-color .18s,box-shadow .18s;position:absolute}.segmented.compact button{min-width:72px}.segmented button,.icon-toggle,.primary-button,.ghost-button,.ghost-icon,.danger-pill,.preset-inline button,.search-result,.toggle-chip,.rank-controls button{color:inherit;cursor:pointer;background:0 0;border:0;transition:background-color .17s,color .17s,border-color .17s,box-shadow .17s,opacity .17s}.segmented button{z-index:1;min-height:40px;font-size:var(--panel-chip-size);white-space:nowrap;border-radius:12px;padding:0 14px;font-weight:700;position:relative}.segmented button.speed-modifier-option,.toggle-chip{justify-content:center;align-items:center;gap:5px;display:inline-flex}.multiplier-badge{box-sizing:border-box;background:color-mix(in srgb, var(--accent) 18%, transparent);width:32px;height:18px;color:color-mix(in srgb, var(--text) 86%, var(--accent));border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.multiplier-badge-text{font-variant-numeric:tabular-nums;display:block;letter-spacing:0!important;font-family:Arial,sans-serif!important;font-size:10px!important;font-weight:800!important;line-height:1!important;transform:none!important}.ability-option-tooltip{z-index:110;border:1px solid var(--panel-border);background:var(--panel-strong);width:max-content;max-width:min(320px,100vw - 32px);color:var(--text);white-space:normal;text-align:left;opacity:0;pointer-events:none;border-radius:12px;padding:10px 12px;font-size:.86rem;font-weight:650;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(5px);box-shadow:0 18px 40px #0f172a3d}.segmented button.speed-ability-option:hover .ability-option-tooltip,.segmented button.speed-ability-option:focus-visible .ability-option-tooltip{opacity:1;transform:translateY(0)}.segmented button.active,.ghost-button.active,.toggle-chip.on,.rank-controls button:hover,.search-result:hover{background:#2563eb26}.panel-mode-switch button.active,.target-toggle button.active,.switch-track button.active{background:0 0}.option-switch button.active{box-shadow:none;background:0 0}.segmented button:hover:not(.active):not(:disabled),.ghost-button:hover:not(:disabled),.ghost-icon:hover:not(:disabled),.icon-toggle:hover:not(:disabled),.lang-select:hover:not(:disabled),.mega-select:hover:not(:disabled),.preset-inline button:hover:not(:disabled),.battle-side-head select:hover:not(:disabled),.field select:hover:not(:disabled),.field input:hover:not(:disabled),.inline-input input:hover:not(:disabled){background:#2563eb14;border-color:#2563eb42}.primary-button:hover:not(:disabled){filter:saturate(1.06);box-shadow:inset 0 0 0 1px #ffffff14,0 18px 32px #2563eb33}.danger-pill:hover:not(:disabled){background:#ef444438;border-color:#ef444442}.lang-select,.icon-toggle{min-height:46px;padding:0 14px}.styled-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;transition:border-color .17s,box-shadow .17s,background-color .17s,color .17s,transform .17s;padding-right:42px!important}.styled-select:focus-visible{border-color:#51c9ff6b;outline:none;box-shadow:0 0 0 1px #51c9ff38,0 12px 26px #0f172a29}.icon-toggle{min-width:46px;font-size:1.1rem}.theme-toggle{width:46px;min-width:46px;color:var(--text);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.theme-icon{color:var(--text);transition:color .17s,transform .17s;display:block;position:relative}.theme-toggle.is-dark .theme-icon{width:18px;height:18px;box-shadow:none;background:currentColor;border-radius:999px}.theme-toggle.is-light .theme-icon{background:currentColor;border-radius:999px;width:18px;height:18px}.theme-ray{width:0;height:0;transform:translate(-50%, -50%) rotate(var(--ray-angle)) translateY(-15px);border-bottom:5px solid;border-left:3px solid #0000;border-right:3px solid #0000;display:none;position:absolute;top:50%;left:50%}.theme-toggle.is-light .theme-ray{display:block}.theme-ray-1{--ray-angle:0deg}.theme-ray-2{--ray-angle:45deg}.theme-ray-3{--ray-angle:90deg}.theme-ray-4{--ray-angle:135deg}.theme-ray-5{--ray-angle:180deg}.theme-ray-6{--ray-angle:225deg}.theme-ray-7{--ray-angle:270deg}.theme-ray-8{--ray-angle:315deg}.tooltip-anchor{border:1px solid var(--panel-border);background:var(--panel);min-height:44px;box-shadow:var(--shadow);color:var(--text);cursor:help;border-radius:16px;align-items:center;gap:4px;padding:0 14px;display:inline-flex;position:relative}.tooltip-anchor.inline-help{border-radius:999px;justify-content:center;min-width:30px;min-height:30px;padding:0;font-weight:700}.tooltip-anchor .tooltip-panel{z-index:100;border:1px solid var(--panel-border);background:var(--panel-strong);width:min(360px,100vw - 32px);color:var(--text);white-space:pre-line;opacity:0;pointer-events:none;border-radius:14px;padding:12px 14px;line-height:1.5;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(6px);box-shadow:0 18px 40px #0f172a3d}.tooltip-anchor .tooltip-panel.multiline{white-space:normal}.tooltip-lines{gap:8px;display:grid}.tooltip-line{display:block}.tooltip-anchor:hover .tooltip-panel,.tooltip-anchor:focus-visible .tooltip-panel,.tooltip-anchor:focus-within .tooltip-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip-anchor.right .tooltip-panel{left:auto;right:0}.workspace{gap:16px;display:grid}.team-workspace{grid-template-columns:minmax(0,1.618fr) minmax(320px,1fr);align-items:start}.left-stack{gap:16px;min-width:0;display:grid}.roster-workspace,.quiz-workspace{grid-template-columns:1fr}.panel{border-radius:30px;overflow:visible}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px 10px;display:flex}.panel-head h2,.team-card-head h3,.detail-head h3,.battle-side-head h3{font-size:var(--panel-title-size);overflow-wrap:anywhere;min-width:0;margin:0}.panel-head p,.team-card-head p,.detail-head p{color:var(--muted);font-size:var(--panel-meta-size);margin:4px 0 0}.team-panel,.battle-panel,.compare-panel,.roster-panel,.quiz-panel{padding-bottom:18px}.team-toolbar,.team-columns,.setup-row,.detail-card,.battle-grid,.compare-list,.app-footer{margin:0 22px}.team-panel .team-toolbar,.team-panel .setup-row{margin-left:10px;margin-right:10px}.team-panel .team-columns,.team-panel .detail-card{margin-left:0;margin-right:0}.team-toolbar{grid-template-columns:max-content max-content minmax(320px,1fr);align-items:center;gap:12px;min-width:0;max-width:100%;margin-bottom:12px;display:grid}.team-toolbar .search-box,.team-toolbar .search-shell{grid-column:3;width:100%;min-width:0}.toolbar-group{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;max-width:100%;display:inline-flex}.toolbar-group .segmented{min-width:0;max-width:100%}.toolbar-group.side-group{grid-column:1;width:288px}.toolbar-group.side-group .segmented{width:288px;min-width:288px}.toolbar-group.import-group{grid-column:2}.search-box{grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:grid}.search-box span{color:var(--muted);font-weight:700;font-size:var(--panel-label-size);white-space:nowrap}.search-box input,.field input,.field select,.battle-side-head select,.preset-inline select{font-size:var(--panel-body-size);width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0}.search-shell{min-width:0;position:relative}.search-popover{border:1px solid var(--panel-border);background:var(--panel-inner);border-radius:22px;gap:6px;margin:0 22px 12px;padding:10px;display:grid}.search-popover.search-overlay{z-index:30;max-height:min(420px,52vh);margin:0;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #0f172a3d}.battle-search-box{min-height:42px;font-size:var(--panel-body-size);align-self:start}.battle-search-shell{z-index:6}.battle-search-popover{border-radius:18px;align-content:start;margin:0;padding:8px;left:0;right:0}.battle-side.battle-side-searching .battle-search-popover{min-height:0}.search-result{font-size:var(--panel-body-size);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.result-icon,.slot-icon{object-fit:contain;width:42px;height:42px}.slot-icon.large{width:52px;height:52px}.search-result em{color:var(--muted);font-style:normal}.target-toggle{justify-self:auto;width:100%}.target-toggle button{white-space:nowrap;text-align:center;flex:1 1 0;min-width:0;padding-left:10px;padding-right:10px;font-size:.84rem;line-height:1}@media (width<=1500px){.team-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.toolbar-group.side-group,.toolbar-group.import-group,.team-toolbar .search-box,.team-toolbar .search-shell{grid-column:auto}.toolbar-group.side-group{grid-area:1/1;width:100%}.toolbar-group.import-group{grid-area:1/2}.team-toolbar .search-box,.team-toolbar .search-shell{grid-area:2/1/auto/-1}}.setup-row{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:8px;margin-bottom:14px;display:grid}.team-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:0;display:grid}.team-card,.detail-card,.battle-side{background:var(--panel-inner);border:0;border-radius:24px;padding:14px}.team-card,.detail-card{height:100%}.team-card.ally,.battle-side.ally,.team-card.enemy,.battle-side.enemy{box-shadow:none}.team-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.team-card-head>div:first-child{flex:auto;min-width:0}.team-card-head h3{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.team-card-head p{white-space:nowrap}.team-card-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.saved-team-panel{background:linear-gradient(#2563eb0f,#2563eb03);border:0;border-radius:20px;gap:12px;margin-bottom:14px;padding:14px;display:grid}.saved-team-panel.modal{background:0 0;border:0;margin-bottom:0;padding:0}.showdown-import-dialog{width:min(720px,100vw - 24px)}.showdown-import-panel{gap:14px}.showdown-import-meta{align-items:flex-start}.showdown-import-input textarea{resize:vertical;border:1px solid var(--panel-border);background:var(--panel);width:100%;min-height:280px;color:var(--text);box-shadow:var(--shadow);font:inherit;border-radius:18px;outline:0;padding:14px 16px;line-height:1.45}.showdown-import-input textarea:focus{border-color:#2563eb57}.showdown-import-status{border:1px solid var(--panel-border);background:var(--panel);border-radius:18px;gap:8px;padding:12px 14px;display:grid}.showdown-import-status.success{background:#22c55e14;border-color:#22c55e3d}.showdown-import-status.error{background:#ef444414;border-color:#ef44443d}.showdown-import-warning-list{flex-wrap:wrap;gap:6px 8px;display:flex}.showdown-import-warning-list span{font-size:var(--panel-meta-size);background:#94a3b824;border-radius:999px;padding:4px 8px}.showdown-import-actions{justify-content:flex-end;gap:10px;display:flex}.saved-manager-overlay{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0206179e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.saved-manager-dialog{border:1px solid var(--panel-border);background:var(--panel-strong);border-radius:28px;gap:14px;width:min(760px,100vw - 24px);max-height:min(820px,100vh - 24px);padding:18px;display:grid;box-shadow:0 30px 80px #0206176b}.saved-manager-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.saved-manager-head h3{font-size:var(--panel-title-size);margin:0}.saved-manager-head p{color:var(--muted);font-size:var(--panel-meta-size);margin:4px 0 0}.saved-team-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.saved-team-input{gap:8px;display:grid}.saved-team-input span{font-size:var(--panel-label-size);font-weight:800}.saved-team-input input{outline:0;width:100%;min-width:0;min-height:44px;padding:0 14px}.saved-team-meta{color:var(--muted);font-size:var(--panel-meta-size);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}.saved-team-meta strong{color:var(--text);font-size:var(--panel-label-size)}.saved-team-list{gap:8px;max-height:296px;padding-right:4px;display:grid;overflow:auto}.saved-team-card{border:1px solid var(--panel-border);background:var(--panel);cursor:pointer;border-radius:18px;padding:10px 12px;transition:background-color .17s,border-color .17s,box-shadow .17s;display:block}.saved-team-card:hover{background:#2563eb0f;border-color:#2563eb3d;box-shadow:inset 0 0 0 1px #2563eb14}.saved-team-card.selected{border-color:#2563eb57;box-shadow:inset 0 0 0 1px #2563eb2e}.saved-team-card-row{align-items:center;gap:8px 12px;display:flex}.saved-team-summary{flex:0 auto;min-width:0}.saved-team-summary strong,.saved-team-empty strong{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;display:block;overflow:hidden}.saved-team-summary span,.saved-team-card-side time{color:var(--muted);font-size:var(--panel-meta-size)}.saved-team-preview{flex:none;justify-content:flex-start;align-items:center;min-height:56px;padding-left:12px;display:flex;overflow:visible}.saved-team-icon-shell{justify-content:center;align-items:center;width:54px;height:54px;margin-left:-12px;display:inline-flex}.saved-team-icon-shell:first-child{margin-left:0}.saved-team-icon{object-fit:contain;width:54px;height:54px}.saved-team-actions{justify-content:flex-end;align-self:center;gap:8px;display:flex}.saved-team-card-side{justify-items:end;gap:6px;min-width:fit-content;margin-left:auto;display:grid}.saved-team-actions .ghost-button,.saved-team-actions .danger-pill{min-height:36px;padding:0 12px}.saved-team-empty{border:1px dashed var(--panel-border);color:var(--muted);text-align:center;background:#94a3b80f;border-radius:18px;padding:14px}.preset-inline{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;display:grid}.preset-inline select,.preset-inline button,.ghost-icon,.danger-pill,.battle-side-head select,.field input,.field select,.inline-input input{min-height:40px;padding:0 12px}.lang-select option,.preset-inline select option,.battle-side-head select option,.mega-select option{color:#0f172a;background:#fff}.app-shell.dark .lang-select option,.app-shell.dark .preset-inline select option,.app-shell.dark .battle-side-head select option,.app-shell.dark .mega-select option{color:#e8f1ff;background:#111b2d}.ghost-icon{min-width:40px}.primary-button{color:#eff6ff;min-height:44px;font-size:var(--panel-chip-size);background:linear-gradient(135deg,#2563ebf0,#0ea5e9eb);padding:0 16px;font-weight:800}.primary-button:disabled{opacity:.42;cursor:not-allowed}.danger-pill{min-height:40px;color:var(--enemy-strong);font-size:var(--panel-chip-size);white-space:nowrap;background:#ef444429;flex:none;padding:0 14px;font-weight:800}.danger-pill.compact{min-height:36px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.slot-grid.horizontal-six{grid-template-columns:1fr}.slot-card{border:1px solid var(--panel-border);background:var(--panel);min-height:102px;color:inherit;cursor:pointer;text-align:left;border-radius:18px;align-content:space-between;gap:10px;padding:12px;transition:background-color .17s,border-color .17s,box-shadow .17s,opacity .17s;display:grid}.slot-card.compact{grid-template-rows:1fr;align-content:center;gap:2px;height:78px;min-height:78px;padding:8px 70px 8px 10px;position:relative}.slot-card.empty{background:#94a3b80d;border-color:#94a3b81f}.slot-card.compact.empty{padding-right:10px}.slot-card:hover{background:#2563eb0d;border-color:#2563eb3d;box-shadow:inset 0 0 0 1px #2563eb14}.slot-card.selected{box-shadow:inset 0 0 0 2px #2563eb52}.slot-card.active{background:linear-gradient(#84cc161f,#84cc160f);border-color:#84cc1657}.slot-card.active:hover{background:linear-gradient(#84cc162e,#84cc1617);border-color:#84cc1680;box-shadow:inset 0 0 0 1px #84cc162e,0 8px 18px #84cc161f}.slot-card-top{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.slot-card-top.compact{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:100%}.slot-card-top.compact .slot-icon{width:36px;height:36px}.slot-copy{align-content:center;justify-items:start;gap:4px;min-width:0;padding-right:0;display:grid}.slot-status-line{margin-top:2px;font-size:.82rem;line-height:1.05;display:none}.slot-copy strong,.compare-name-line strong{white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:100%;font-size:1rem;line-height:1.06;display:block;overflow:hidden}.slot-copy span,.compare-meta span,.battle-poke span,.battle-result span,.slot-empty span{color:var(--muted);font-size:var(--panel-meta-size)}.slot-card-bottom,.compare-name-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slot-card-bottom.compact{justify-content:flex-start;gap:4px}.slot-empty{text-align:center;align-content:center;justify-items:center;gap:6px;min-height:100%;display:grid}.slot-empty.compact{width:100%;height:100%;min-height:100%;color:var(--muted);align-content:center;justify-items:center;gap:4px;padding-right:0}.slot-card.empty .slot-empty strong{color:color-mix(in srgb, var(--text) 72%, transparent)}.slot-card.empty .slot-empty span{color:color-mix(in srgb, var(--muted) 72%, transparent)}.slot-remove{color:#e2e8f0eb;cursor:pointer;background:#0f172a61;border:0;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;line-height:1;display:inline-flex;position:static;box-shadow:inset 0 0 0 1px #94a3b81f}.slot-remove:hover{color:var(--enemy-strong);background:#ef444429}.slot-remove-icon{fill:none;stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.slot-actions{flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:46px;display:flex;position:absolute;top:10px;bottom:10px;right:10px}.mini-chip{min-height:22px;color:var(--muted);background:#94a3b829;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.78rem;font-weight:800;display:inline-flex}.mini-chip.on{color:#15a34a;background:#22c55e2e}.mini-chip.mega{background:color-mix(in srgb, var(--mega) 18%, transparent);color:var(--mega);border-color:color-mix(in srgb, var(--mega) 26%, transparent)}.mini-chip.subtle{background:#60a5fa1a}.compare-copy{min-width:0}.compare-active-chip{flex:none;min-width:44px;margin-left:2px;position:static}.compare-active-chip.is-hidden{visibility:hidden}.detail-card{gap:14px;margin:0;display:grid;position:sticky;top:16px}.detail-card.detail-empty{grid-template-rows:auto minmax(240px,1fr)}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ghost-button,.ghost-icon{border:1px solid var(--panel-border);background:var(--panel);min-height:40px;color:inherit;font-size:var(--panel-chip-size);border-radius:14px;padding:0 14px}.detail-summary{background:var(--panel);border-radius:20px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.detail-side-badge{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.detail-side-badge.ally{color:var(--ally-strong);background:#51c9ff29}.detail-side-badge.enemy{color:var(--enemy-strong);background:#ff718529}.detail-copy strong,.detail-range strong{display:block}.detail-copy,.detail-range{align-self:center}.detail-copy{gap:4px;min-width:0;display:grid}.detail-copy strong{letter-spacing:-.02em;font-size:1rem;font-weight:800;line-height:1.08}.detail-copy span{color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.1}.detail-range.action-slot{justify-items:end;gap:0;display:grid}.active-toggle{border:1px solid var(--panel-border);min-height:32px;color:var(--muted);white-space:nowrap;cursor:pointer;background:#94a3b814;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:800;transition:background-color .17s,border-color .17s,color .17s,box-shadow .17s}.active-toggle.compact{min-height:24px;padding:0 8px;font-size:.74rem}.active-toggle.on{color:#22c55e;background:#22c55e2e;border-color:#22c55e57}.active-toggle.off{border-color:#94a3b833}.active-toggle:hover:not(:disabled){color:var(--text);background:#94a3b824;border-color:#94a3b847}.active-toggle:disabled{opacity:.46;cursor:not-allowed}.detail-range small{color:var(--muted);font-size:var(--panel-meta-size)}.detail-icon{object-fit:contain;width:42px;height:42px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid.tidy{align-items:start}.detail-speed-result{border:1px solid var(--panel-border);background:var(--panel);border-radius:18px;align-items:baseline;gap:10px;padding:14px 16px;display:inline-flex}.detail-speed-result span{color:var(--muted);font-size:var(--panel-label-size);white-space:nowrap;font-weight:700}.detail-speed-result strong{letter-spacing:-.03em;white-space:nowrap;font-size:1.12rem;line-height:1}.field{gap:8px;display:grid}.field span{font-size:var(--panel-label-size);align-items:center;gap:6px;font-weight:700;display:inline-flex}.field.span-2{grid-column:span 2}.field input,.field select,.inline-input input{border:1px solid var(--panel-border);background:var(--panel);color:inherit;border-radius:14px;min-height:42px}.field.readonly .value-chip{min-height:42px}.value-chip{border:1px solid var(--panel-border);background:var(--panel);color:inherit;font-size:var(--panel-body-size);border-radius:14px;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.inline-input{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.stat-points-inline.is-unknown .stat-points-input{color:var(--muted);background:color-mix(in srgb, var(--panel) 88%, #94a3b829);border-color:color-mix(in srgb, var(--panel-border) 80%, #94a3b847);box-shadow:none;cursor:pointer}.stat-points-inline.is-unknown .stat-points-input::placeholder{color:var(--muted);opacity:1}.unknown-toggle{min-width:92px;font-weight:800}.mega-picker-row{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.mega-picker-row.single{grid-template-columns:minmax(0,1fr)}.mega-picker-row .segmented{align-self:stretch}.mega-select{border:1px solid var(--panel-border);background:var(--panel);width:100%;min-width:0;min-height:46px;color:inherit;font-size:var(--panel-body-size);box-shadow:var(--shadow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:16px;padding:0 14px;font-weight:700}.mega-select:disabled{opacity:.52;cursor:not-allowed}.app-shell.dark .mega-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.battle-grid.double{align-items:start}.battle-team-stack{align-content:start;gap:12px;display:grid}.battle-side{grid-auto-rows:max-content;align-content:start;gap:12px;display:grid}.battle-side.battle-side-empty{grid-template-rows:auto auto 1fr;align-content:stretch}.battle-side.battle-side-empty.battle-side-searching{grid-template-rows:auto auto auto 1fr}.battle-side-head{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.battle-picker{min-width:0;position:relative}.battle-picker-trigger,.battle-picker-option{border:1px solid var(--panel-border);background:var(--panel);width:100%;min-width:0;min-height:40px;color:var(--text);box-shadow:var(--shadow);font-size:var(--panel-body-size);text-align:left;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;font-weight:800;display:grid}.battle-picker-trigger{border-radius:16px;padding:0 12px}.battle-picker-trigger:focus-visible,.battle-picker-option:focus-visible{border-color:#51c9ff6b;outline:none;box-shadow:0 0 0 1px #51c9ff38,0 12px 26px #0f172a29}.battle-picker-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.active-badge{color:#15803d;background:#22c55e2e;border:1px solid #22c55e57;border-radius:999px;min-width:fit-content;padding:3px 8px;font-size:.72rem;font-weight:900;line-height:1.1}.app-shell.dark .active-badge{color:#86efac;background:#22c55e33;border-color:#4ade8061}.battle-picker-arrow{opacity:.7;border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transform:translateY(-2px)rotate(45deg)}.battle-picker.open .battle-picker-arrow{transform:translateY(2px)rotate(225deg)}.battle-picker-menu{z-index:35;border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0}.battle-picker-option{box-shadow:none;background:0 0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;padding:0 10px}.battle-picker-option:hover,.battle-picker-option.selected{background:#51c9ff1f}.battle-side-body{gap:12px;display:grid}.battle-inline-edit{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.battle-mini-field{gap:8px;display:grid}.battle-mini-field span{font-size:var(--panel-label-size);font-weight:700}.battle-mini-field.span-2{grid-column:span 2}.battle-mini-field .segmented{width:100%}.battle-mini-field .segmented button{padding:0 10px}.battle-mini-field .inline-input{align-items:center}.battle-detail-grid{margin-top:2px}.battle-action-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.battle-rank-row{align-items:center;gap:12px;display:flex}.battle-rank-row span{font-weight:700;font-size:var(--panel-label-size);white-space:nowrap}.battle-poke,.battle-poke-summary{display:grid}.battle-poke-summary{margin-bottom:2px}.battle-summary-side{place-items:start;gap:6px;display:grid}.battle-summary-side .active-toggle{min-height:28px;padding:0 10px;font-size:.78rem}.battle-poke strong{font-size:1rem;display:block}.battle-summary-range{text-align:right;justify-items:end;gap:2px;display:grid}.battle-summary-range strong{letter-spacing:-.03em;order:1;font-size:1rem;line-height:1}.battle-summary-range small{color:var(--muted);order:2;font-size:.82rem;font-weight:700;line-height:1.1}.summary-icon-shell{box-shadow:none;background:0 0;border-radius:0;width:auto;height:auto;padding:0}.battle-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toggle-chip{border:1px solid var(--panel-border);background:var(--panel);min-height:40px;font-weight:700;font-size:var(--panel-chip-size);white-space:nowrap;border-radius:14px;justify-content:center;padding:0 10px;line-height:1.1;transition:background-color .17s,border-color .17s,color .17s,box-shadow .17s,opacity .17s}.app-shell.lang-en .toggle-chip{white-space:normal;text-align:center;word-break:keep-all;line-height:.96}.app-shell.lang-ja .toggle-chip{white-space:normal;text-align:center;word-break:keep-all;font-size:.88rem;line-height:.9}.toggle-chip:hover:not(:disabled){color:color-mix(in srgb, var(--text) 82%, var(--accent));background:#2563eb14;border-color:#2563eb42}.toggle-chip.on{border-color:#2563eb42;box-shadow:inset 0 0 0 1px #2563eb14}.toggle-chip.on:hover:not(:disabled){background:#2563eb33;border-color:#2563eb57}.toggle-chip.mega-action.on{background:color-mix(in srgb, var(--mega) 17%, transparent);border-color:color-mix(in srgb, var(--mega) 36%, transparent);color:var(--mega);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mega) 12%, transparent)}.toggle-chip.mega-action.on:hover:not(:disabled){background:color-mix(in srgb, var(--mega) 24%, transparent);border-color:color-mix(in srgb, var(--mega) 48%, transparent)}.toggle-chip:disabled,.ghost-icon:disabled{opacity:.42;cursor:not-allowed}.rank-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.rank-row span{font-weight:700;font-size:var(--panel-label-size)}.rank-controls{align-items:center;gap:8px;display:inline-flex}.rank-controls button{border:1px solid var(--panel-border);background:var(--panel);width:34px;height:34px;box-shadow:var(--shadow);border-radius:12px}.rank-controls strong{text-align:center;min-width:24px}.battle-graph-wrap{gap:6px;display:grid}.battle-card-speed-result{justify-content:space-between;width:100%}.battle-range,.compare-range{text-align:right}.battle-range{font-weight:800}.compare-range{font-weight:400}.battle-result{background:var(--panel-inner);border:0;border-radius:20px;gap:12px;margin:0 22px;padding:14px 16px;display:grid;position:relative;overflow:visible}.battle-result.battle-result-empty{align-content:stretch;min-height:220px}.battle-result-copy{justify-items:center;margin-bottom:6px;display:grid}.battle-result-tools{z-index:2;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:14px}.trick-room-toggle{min-height:30px;color:var(--muted);box-shadow:none;background:#94a3b80f;border-color:#94a3b833;border-radius:12px;padding-inline:10px;font-size:.82rem;position:relative}.trick-room-toggle.on{color:#ffe4f1;text-shadow:0 1px 8px #ffe4f13d;background:linear-gradient(#ec489957,#be185d3d);border-color:#ec4899b8;box-shadow:inset 0 0 0 1px #ffe4f129,0 0 0 2px #ec489929,0 12px 28px #ec489942}.trick-room-toggle:hover:not(:disabled){color:color-mix(in srgb, var(--text) 82%, #ec4899);background:#ec48991a;border-color:#ec489957}.trick-room-toggle.on:hover:not(:disabled){background:linear-gradient(#ec48996b,#be185d4d)}.trick-room-tooltip{z-index:20;background:var(--panel-strong);width:max-content;max-width:min(260px,100vw - 32px);color:var(--text);text-align:left;white-space:normal;opacity:0;pointer-events:none;border:1px solid #ec48993d;border-radius:12px;padding:8px 10px;font-size:.78rem;font-weight:700;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(5px);box-shadow:0 16px 34px #0f172a3d}.trick-room-toggle:hover .trick-room-tooltip,.trick-room-toggle:focus-visible .trick-room-tooltip{opacity:1;transform:translateY(0)}.battle-result-badge{box-sizing:border-box;text-align:center;background:#94a3b814;border:1px solid #94a3b82e;border-radius:18px;justify-items:center;gap:4px;width:min(100%,420px);padding:10px 16px;transition:background-color .19s,border-color .19s,box-shadow .19s;display:grid}.battle-result-badge span{font-size:.8rem;line-height:1.3}.battle-result-graphs{gap:0;display:grid}.battle-order-list{gap:4px;display:grid}.battle-order-row{grid-template-columns:auto auto minmax(120px,180px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 2px;display:grid}.battle-order-icon{object-fit:contain;width:42px;height:42px}.battle-order-rank{text-align:center;min-width:34px;font-size:1rem;font-weight:900}.battle-order-copy{gap:4px;min-width:0;display:grid}.battle-order-head{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.battle-order-head strong{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.battle-order-copy strong{line-height:1.05}.battle-order-head .detail-side-badge{flex:none;justify-self:start}.battle-order-graph{min-width:0}.battle-order-graph .speed-graph{width:100%}.battle-order-range{white-space:nowrap;font-weight:700}@media (width<=720px){.battle-order-row{grid-template-columns:auto auto minmax(0,1fr);gap:8px}.battle-order-graph{grid-column:1/-1}.battle-order-range{grid-column:3;justify-self:end}}.battle-result-stage{grid-template-rows:auto auto;grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;gap:8px 10px;display:grid}.battle-result-graph{padding:4px 0;display:block}.battle-result-stage .battle-result-graphs{grid-area:1/2/span 2;width:100%}.battle-result-icon-spot{pointer-events:none;justify-content:center;align-items:center;min-height:64px;display:flex}.battle-result-icon-spot.ally{grid-area:2/1;justify-content:center;align-items:flex-end;margin-top:-18px}.battle-result-icon-spot.enemy{grid-area:1/3;justify-content:center;align-items:flex-start;margin-bottom:-18px}.battle-result-icon{object-fit:contain;transform-origin:bottom;will-change:transform;width:72px;height:72px;animation:3.2s ease-in-out infinite battle-icon-float}.battle-result-icon-spot.enemy .battle-result-icon{animation-delay:-1.6s}.battle-result-icon.is-guaranteed-first{animation:.92s cubic-bezier(.22,1,.36,1) infinite battle-icon-bounce}.battle-result-icon-spot.enemy .battle-result-icon.is-guaranteed-first{animation-delay:-.46s}.battle-result-graph .speed-graph{width:100%}@keyframes battle-icon-float{0%,to{transform:translateY(0)rotate(-1deg)scale(1)}50%{transform:translateY(-4px)rotate(1deg)scale(1.02)}}@keyframes battle-icon-bounce{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(-9px)scale(1.02,.98)}34%{transform:translateY(0)scale(.98,1.03)}48%{transform:translateY(-4px)scale(1.01,.99)}62%{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.battle-result-icon{animation:none}}.battle-result-graph.ally .speed-graph{transform:translateY(-17px)}.battle-result-graph.enemy .speed-graph{transform:translateY(-2px)}.battle-result-graph.enemy .speed-graph-value.top{bottom:calc(100% - 16px)}.battle-result.ally{background:#51c9ff14;box-shadow:0 10px 28px #51c9ff14}.battle-result.ally .battle-result-badge{background:#51c9ff24;border-color:#51c9ff3d}.battle-result.enemy{background:#ff617614;box-shadow:0 10px 28px #ff617614}.battle-result.enemy .battle-result-badge{background:#ff617624;border-color:#ff61763d}.battle-result.tie{background:#f59e0b14;box-shadow:0 10px 28px #f59e0b14}.battle-result.tie .battle-result-badge{background:#f59e0b24;border-color:#f59e0b3d}.battle-result.neutral .battle-result-badge{background:#94a3b81f;border-color:#94a3b838}.battle-result.neutral{background:#94a3b812;box-shadow:0 10px 28px #0f172a1a}.battle-result strong{font-size:var(--panel-title-size)}.battle-result,.compare-range{transition:background-color .19s,border-color .19s,box-shadow .19s,color .19s}.mobile-battle-summary{display:none}.compare-list{gap:6px;min-width:0;display:grid}.compare-panel{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#77a8ff6b #0f172a2e;align-self:start;min-width:0;height:fit-content;max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:clip auto}.compare-panel::-webkit-scrollbar{width:10px}.compare-panel::-webkit-scrollbar-track{background:#0f172a2e;border-radius:999px}.compare-panel::-webkit-scrollbar-thumb{background:#77a8ff70 padding-box padding-box;border:3px solid #0000;border-radius:999px}.compare-panel::-webkit-scrollbar-thumb:hover{background:#77a8ff9e padding-box padding-box}.compare-row{will-change:transform;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,160px) minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:6px 0;display:grid}.compare-meta{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.compare-graph-block{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.compare-panel .slot-icon{width:34px;height:34px}.compare-panel .icon-shell{border-radius:14px;width:42px;height:42px}.compare-panel .icon-shell.ally{box-shadow:inset 0 0 0 2px #51c9ff52}.compare-panel .icon-shell.enemy{box-shadow:inset 0 0 0 2px #ff889752}.compare-panel .compare-meta span{font-size:.82rem}.compare-panel .compare-name-line{flex-wrap:nowrap;align-items:center;gap:6px;min-height:22px;position:relative;overflow:visible}.compare-panel .compare-name-line strong{flex:auto;min-width:0}.compare-panel .compare-range{white-space:nowrap;justify-self:end;min-width:0;font-size:.92rem}.compare-panel .compare-row{gap:10px}.roster-panel .panel-head{flex-wrap:wrap;align-items:center}.roster-controls{margin:0 22px 12px;display:block}.roster-filter-row{flex-wrap:wrap;align-items:flex-start;gap:18px;width:100%;min-width:0;display:flex}.roster-filter-group{gap:8px;min-width:0;display:grid}.roster-champion-filter{flex:none}.roster-type-filter{flex:560px}.roster-generation-filter{flex:360px}.roster-filter-label{color:var(--muted);font-size:.82rem;font-weight:800}.roster-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.roster-filter-pill{--filter-color:var(--accent);border:1px solid color-mix(in srgb, var(--filter-color) 30%, var(--panel-border));background:color-mix(in srgb, var(--filter-color) 11%, var(--panel));min-height:34px;color:color-mix(in srgb, var(--filter-color) 68%, var(--text));box-shadow:none;white-space:nowrap;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;font-weight:850;line-height:1;transition:background-color .17s,border-color .17s,color .17s,box-shadow .17s;display:inline-flex}.roster-filter-pill:hover{border-color:color-mix(in srgb, var(--filter-color) 52%, transparent);background:color-mix(in srgb, var(--filter-color) 22%, var(--panel));box-shadow:0 0 0 1px color-mix(in srgb, var(--filter-color) 12%, transparent) inset}.roster-filter-pill.active{background:var(--filter-color);border-color:color-mix(in srgb, var(--filter-color) 82%, white);color:#fff;box-shadow:inset 0 0 0 1px #ffffff24, 0 8px 20px color-mix(in srgb, var(--filter-color) 24%, transparent)}.roster-filter-pill.all{--filter-color:var(--accent);color:var(--text)}.roster-filter-pill.all.active,.roster-filter-pill.champion.active{color:#fff}.roster-filter-pill.champion{--filter-color:#f59e0b}.roster-filter-pill.mega-filter{--filter-color:var(--mega)}.roster-filter-pill.type-normal{--filter-color:#a4acaf}.roster-filter-pill.type-fire{--filter-color:#fd7d24}.roster-filter-pill.type-water{--filter-color:#4592c4}.roster-filter-pill.type-electric{--filter-color:#eed535}.roster-filter-pill.type-grass{--filter-color:#9bcc50}.roster-filter-pill.type-ice{--filter-color:#51c4e7}.roster-filter-pill.type-fighting{--filter-color:#d56723}.roster-filter-pill.type-poison{--filter-color:#b97fc9}.roster-filter-pill.type-ground{--filter-color:#ab9842}.roster-filter-pill.type-flying{--filter-color:#3dc7ef}.roster-filter-pill.type-psychic{--filter-color:#f366b9}.roster-filter-pill.type-bug{--filter-color:#729f3f}.roster-filter-pill.type-rock{--filter-color:#a38c21}.roster-filter-pill.type-ghost{--filter-color:#7b62a3}.roster-filter-pill.type-dragon{--filter-color:#f16e57}.roster-filter-pill.type-dark{--filter-color:#707070}.roster-filter-pill.type-steel{--filter-color:#9eb7b8}.roster-filter-pill.type-fairy{--filter-color:#fdb9e9}.roster-filter-pill.generation{--filter-color:#64748b}.roster-sort-select{flex:0 0 150px;min-width:150px}.roster-search-head{align-items:center;padding-top:0}.roster-search,.roster-search-shell{flex:320px;min-width:min(100%,320px);max-width:420px}.roster-search-status{color:var(--muted);margin:0 22px 10px;font-size:.84rem}.roster-load-more{justify-content:center;padding:14px 18px 22px;display:flex}.roster-load-more .ghost-button{min-width:180px}.quiz-panel{min-height:min(760px,100dvh - 180px)}.quiz-panel-correct,.quiz-panel-tie{box-shadow:var(--shadow), 0 0 0 1px #22c55e33 inset}.quiz-panel-wrong{box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--enemy) 22%, transparent) inset}.quiz-head{align-items:center}.quiz-scoreboard{grid-template-columns:repeat(2,minmax(92px,1fr));gap:8px;display:grid}.quiz-scoreboard div{border:1px solid var(--panel-border);background:var(--panel-inner);text-align:center;border-radius:18px;gap:2px;min-height:58px;padding:10px 14px;display:grid}.quiz-scoreboard span{color:var(--muted);font-size:var(--panel-meta-size);font-weight:750}.quiz-scoreboard strong{font-variant-numeric:tabular-nums;font-size:1.55rem;line-height:1}.quiz-stage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px;margin:18px 22px 0;display:grid}.quiz-card{border:1px solid var(--panel-border);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--panel-inner) 92%, transparent));min-height:430px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:24px;grid-template-rows:auto minmax(190px,1fr) auto auto;justify-items:center;gap:12px;padding:22px;transition:transform .17s,border-color .17s,background-color .17s,box-shadow .17s,opacity .17s;display:grid}.quiz-card.current{border-color:color-mix(in srgb, var(--ally) 28%, var(--panel-border))}.quiz-card.challenger{border-color:color-mix(in srgb, var(--enemy) 28%, var(--panel-border))}.quiz-card.survived{border-color:color-mix(in srgb, #22c55e 70%, var(--panel-border));box-shadow:var(--shadow), 0 0 0 3px #22c55e33;animation:.52s quiz-correct-pop}.quiz-card:hover:not(:disabled),.quiz-card:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--panel-border));box-shadow:var(--shadow), 0 16px 36px color-mix(in srgb, var(--accent) 18%, transparent)}.quiz-card:disabled{cursor:default}.quiz-card-role{color:color-mix(in srgb, var(--text) 84%, var(--accent));font-size:var(--panel-meta-size);background:#2563eb1f;border-radius:999px;justify-self:start;padding:6px 10px;font-weight:850}.quiz-art-shell{aspect-ratio:1;place-items:center;width:min(280px,72%);display:grid}.quiz-art{object-fit:contain;filter:drop-shadow(0 18px 24px #0f172a29);width:100%;height:100%}.quiz-card strong{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.26rem,2vw,1.85rem);line-height:1.15}.quiz-speed{background:var(--panel-inner);min-height:38px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:8px 14px;font-weight:850}.quiz-speed.revealed{color:var(--text)}.quiz-versus{align-content:center;place-items:center;gap:12px;min-width:74px;display:grid}.quiz-versus span{border:1px solid var(--panel-border);background:var(--panel);width:62px;height:62px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-weight:950;display:grid}.quiz-actions{justify-content:center;gap:10px;margin:16px 22px 0;display:flex}.quiz-actions .primary-button,.quiz-actions .ghost-button{min-width:150px;min-height:48px}.quiz-tie-button{border-radius:16px;width:108px;min-width:108px;min-height:52px;font-size:1.05rem;font-weight:900}.quiz-result{border:1px solid var(--panel-border);background:var(--panel-inner);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:78px;margin:16px 22px 0;padding:16px 18px;display:grid}.quiz-result strong{white-space:nowrap;background:#2563eb1f;border-radius:999px;padding:9px 14px;font-size:1.12rem}.quiz-result.correct strong,.quiz-result.tie strong{color:color-mix(in srgb, #22c55e 70%, var(--text));background:#22c55e2e}.quiz-result.wrong strong{background:color-mix(in srgb, var(--enemy) 18%, transparent);color:color-mix(in srgb, var(--enemy-strong) 72%, var(--text))}.quiz-result>span{gap:4px;min-width:0;font-weight:750;display:grid}.quiz-result-detail{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem;font-style:normal;font-weight:800}.quiz-result.correct,.quiz-result.tie{border-color:color-mix(in srgb, #22c55e 28%, var(--panel-border));background:color-mix(in srgb, #22c55e 9%, var(--panel-inner))}.quiz-result.wrong{border-color:color-mix(in srgb, var(--enemy) 28%, var(--panel-border));background:color-mix(in srgb, var(--enemy) 9%, var(--panel-inner))}.quiz-global-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0206179e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.quiz-global-panel{border:1px solid var(--panel-border);background:var(--panel);border-radius:22px;gap:12px;width:min(640px,100%);max-height:min(720px,100dvh - 36px);margin:0;padding:16px;display:grid;overflow:auto;box-shadow:0 28px 80px #0206176b}.quiz-global-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.quiz-global-head h3{margin:0;font-size:1rem}.quiz-global-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quiz-global-grid div{border:1px solid var(--panel-border);background:var(--panel);border-radius:16px;gap:4px;min-height:74px;padding:12px;display:grid}.quiz-global-grid span,.quiz-top-scores>span{color:var(--muted);font-size:var(--panel-meta-size);font-weight:800}.quiz-global-grid strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.32rem;line-height:1.1}.quiz-top-scores{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiz-top-scores em{color:var(--text);font-style:normal;font-size:var(--panel-meta-size);font-variant-numeric:tabular-nums;background:#2563eb1f;border-radius:999px;padding:7px 10px;font-weight:850}.quiz-global-actions{justify-content:stretch;display:flex}.quiz-global-actions .primary-button,.quiz-global-panel>.ghost-button{width:100%;min-height:46px}@keyframes quiz-correct-pop{0%{transform:scale(.985)}45%{transform:scale(1.018)}to{transform:scale(1)}}.roster-row.jump-highlight{background:#51c9ff14;border-radius:18px;animation:1.4s roster-row-flash;box-shadow:0 0 0 1px #51c9ff33}@keyframes roster-row-flash{0%{background:#51c9ff38;box-shadow:0 0 0 1px #51c9ff6b,0 0 0 10px #51c9ff24}to{background:#51c9ff14;box-shadow:0 0 0 1px #51c9ff33}}.scroll-top-button{z-index:40;min-height:44px;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#122136e0;border:1px solid #51c9ff47;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 28px #0f172a42}.scroll-top-button:hover{background:#192d47eb;border-color:#51c9ff6b;transform:translateY(-2px);box-shadow:0 14px 32px #0f172a52}.compare-panel .compare-row.inactive .icon-shell,.compare-panel .compare-row.inactive .slot-icon{filter:grayscale();opacity:.72}.compare-panel .compare-row.inactive .compare-meta strong,.compare-panel .compare-row.inactive .compare-meta span,.compare-panel .compare-row.inactive .compare-range,.compare-panel .compare-row.inactive .mini-chip{opacity:.74}.compare-panel .compare-meta{align-items:flex-start;min-width:0}.compare-panel .compare-meta strong{line-height:1.08}.compare-panel .compare-meta span{min-width:0;margin-top:1px;line-height:1.02}.compare-panel .compare-meta,.compare-panel .compare-name-line,.compare-panel .compare-meta span{text-align:left;justify-content:flex-start}.speed-graph{isolation:isolate;height:40px;position:relative;overflow:visible}.speed-graph.compact{height:44px}.speed-graph-layer-segment,.speed-graph-point,.speed-graph-point-range{--graph-bar-height:10px;height:var(--graph-bar-height);background:var(--graph-base);border:2px solid var(--panel-strong);border-radius:999px;min-width:12px;transition:left .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1),height .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1),box-shadow .18s,background .18s;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 1px #0f172a14}.speed-graph-layer-segment{transform-origin:50%;z-index:2}.speed-graph-layer-segment.single-value{transform:translate(-50%,-50%);width:max(12px, calc(var(--graph-bar-height) - 2px))!important}.marker-tooltip{cursor:help}.speed-graph-layer-segment.marker-tooltip:hover,.speed-graph-layer-segment.marker-tooltip:focus-visible,.speed-graph-point.marker-tooltip:hover,.speed-graph-point.marker-tooltip:focus-visible,.speed-graph-point-range.marker-tooltip:hover,.speed-graph-point-range.marker-tooltip:focus-visible,.speed-graph-value.marker-tooltip:hover,.speed-graph-value.marker-tooltip:focus-visible{z-index:120}.marker-tooltip .marker-hitbox{width:18px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marker-tooltip:after{content:attr(data-tooltip);border:1px solid var(--panel-border);background:var(--panel-strong);min-width:max-content;max-width:220px;color:var(--text);white-space:pre-line;opacity:0;pointer-events:none;z-index:60;border-radius:10px;padding:6px 8px;font-size:.76rem;font-weight:700;line-height:1.2;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 14px 28px #0f172a33}.marker-tooltip:before{content:"";border-left:1px solid var(--panel-border);border-top:1px solid var(--panel-border);background:var(--panel-strong);opacity:0;pointer-events:none;z-index:59;width:8px;height:8px;transition:opacity .14s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)rotate(225deg)}.marker-tooltip:hover:after,.marker-tooltip:hover:before,.marker-tooltip:focus-visible:after,.marker-tooltip:focus-visible:before{opacity:1}.marker-tooltip:hover:after,.marker-tooltip:focus-visible:after{transform:translate(-50%)translateY(0)}.speed-graph-value{white-space:nowrap;color:var(--text);pointer-events:auto;transform-origin:50%;z-index:4;font-size:.72rem;font-weight:600;line-height:1;transition:left .22s,color .18s;position:absolute;left:50%;transform:translate(-50%)}.speed-graph-value.marker-exit{pointer-events:none}.speed-graph-value.top{bottom:calc(100% + 2px)}.speed-graph-value.bottom{top:calc(100% + 2px)}.speed-graph-value-text{transform-origin:50%;font-variant-numeric:tabular-nums;display:inline-block}.speed-graph-value.top .speed-graph-value-text,.speed-graph-value.bottom .speed-graph-value-text{transform:rotate(-45deg)}.speed-graph-value,.compare-range,.battle-order-range,.battle-range{font-variant-numeric:tabular-nums;letter-spacing:0;font-family:Arial,sans-serif;font-weight:800}.rolling-number{align-items:center;display:inline-flex}.rolling-digit-window{align-items:flex-start;height:1em;display:inline-flex;overflow:hidden}.rolling-digit-track{flex-direction:column;display:inline-flex;transform:translateY(0)}.rolling-digit-track.is-animating{animation:.72s cubic-bezier(.16,.9,.2,1) both rolling-digit-slot}.rolling-digit-cell,.rolling-digit-static{text-align:center;min-width:.62ch;height:1em;line-height:1;display:block}@keyframes rolling-digit-slot{0%{transform:translateY(0)}to{transform:translateY(calc(var(--digit-offset) * -1em))}}.speed-graph-point{--graph-bar-height:20px;z-index:3;width:12px;transform:translate(-50%,-50%)}.speed-graph-point-range{--graph-bar-height:20px;z-index:3;transform:translateY(-50%)}.speed-graph.ally{--graph-layer:#51c9ffe6;--graph-layer-strong:#a6ecff;--graph-glow:#51c9ff4d;--graph-fill:#56c7ff;--graph-outline:#0c1f30f2;--graph-base:linear-gradient(90deg, var(--ally), var(--ally-strong))}.speed-graph.enemy{--graph-layer:#ff8897eb;--graph-layer-strong:#ffbcc6;--graph-glow:#ff889752;--graph-fill:#ff7085;--graph-outline:#21121cf2;--graph-base:linear-gradient(90deg, var(--enemy), var(--enemy-strong))}.speed-graph-tone-slow,.speed-graph-tone-neutral,.speed-graph-tone-fast{opacity:1}.speed-graph-point.with-layers{box-shadow:0 0 0 1px #0f172a14}.icon-shell{background:#94a3b81f;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.icon-shell.mega-on,.icon-shell.can-mega{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--mega) 30%, transparent)}.empty-box{border:1px dashed var(--panel-border);background:var(--panel-inner);min-height:120px;color:var(--muted);text-align:center;white-space:pre-line;border-radius:22px;place-items:center;padding:18px;display:grid}.empty-box.in-panel{min-height:96px}.detail-card.detail-empty .empty-box.in-panel{align-content:center;align-self:stretch;justify-items:center;min-height:100%;padding:28px;font-size:1.02rem;line-height:1.7}.battle-side.battle-side-empty .empty-box.in-panel{align-content:center;align-self:stretch;justify-items:center;min-height:124px;padding:24px;font-size:.98rem;line-height:1.65}.battle-result-empty-box{align-content:center;align-self:stretch;justify-items:center;min-height:100%;padding:24px 28px;font-size:1rem;line-height:1.7}.app-footer{color:var(--muted);text-align:center;justify-items:center;gap:4px;padding-top:28px;padding-bottom:34px;font-size:.82rem;line-height:1.55;display:grid}.app-footer span{max-width:min(760px,100%)}.app-footer a{color:var(--accent);margin-left:12px;text-decoration:none;display:inline-flex}.app-footer a:hover{text-decoration:underline}@media (width<=1380px){.team-workspace{grid-template-columns:1fr}.compare-panel{order:3;max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:clip auto}}@media (width<=1120px){.app-header,.slot-grid.horizontal-six,.compare-row,.compare-graph-block{grid-template-columns:1fr}.header-controls{flex-wrap:wrap;justify-content:stretch}.team-toolbar{gap:10px}.detail-summary{grid-template-columns:auto 1fr}.detail-range{grid-column:1/-1}.detail-card{position:static}.battle-inline-edit{grid-template-columns:1fr}.battle-mini-field.span-2{grid-column:span 1}.battle-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.target-toggle{justify-self:auto}}@media (width<=980px){.setup-row{grid-template-columns:1fr}.team-columns,.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-panel{overflow:visible}.team-panel .team-toolbar,.team-panel .setup-row{min-width:0}}@media (width<=820px){.app-chrome{width:min(414px,100vw - 16px);padding-top:8px;padding-bottom:14px}.panel{border-radius:24px}.panel-head{padding:16px 18px 8px}.team-toolbar,.team-columns,.setup-row,.detail-card,.battle-grid,.compare-list,.app-footer,.battle-result{margin-left:14px;margin-right:14px}.team-card,.detail-card,.battle-side{border-radius:18px;padding:11px}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px}.brand{align-self:start}.brand-mark{width:40px;height:40px}.brand h1{gap:8px;font-size:clamp(1.6rem,8vw,2rem)}.brand-sub{font-size:.54em}.slot-grid,.battle-toggle-grid,.slot-grid.horizontal-six{grid-template-columns:1fr}.team-columns,.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-row{grid-template-columns:minmax(0,132px) minmax(0,1fr);align-items:center;gap:10px}.compare-graph-block{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.mega-picker-row,.battle-action-row{grid-template-columns:1fr}.field.span-2{grid-column:span 1}.battle-side-head,.saved-team-toolbar,.preset-inline,.inline-input{grid-template-columns:1fr}.header-controls{grid-template-columns:auto auto;justify-content:end;align-items:start;gap:8px 10px;display:grid}.header-help{grid-column:1/-1;justify-self:end}.header-help .tooltip-anchor{border-radius:14px;min-height:40px;padding:0 12px;font-size:.9rem}.header-meta-tools{grid-column:1;grid-template-columns:auto auto;justify-self:end;gap:8px;display:inline-grid}.header-view-menu{grid-column:2;justify-self:end;width:auto}.header-view-menu button{min-width:58px;padding:0 10px}.icon-toggle{min-width:44px;min-height:40px;padding:0 12px}.theme-toggle{width:44px;min-width:44px;padding:0}.lang-select{min-height:40px;padding:0 12px}.team-toolbar{gap:10px}.saved-team-actions{justify-content:stretch}.saved-team-actions .ghost-button,.saved-team-actions .danger-pill,.primary-button{width:100%}.saved-team-card-row{flex-direction:column;align-items:stretch}.saved-team-preview{padding-left:0}.saved-team-card-side{justify-items:stretch;width:100%}.team-card-actions{justify-content:space-between;width:100%}.saved-manager-head{flex-direction:column;align-items:stretch}.saved-manager-overlay{align-items:end;padding:10px}.saved-manager-dialog{border-radius:20px;width:min(414px,100vw - 16px);max-height:calc(100vh - 12px);padding:14px}.detail-card{gap:12px}.detail-summary{grid-template-columns:auto auto minmax(0,1fr);gap:10px;padding:12px}.detail-range{grid-column:auto}.detail-range.action-slot{justify-items:end}.detail-icon{width:40px;height:40px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-card .field.span-2{grid-column:span 2}.detail-card .inline-input{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.detail-card .segmented{flex-wrap:wrap}.battle-side{gap:10px}.battle-poke{grid-template-columns:auto minmax(0,1fr);gap:8px}.battle-poke .slot-icon.large{width:46px;height:46px}.battle-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.battle-detail-grid .field{gap:6px}.battle-detail-grid .field span{font-size:var(--panel-label-size)}.battle-detail-grid .field.span-2,.battle-detail-grid .battle-field-nature,.battle-detail-grid .battle-field-item,.battle-detail-grid .battle-field-ability{grid-column:span 2}.battle-detail-grid .inline-input{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.battle-detail-grid .inline-input .ghost-button{min-width:72px}.battle-detail-grid .segmented.compact{width:100%}.battle-detail-grid .segmented.compact button{flex:1 1 0;min-width:0;padding:0 8px}.battle-detail-grid .segmented.wrap{width:100%}.battle-detail-grid .segmented.wrap button{flex:calc(50% - 4px);min-width:0}.battle-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battle-action-row .toggle-chip{min-height:38px;padding:0 8px;font-size:.84rem}.battle-rank-row{justify-content:space-between;gap:8px}.battle-rank-row .rank-controls{margin-left:auto}.battle-result-stage{grid-template-columns:52px minmax(0,1fr) 52px;gap:6px 8px}.battle-result-icon{width:48px;height:48px}}@media (width<=480px){.app-chrome{width:min(414px,100vw - 16px)}.panel-head{padding:15px 16px 8px}.team-toolbar,.team-columns,.setup-row,.detail-card,.battle-grid,.compare-list,.app-footer,.battle-result{margin-left:14px;margin-right:14px}.team-card,.detail-card,.battle-side{padding:11px}}@media (width<=960px){.app-chrome{width:calc(100vw - 16px);max-width:100%;padding-top:10px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.app-chrome:has(.mobile-battle-summary){padding-bottom:max(108px, calc(16px + env(safe-area-inset-bottom)))}.mobile-battle-summary{right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:80;background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 84%, #94a3b81a), color-mix(in srgb, var(--panel-strong) 92%, #0f172a1f));min-height:66px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;border:1px solid #94a3b833;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid;position:fixed;left:10px;box-shadow:0 18px 42px #02061761}.mobile-battle-summary.ally{border-color:#51c9ff57;box-shadow:0 18px 42px #02061761,inset 0 0 0 1px #51c9ff1f}.mobile-battle-summary.enemy{border-color:#ff617657;box-shadow:0 18px 42px #02061761,inset 0 0 0 1px #ff61761f}.mobile-battle-summary.tie{border-color:#f59e0b61;box-shadow:0 18px 42px #02061761,inset 0 0 0 1px #f59e0b24}.mobile-summary-icon{object-fit:contain;background:#94a3b81f;border-radius:14px;width:46px;height:46px}.mobile-summary-copy{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.mobile-summary-copy strong,.mobile-battle-summary-title{min-width:0;max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:900;line-height:1.2;overflow:hidden}.mobile-summary-copy span{color:var(--muted);white-space:nowrap;font-size:.78rem;font-weight:800;line-height:1.2}.mobile-battle-summary-title{grid-column:1/-1;justify-self:center}.mobile-battle-order{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.mobile-order-chip{background:#94a3b81f;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:34px;display:inline-flex}.mobile-order-chip.ally{background:#51c9ff24}.mobile-order-chip.enemy{background:#ff617624}.mobile-order-chip strong{font-size:.72rem;font-weight:900}.mobile-order-chip img{object-fit:contain;width:28px;height:28px}.scroll-top-button{bottom:max(88px, calc(88px + env(safe-area-inset-bottom)))}.app-header{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}.brand{min-width:0}.brand h1{white-space:normal;flex-wrap:wrap;row-gap:4px}.header-controls,.header-help,.header-meta-tools{width:100%}.header-controls{flex-wrap:wrap;justify-content:stretch;gap:8px}.header-help{justify-content:stretch}.header-help .tooltip-anchor{justify-content:center;width:100%}.header-meta-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.header-view-menu{scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.header-view-menu button{flex:1 0 max-content;min-width:0}.quiz-stage{grid-template-columns:1fr;gap:10px;margin:12px 12px 0}.quiz-card{border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;min-height:152px;padding:14px}.quiz-card-role{grid-column:1/-1}.quiz-art-shell{width:96px}.quiz-card strong{text-align:left;font-size:1.16rem}.quiz-versus{grid-template-columns:auto minmax(0,1fr);min-width:0;min-height:56px}.quiz-versus span{width:48px;height:48px}.quiz-tie-button{width:100%;min-width:0}.quiz-head{align-items:stretch}.quiz-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.quiz-actions{margin:12px 12px 0}.quiz-actions .ghost-button{flex:1 1 0;min-width:0}.quiz-result{grid-template-columns:1fr;margin:12px 12px 0}.quiz-global-panel{border-radius:18px;max-height:calc(100dvh - 24px);margin:0;padding:12px}.quiz-global-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.team-workspace{grid-template-columns:1fr;gap:12px}.left-stack{gap:12px}.compare-panel{max-height:none;position:static;top:auto;overflow:visible}.panel{border-radius:22px}.panel-head{padding:16px 16px 8px}.team-toolbar,.team-columns,.setup-row,.detail-card,.battle-grid,.compare-list,.app-footer,.battle-result,.team-panel .team-toolbar,.team-panel .setup-row,.team-panel .team-columns,.team-panel .detail-card{margin-left:12px;margin-right:12px}.team-toolbar{grid-template-columns:1fr;gap:10px}.team-toolbar .search-box,.team-toolbar .search-shell,.toolbar-group.side-group,.toolbar-group.import-group{grid-area:auto}.toolbar-group{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.toolbar-group .segmented{flex:auto;min-width:0}.toolbar-group.import-group .ghost-button{width:100%}.toolbar-group .segmented button{flex:1 1 0;min-width:0}.search-box{grid-template-columns:1fr;gap:6px;min-height:auto;padding:12px 14px}.search-box span{font-size:.82rem}.setup-row,.team-columns,.battle-grid{grid-template-columns:1fr;gap:12px}.team-card,.detail-card,.battle-side{border-radius:18px;padding:12px}.detail-summary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.detail-summary>.battle-summary-side{grid-column:1/-1;justify-self:start}.detail-copy,.battle-poke>div:last-child,.compare-copy{min-width:0}.detail-grid,.battle-detail-grid{grid-template-columns:1fr;gap:10px}.detail-card .field.span-2,.battle-detail-grid .field.span-2,.battle-detail-grid .battle-field-nature,.battle-detail-grid .battle-field-item,.battle-detail-grid .battle-field-ability{grid-column:span 1}.detail-card .segmented,.battle-detail-grid .segmented{flex-wrap:wrap;width:100%}.detail-card .segmented button,.battle-detail-grid .segmented button{flex:calc(50% - 4px);min-width:0}.detail-card .inline-input,.battle-detail-grid .inline-input,.battle-side-head,.saved-team-toolbar,.preset-inline{grid-template-columns:1fr}.battle-side{gap:10px}.battle-poke{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.battle-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battle-rank-row{justify-content:space-between;gap:8px}.battle-rank-row .rank-controls{margin-left:auto}.battle-result-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.battle-result-icon{width:44px;height:44px}.compare-list{gap:10px}.compare-row{grid-template-columns:1fr;align-items:start;gap:10px}.compare-graph-block{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.compare-range{text-align:right;white-space:nowrap}.saved-manager-overlay{align-items:end;padding:8px}.saved-manager-dialog{border-radius:18px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.showdown-import-input textarea{min-height:220px}.showdown-import-actions{flex-direction:column}.showdown-import-actions .ghost-button,.showdown-import-actions .primary-button{width:100%}}@media (width<=960px) and (orientation:portrait){.header-meta-tools,.header-view-menu{width:100%}.compare-row,.roster-row{padding-top:4px;padding-bottom:4px}}@media (width<=960px) and (orientation:landscape){.app-chrome{width:calc(100vw - 20px);padding-top:8px}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.header-controls,.header-help,.header-meta-tools,.header-view-menu{width:auto}.header-controls{justify-content:flex-end}.header-meta-tools{display:inline-flex}.header-help .tooltip-anchor{width:auto}.setup-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.team-columns,.battle-grid,.detail-grid,.battle-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card .field.span-2,.battle-detail-grid .field.span-2,.battle-detail-grid .battle-field-nature,.battle-detail-grid .battle-field-item,.battle-detail-grid .battle-field-ability{grid-column:span 2}.compare-row{grid-template-columns:minmax(0,180px) minmax(0,1fr);align-items:center}.battle-result-stage{grid-template-columns:52px minmax(0,1fr) 52px}.battle-result-icon{width:48px;height:48px}}@media (width<=960px){.app-header{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}.brand{align-items:center}.brand h1{white-space:normal}.header-controls{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;display:grid}.header-help,.header-view-menu,.header-meta-tools{grid-column:1/-1;justify-self:stretch;width:100%;min-width:0;max-width:100%}.header-help{order:1}.header-view-menu{order:2}.header-meta-tools{order:3}.header-help .tooltip-anchor{justify-content:center;width:100%}.tooltip-anchor .tooltip-panel,.tooltip-anchor.right .tooltip-panel{top:auto;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 24px);position:fixed;left:12px;overflow:auto;transform:translateY(10px)}.header-meta-tools{grid-template-columns:48px minmax(148px,1fr);align-items:center;gap:8px;display:grid}.panel-mode-switch.segmented,.toolbar-group.side-group .segmented{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.header-view-menu button,.panel-mode-switch button,.toolbar-group.side-group .segmented button{min-width:0;padding-inline:10px}.icon-toggle{justify-content:center;width:48px;min-width:48px;padding-inline:0}.theme-toggle{width:48px;min-width:48px;padding-inline:0}.lang-select{width:100%;min-width:148px}.team-heading-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;display:grid}.team-heading-row h2{min-width:0}.panel-mode-switch{grid-column:1/-1;margin-left:0}.team-toolbar{grid-template-columns:minmax(0,1fr);gap:10px}.toolbar-group{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;width:100%;display:grid}.toolbar-group.side-group,.toolbar-group.import-group,.toolbar-search-shell{width:100%}.toolbar-group.side-group .segmented,.toolbar-group.side-group.target-toggle{width:100%;min-width:0}.toolbar-group.import-group .ghost-button{width:100%}.team-toolbar .search-shell,.team-toolbar .search-box,.battle-search-shell,.battle-search-box,.roster-search-shell,.roster-search{width:100%;min-width:0;max-width:none}.roster-controls{width:100%;margin-left:14px;margin-right:14px}.roster-filter-row{gap:12px}.roster-champion-filter,.roster-type-filter,.roster-generation-filter{flex-basis:100%}.roster-sort-select{width:100%;min-width:0}.roster-filter-pills{gap:6px}.roster-filter-pill{min-height:32px;padding-inline:10px;font-size:.78rem}.team-toolbar .search-box,.battle-search-box{grid-template-columns:minmax(72px,auto) minmax(0,1fr);gap:10px;min-height:46px;padding:0 14px}.team-toolbar>.toolbar-search-shell{grid-column:1/-1;justify-self:stretch;width:100%}.team-toolbar .search-box span,.battle-search-box span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}.team-toolbar>.toolbar-group,.team-toolbar>.toolbar-search-shell{grid-area:auto/1/auto/-1;min-width:0}.team-toolbar .target-toggle{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.detail-summary,.battle-poke-summary{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px}.detail-summary>.battle-summary-side,.battle-poke-summary>.battle-summary-side{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.detail-copy strong,.compare-panel .compare-name-line strong{font-size:clamp(.94rem,4vw,1rem)}.detail-copy span,.battle-summary-range small,.compare-panel .compare-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-range,.battle-summary-range{grid-column:1/-1;justify-self:end;min-width:fit-content}.detail-card .segmented.wrap,.battle-detail-grid .segmented.wrap,.battle-action-row{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.detail-card .segmented.wrap::-webkit-scrollbar{display:none}.battle-detail-grid .segmented.wrap::-webkit-scrollbar{display:none}.battle-action-row::-webkit-scrollbar{display:none}.detail-card .segmented.wrap button,.battle-detail-grid .segmented.wrap button,.battle-action-row .toggle-chip{flex:none;min-width:max-content}.detail-card .segmented.wrap.option-switch.switch-track,.battle-detail-grid .segmented.wrap.option-switch.switch-track{padding-bottom:4px;display:grid;overflow:visible}.detail-card .segmented.wrap.option-switch.switch-track button,.battle-detail-grid .segmented.wrap.option-switch.switch-track button{min-width:0}.battle-action-row .toggle-chip{min-height:38px;padding-inline:10px;font-size:.84rem}.compare-panel .compare-row{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:8px;padding-bottom:8px}.compare-panel .compare-copy{gap:4px;min-width:0;display:grid}.compare-panel .compare-name-line{flex-wrap:nowrap;min-width:0}.compare-panel .compare-meta span{display:block}.compare-panel .compare-graph-block{grid-template-columns:minmax(0,1fr) 72px;gap:8px}.compare-panel .compare-range{white-space:nowrap;min-width:72px;font-size:.82rem}.detail-card .stat-points-inline,.battle-detail-grid .stat-points-inline{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.detail-card .stat-points-inline .stat-points-input,.battle-detail-grid .stat-points-inline .stat-points-input{min-width:0}.detail-card .stat-points-inline .unknown-toggle,.battle-detail-grid .stat-points-inline .unknown-toggle{min-width:84px}.team-card-head{align-items:start}.team-card-head .ghost-button,.team-card-head .danger-pill{white-space:nowrap;margin-left:auto}.slot-grid{gap:8px}.slot-card.empty{min-height:72px;padding:10px 12px}.slot-card.compact.empty{height:60px;min-height:60px}.slot-empty{gap:4px}.slot-empty span{font-size:.8rem;line-height:1.25}.empty-box{border-radius:18px;min-height:92px;padding:16px}.detail-card.detail-empty .empty-box.in-panel,.battle-side.battle-side-empty .empty-box.in-panel{min-height:112px;padding:18px;font-size:.94rem;line-height:1.55}.battle-result.battle-result-empty{min-height:156px}.battle-result-empty-box{padding:18px;font-size:.94rem;line-height:1.55}}
