:root{color-scheme:dark;--bg:#080e14;--panel:#101b25;--panel2:#13222e;--line:#243543;--ink:#e7f0f6;--muted:#8c9eac;--accent:#65d6d0;--water:#67d5f1;--fire:#f29ba5;--iron:#edce72;--wind:#a3d999;--electric:#b59ae9;font:14px/1.55 Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#162b352b,transparent 45%),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select,input,textarea{border:1px solid var(--line);border-radius:7px;background:#0d1821;color:var(--ink)}button{cursor:pointer;padding:8px 12px;transition:background .15s,border-color .15s}button:hover{background:#1c3040;border-color:#53737e}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select{padding:8px 10px;max-width:100%;min-width:0}textarea{width:100%;padding:10px;resize:vertical}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}.site-header{height:78px;max-width:1580px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:44px;border-bottom:1px solid #1c2934}.brand{font-weight:800;letter-spacing:1.2px;display:flex;align-items:center;gap:11px;white-space:nowrap}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:2.2px;margin-top:2px}.brand-mark{width:35px;height:39px;background:var(--accent);color:#092228;display:grid;place-items:center;font-size:24px;clip-path:polygon(0 0,100% 0,100% 80%,75% 100%,0 100%)}.site-header nav{display:flex;gap:28px;height:100%;align-items:center;color:var(--muted);font-size:13px}.site-header nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.site-header nav a.active{color:var(--accent);border-color:var(--accent)}.free-badge{margin-left:auto;font-size:11px;color:#9fd6ca;border:1px solid #284941;padding:4px 9px;border-radius:20px;white-space:nowrap}main{max-width:1580px;padding:28px 32px 0;margin:auto}.page-intro{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700;margin:0 0 8px}h1{font-size:30px;letter-spacing:1px;font-weight:750;margin:0 0 8px}h2{font-size:16px;margin:0;font-weight:700}h3{font-size:14px;margin:0 0 12px}.subline{color:var(--muted);margin:0;font-size:12px}.catalog-status{text-align:right;display:flex;flex-direction:column;gap:3px;flex-shrink:0;font-size:12px}.catalog-status span{font-size:11px;color:var(--muted)}.text-button{background:none;border:0;color:var(--accent);padding:4px 0;font-size:12px}.text-button:hover{background:none;border:0;color:#b0fff1}.mode-nav{display:flex;gap:6px;overflow:auto;padding-bottom:12px;margin-bottom:5px;scrollbar-width:thin}.mode-nav button{white-space:nowrap;border-color:transparent;background:none;font-size:12px;padding:9px 15px;color:var(--muted)}.mode-nav button.selected{color:var(--accent);background:#173638;border-color:#32605e}.plan-toolbar{display:flex;align-items:center;gap:8px;padding:11px 13px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.plan-toolbar button{font-size:11px;padding:6px 10px}.plan-select{display:flex;gap:10px;align-items:center;min-width:0;font-size:11px;color:var(--muted)}.plan-select select{max-width:240px;font-size:12px}.toolbar-spacer{flex:1}.quiet{color:var(--muted)}.icon-button{padding:4px 9px;font-size:18px;background:none}#save-status{font-size:10px;color:#91bdb0;margin-right:8px}.context-bar{display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:15px}#context-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap}#context-controls label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}#context-controls input,#context-controls select{font-size:11px;padding:5px 7px}#context-controls input[name=season]{width:85px}.context-tag{font-size:10px;color:#7793a3}.context-actions{display:flex;gap:8px;flex-shrink:0}.context-actions button{font-size:10px;padding:5px 9px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:17px;align-items:start}.editor-column,.reference-column{min-width:0}.editor-panel,.roster-panel,.reference-panel,.note-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.panel-head{padding:17px 17px 13px;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.panel-head p:not(.eyebrow){font-size:10px;color:var(--muted);margin:5px 0 0}.team-counter{display:flex;flex-direction:column;text-align:right;white-space:nowrap}.team-counter strong{font-size:27px;line-height:1.1;color:var(--accent)}.team-counter span{font-size:9px;color:var(--muted);margin-top:5px}.teams{padding:0 16px}.team-row{padding:12px 0;border-top:1px solid #233642}.team-row-top{display:flex;align-items:center;gap:7px;margin-bottom:9px;min-width:0}.team-number{width:23px;height:23px;display:grid;place-items:center;background:#223746;border-radius:5px;color:#a3bccb;font-size:11px;flex-shrink:0}.team-name{font-size:12px;max-width:160px;padding:2px 4px;border-color:transparent;background:transparent;font-weight:650}.team-burst{margin-left:auto;font-size:9px;color:#8cbcad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-burst.warning{color:#bca971}.team-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.slot{position:relative;height:98px;border:1px dashed #345060;border-radius:7px;background:linear-gradient(150deg,#142330,#0b1722);overflow:hidden;cursor:pointer;min-width:0}.slot.filled{border:1px solid #3b5462}.slot.selected{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 4px #65d6d01b}.slot.drag-over{outline:2px dashed var(--accent)}.slot>img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.slot.empty:before{content:'＋';position:absolute;left:50%;top:22%;transform:translateX(-50%);font-size:23px;color:#406073}.slot-name{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#07121ff0 28%);font-size:10px;line-height:1.3;padding:15px 4px 5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eff9ff}.slot-position{position:absolute;top:4px;left:4px;font-size:9px;background:#07111bdc;border:1px solid #426171;border-radius:3px;padding:0 4px}.slot-code{position:absolute;bottom:24px;left:4px;font-size:8px;padding:0 3px;background:#07111bdc;color:var(--element)}.slot-actions{position:absolute;top:3px;right:3px;display:flex;gap:2px}.slot-actions button{width:20px;height:20px;padding:0;border:1px solid #426171;background:#07111bca;font-size:11px}.slot-actions button.locked{color:var(--iron);border-color:var(--iron)}.team-row-bottom{display:flex;gap:7px;margin-top:7px;align-items:center}.team-notes{font-size:10px;flex:1;padding:4px 6px;border-color:transparent;background:transparent;min-width:0}.tiny-button{font-size:9px;padding:3px 5px;color:var(--muted);white-space:nowrap}.validation{margin:5px 15px 13px;padding:9px 10px;background:#0b1720;border-radius:5px;font-size:10px;line-height:1.8;color:#91a5b3}.validation .issue{color:#e9b57d}.validation .ok{color:#a0d6c5}.editor-foot{padding:11px 15px;background:#0d1923;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);align-items:center}.editor-foot>span{max-width:65%}.editor-foot button{font-size:10px;padding:6px 8px;color:var(--accent);flex-shrink:0}.boss-strip{display:flex;flex-wrap:wrap;gap:5px;padding:0 15px 12px}.boss-chip{border-left:2px solid var(--element);background:#0a1720;padding:5px 7px;font-size:9px;color:var(--element)}.boss-chip span{display:block;color:#bfced9}.boss-select{max-width:100%;font-size:10px;padding:4px 7px}.branch-toggle{display:flex;gap:2px}.branch-toggle button{font-size:10px;padding:3px 7px}.branch-toggle .selected{color:var(--accent);border-color:#508980;background:#193d3b}.roster-panel{margin-top:17px}.count-label{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}.inline-check{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px;color:var(--muted)}.search-row{display:flex;gap:7px;padding:0 16px 10px;flex-wrap:wrap}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:#0c1720;flex:1;min-width:160px}.search>span{font-size:20px;color:var(--muted);padding-left:9px}.search input{border:0;background:none;width:100%;font-size:11px}.search-row select{font-size:10px;max-width:170px}.filter-row{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 11px;align-items:center}.filter-row select{font-size:10px;padding:5px 7px;flex:1;min-width:70px}.element-filters{display:flex;gap:4px;flex-wrap:wrap;flex-basis:100%}.element-filters button{font-size:10px;padding:4px 8px;color:var(--element,var(--muted));background:none}.element-filters button.selected{background:#233c44;border-color:var(--element,var(--accent))}.roster-extra{padding:0 16px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between}.roster-extra>span{font-size:9px;color:#6e8898}.roster{padding:0 15px 15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-height:600px;overflow:auto;scrollbar-width:thin;align-content:start}.character-card{height:114px;background:#0a1520;border:1px solid #2d4555;border-radius:7px;overflow:hidden;position:relative;cursor:pointer;min-width:0}.character-card:hover{border-color:var(--accent);background:#213440}.character-card>img{width:100%;height:85px;object-fit:cover;object-position:center 15%}.character-name{display:block;font-size:10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 3px}.burst-chip{position:absolute;top:4px;left:4px;font-size:9px;background:#07101fdd;border:1px solid #526b79;padding:0 4px;border-radius:3px}.code-line{position:absolute;bottom:28px;left:0;width:100%;height:3px;background:var(--element)}.owned-toggle{position:absolute;right:2px;top:1px;width:22px;height:22px;padding:0;background:#07111bd9;border:0;font-size:15px;color:#b3c8d5}.owned-toggle.on{color:var(--iron)}.pending-label,.used-label{position:absolute;left:0;bottom:31px;max-width:100%;font-size:8px;padding:2px 4px;background:#312412ed;color:#f0ce7e}.used-label{bottom:45px;background:#102f31ed;color:#a1ead8}.empty-state{text-align:center;padding:27px 16px;font-size:12px;color:var(--muted);line-height:1.9}.reference-panel .panel-head{padding:18px 16px 12px}.reference-tabs{display:flex;padding:0 12px;border-bottom:1px solid var(--line);gap:4px}.reference-tabs button{border:0;background:none;border-radius:0;padding:9px 7px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.reference-tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}#reference-controls{padding:12px 14px 0}#reference-controls select{width:100%;font-size:11px}#reference-controls p{font-size:10px;color:var(--muted);line-height:1.8}#references{padding:12px}.reference-card{padding:12px;border:1px solid #2b414f;background:#0e1923;border-radius:7px;margin-bottom:10px}.ref-type{font-size:9px;color:var(--accent);margin-bottom:5px}.reference-card h3{font-size:13px;margin:0 0 8px}.reference-card p{font-size:11px;color:var(--muted);margin:7px 0;line-height:1.7}.ref-meta{display:flex;gap:8px;flex-wrap:wrap;color:#9cb3c1;font-size:9px}.ref-portraits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:7px 0}.ref-portraits img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;border:1px solid #2a3d4a}.ref-portraits .missing{aspect-ratio:1;border:1px dashed var(--line);color:var(--muted);display:grid;place-items:center;font-size:10px}.ref-actions{display:flex;gap:7px;margin-top:10px}.ref-actions button{font-size:10px;padding:5px 7px;flex:1}.ref-warning{font-size:10px;color:var(--iron);background:#29231466;border-radius:5px;padding:7px;margin-top:8px}.note-panel{margin-top:15px;padding:17px}.note-panel textarea{font-size:11px;min-height:95px}.note-panel p{font-size:10px;color:var(--muted);margin:8px 0 0}.tip-panel{display:flex;gap:10px;padding:17px 6px;font-size:11px;color:var(--muted)}.tip-panel strong{font-size:11px;color:#b6cbd4}.tip-panel p{font-size:10px;line-height:1.8;margin:5px 0}.tip-icon{color:var(--accent);border:1px solid #476e70;width:16px;height:16px;border-radius:50%;font-size:10px;text-align:center;flex-shrink:0;margin-top:2px}footer{display:flex;justify-content:space-between;gap:20px;color:#6b8493;font-size:10px;padding:27px 0;margin-top:25px;border-top:1px solid #1d2d39}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#24414a;border:1px solid #59858a;padding:12px 20px;border-radius:9px;box-shadow:0 10px 60px #0008;color:#e1fff6;z-index:9999;font-size:12px}.toast.error{border-color:#a37648;background:#352918;color:#f3d4a6}dialog{width:min(650px,94vw);max-height:88dvh;border:1px solid #3e5a69;border-radius:12px;background:#101c27;color:var(--ink);padding:0;box-shadow:0 25px 120px #000b}dialog::backdrop{background:#03090fc9;backdrop-filter:blur(3px)}dialog>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 20px}#dialog-body{padding:20px;max-height:72dvh;overflow:auto}#dialog-body p{color:#a5b9c7;font-size:12px;line-height:1.9;white-space:pre-line}#dialog-body input[type=text],#dialog-body textarea{width:100%;margin:8px 0 12px}#dialog-body .actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}#dialog-body .primary{background:#265552;border-color:#4a8a82;color:#d6fff4}#dialog-body a{color:var(--accent)}.details-hero{display:flex;gap:18px}.details-hero img{width:120px;height:120px;object-fit:cover;border-radius:9px}.data-warning{color:var(--iron)!important;background:#342b163d;border:1px solid #65523255;border-radius:6px;padding:10px}.xlsx-sheet{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.xlsx-sheet img{width:100%;height:67px;object-fit:contain;background:#050c12;border-radius:4px}.xlsx-sheet button{padding:3px}.source-unmapped{font-size:10px;color:var(--iron)}.picker-search{width:100%;margin-bottom:12px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;max-height:400px;overflow:auto}.picker-grid button{padding:3px;min-width:0;font-size:10px}.picker-grid img{width:100%;height:67px;object-fit:cover}.picker-grid span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-card-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.source-card-gallery img{width:100%;height:88px;object-fit:contain}.source-card-gallery button{padding:4px;font-size:9px}
@media(min-width:1300px){.editor-column{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:15px;align-items:start}.roster-panel{margin-top:0}.roster{grid-template-columns:repeat(4,minmax(0,1fr));max-height:670px}.slot{height:83px}.team-name{max-width:115px}.team-burst{max-width:100px}.panel-head{padding:15px 13px 12px}.teams{padding:0 12px}.team-slots{gap:5px}.roster-extra>span{display:none}.search{flex-basis:100%}.search-row select{flex:1;max-width:none}.roster-extra{padding:0 12px 10px}.team-counter span{max-width:55px;white-space:normal}.editor-foot{flex-wrap:wrap}.editor-foot>span{max-width:none}.roster-panel .panel-head{flex-wrap:wrap}}
@media(max-width:1050px){main{padding:23px 20px 0}.site-header{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:13px}.slot{height:84px}.team-name{max-width:110px}.team-burst{max-width:140px}.search{flex-basis:100%}.search-row select{flex:1}.roster-extra>span{display:none}#save-status{display:none}.page-intro h1{font-size:26px}.catalog-status{max-width:230px}.plan-toolbar{flex-wrap:wrap}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.reference-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.reference-panel{grid-column:1/-1}.note-panel{margin:0}.slot{height:110px}.roster{grid-template-columns:repeat(auto-fill,minmax(83px,1fr))}#references{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reference-card{margin:0}.page-intro{align-items:start}.catalog-status{font-size:10px}.site-header{gap:25px}.site-header nav{gap:20px}.toolbar-spacer{display:none}.plan-select{flex:1}.team-burst{max-width:none}}
@media(max-width:560px){.site-header{height:64px;padding:0 14px;gap:15px}.brand{font-size:11px;letter-spacing:.5px;gap:7px}.brand-mark{width:25px;height:30px;font-size:20px}.brand small{font-size:7px;letter-spacing:1px}.site-header nav{gap:11px;font-size:10px}.free-badge{display:none}main{padding:21px 12px 0}.page-intro{display:block;margin-bottom:17px}.page-intro h1{font-size:24px;letter-spacing:0}.eyebrow{font-size:9px}.subline{font-size:10px;max-width:310px}.catalog-status{max-width:none;flex-direction:row;align-items:center;text-align:left;gap:8px;margin-top:12px;flex-wrap:wrap}.catalog-status span{font-size:9px}.catalog-status .text-button{font-size:9px;margin-left:auto}.mode-nav{margin-bottom:4px;gap:3px;padding-bottom:8px}.mode-nav button{font-size:11px;padding:7px 11px}.plan-toolbar{padding:8px;gap:6px}.plan-select{flex-basis:100%;justify-content:space-between}.plan-select select{max-width:80%;flex:1}.plan-toolbar button{font-size:10px;padding:5px 8px}.plan-toolbar #rename-plan{margin-right:auto}.context-bar{min-height:70px;align-items:flex-start;padding-top:13px;gap:8px}#context-controls{gap:6px;flex:1}#context-controls label{font-size:9px;gap:4px}#context-controls input,#context-controls select{font-size:10px;padding:4px}#context-controls input[type=date]{width:109px}.context-tag{font-size:9px;flex-basis:100%}.context-actions{gap:5px}.context-actions button{padding:4px 6px;font-size:9px}.panel-head{padding:13px 11px 11px}.panel-head h2{font-size:14px}.panel-head p:not(.eyebrow){font-size:9px}.team-counter strong{font-size:22px}.team-counter span{font-size:9px}.teams{padding:0 10px}.team-row{padding:10px 0}.team-slots{gap:5px}.slot{height:84px;border-radius:5px}.slot-name{font-size:9px;padding:12px 2px 3px}.slot-actions{right:1px;top:1px;gap:1px}.slot-actions button{width:18px;height:18px;font-size:9px}.slot-position{left:2px;top:2px;font-size:8px;padding:0 3px}.slot-code{font-size:8px;left:2px;bottom:23px}.team-name{font-size:11px;max-width:115px}.team-burst{font-size:8px;max-width:150px}.team-row-bottom{gap:5px}.team-notes{font-size:9px}.tiny-button{font-size:9px;padding:2px 4px}.team-number{height:20px;width:20px;font-size:10px}.editor-foot{padding:9px 11px;font-size:9px;gap:8px;align-items:start}.editor-foot button{font-size:9px;padding:5px 6px}.validation{margin:3px 10px 10px;font-size:10px}.boss-strip{padding:0 10px 9px;gap:4px}.boss-chip{font-size:9px;padding:4px 6px}.boss-select{font-size:10px;max-width:100%}.branch-toggle button{padding:2px 6px;font-size:9px}.roster-panel{margin-top:13px}.roster{padding:0 10px 12px;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr));max-height:485px}.character-card{height:90px}.character-card>img{height:64px}.character-name{font-size:9px;padding:5px 2px}.burst-chip{font-size:8px;top:3px;left:3px;padding:0 3px}.owned-toggle{width:19px;height:20px;font-size:12px;right:1px;top:0}.code-line{bottom:25px}.pending-label{font-size:7px;bottom:27px}.search-row{padding:0 10px 10px;gap:6px}.search-row select{font-size:10px}.search input{font-size:11px}.filter-row{padding:0 10px 9px;gap:5px}.filter-row select{font-size:9px;min-width:62px}.element-filters button{font-size:10px;padding:4px 8px}.roster-extra{padding:0 10px 9px}.inline-check{font-size:9px}.reference-column{display:block}.note-panel{margin-top:13px}#references{grid-template-columns:1fr}.tip-panel{padding:14px 4px}.context-actions #clear-plan{display:none}footer{display:block;font-size:9px;padding:18px 2px;margin-top:15px}footer span{display:block;margin-bottom:5px}dialog>header{padding:12px 14px}#dialog-body{padding:15px}.source-card-gallery{grid-template-columns:repeat(4,1fr)}.source-card-gallery img{height:80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}