.player-tool .tool-picker-field{display:grid;gap:6px;flex:1;min-width:0}.image-picker{position:relative;min-width:0}.image-picker.is-open{z-index:30}.image-picker-control{position:relative;display:flex;align-items:center}.player-tool .image-picker-control input{width:100%;min-height:52px;padding:10px 42px 10px 12px;cursor:pointer}.player-tool .image-picker.has-image input{padding-left:50px}.player-tool .image-picker.is-open input{cursor:text}.image-picker-current{position:absolute;left:10px;width:32px;height:32px;object-fit:contain;pointer-events:none}.image-picker-toggle{position:absolute;right:2px;top:2px;bottom:2px;width:38px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:24px;cursor:pointer}.image-picker-toggle:hover{background:var(--surface2)}.image-picker-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #00000029}.image-picker.opens-up .image-picker-panel{top:auto;bottom:calc(100% + 6px)}.image-picker-status{padding:3px 8px 7px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.image-picker-list{position:relative;max-height:278px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.image-picker-option{display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 8px;border-radius:6px;cursor:pointer}.image-picker-option.is-active{background:var(--surface2);outline:2px solid var(--violet);outline-offset:-2px}.image-picker-option[aria-selected=true] .image-picker-name{color:var(--violet);font-weight:700}.image-picker-option>img{width:36px;height:36px;object-fit:contain;flex:0 0 36px}.image-picker-option>span:not(.image-picker-check){flex:1;min-width:0;overflow-wrap:anywhere}.image-picker-name{display:block}.image-picker-option small{display:block;color:var(--muted);font-size:12px}.image-picker-check{margin-left:auto;color:var(--violet);visibility:hidden}.image-picker-option[aria-selected=true] .image-picker-check{visibility:visible}@media(max-width:680px){.player-tool .filterbar .tool-picker-field{flex-basis:100%}}.player-tool .filterbar{margin-top:20px}.player-tool label{display:grid;gap:6px;min-width:0;flex:1}.player-tool select,.player-tool input{width:100%;min-width:0;max-width:100%}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.comparison-grid article{min-width:0}.comparison-grid h2{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.comparison-grid img{width:56px;height:56px;object-fit:contain}.comparison-grid dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison-grid dd{margin:0;font-weight:700}.comparison-grid h3{margin:18px 0 8px}.comparison-grid li{margin:12px 0}.tool-results{display:grid;gap:10px;margin-top:16px}.tool-result{border:1px solid var(--line);padding:14px;background:var(--surface);border-radius:10px;overflow-wrap:anywhere}.tool-result small{display:block;color:var(--muted)}.tool-result a{color:var(--violet);font-weight:700}.player-tool [hidden]{display:none!important}.player-tool output{display:block}.player-tool button{white-space:normal}.player-tool :focus-visible{outline:3px solid var(--violet);outline-offset:3px}@media(max-width:680px){.comparison-grid{grid-template-columns:1fr}.player-tool .filterbar{align-items:stretch}.player-tool .filterbar label{flex-basis:100%}}.comparison-grid small{display:block;color:var(--muted);margin:4px 0}.tool-lumi-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.tool-lumi-heading>div{min-width:0}.tool-lumi-heading h2{margin:0;font-size:24px;overflow-wrap:anywhere}.tool-lumi-heading p{margin:6px 0 0;color:var(--muted)}.tool-lumi-portrait{display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.player-tool .tool-portrait{display:block;width:120px;height:120px;object-fit:contain;padding:8px}.comparison-skills{list-style:none;padding:0}.comparison-grid .comparison-skill{display:flex;align-items:flex-start;gap:12px;margin:0;padding:16px 0;border-top:1px solid var(--line)}.comparison-skill>div{min-width:0;flex:1}.comparison-skill p{margin:8px 0 0}.player-tool .tool-skill-image{width:48px;height:48px;object-fit:contain;flex:0 0 48px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.tool-target{margin:16px 0}.tool-target>small{color:var(--muted)}.tool-target .tool-lumi-heading{margin:8px 0 0}.player-tool .tool-target .tool-portrait{width:80px;height:80px}.tool-search-link{display:flex;align-items:center;gap:12px}.tool-search-link span{min-width:0}.tool-search-image{width:44px;height:44px;object-fit:contain;flex:0 0 44px}.tool-matchup-link{display:flex;align-items:center;gap:14px;margin-bottom:12px}.tool-matchup-art{position:relative;display:block;width:76px;height:72px;flex:0 0 76px}.tool-matchup-lumi{display:block;width:64px;height:64px;object-fit:contain}.tool-matchup-skill{position:absolute;bottom:0;right:0;width:32px;height:32px;object-fit:contain;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tool-matchup-names{display:grid;gap:4px;min-width:0}.tool-matchup-names>span{color:var(--ink);font-size:14px;font-weight:500}@media(max-width:420px){.tool-lumi-heading{gap:12px}.player-tool .tool-portrait{width:96px;height:96px}.tool-lumi-heading h2{font-size:22px}}