:root{color:#191c1e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171b1d;--paper:#f0f2f1;--panel:#d8dddc;--cyan:#00a8d7;--cyan-dark:#037da0;--orange:#ee4b19;--red:#d72727;--line:#141b1e38;--muted:#667074;background:#dfe3e2;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{background:#cfd4d3;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ffd000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:linear-gradient(112deg,#0000 0 8%,#ffffffd1 8.1% 10%,#0000 10.1%),repeating-linear-gradient(0deg,#121c2005 0 1px,#0000 1px 5px),#e8ebea;min-height:100svh;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{z-index:0;content:"";pointer-events:none;position:fixed}.app-shell:before{clip-path:polygon(0 20%,100% 13%,52% 42%,100% 70%,0 82%);opacity:.9;background:#22282a;width:clamp(34px,4vw,74px);inset:78px auto 0 0}.app-shell:after{aspect-ratio:1;border:max(18px,2vw) solid #1b21240a;width:36vw;bottom:-18vw;right:-8vw;transform:rotate(45deg)}.orientation-hint{display:none}.app-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e5e9e8e6;border-bottom:1px solid #ffffffa6;justify-content:space-between;align-items:stretch;min-height:78px;display:flex;position:relative;box-shadow:0 6px 24px #141a1d26}.brand{background:var(--ink);color:#f7f8f7;text-align:left;clip-path:polygon(0 0,100% 0,calc(100% - 34px) 100%,0 100%);border:0;align-items:center;gap:18px;min-width:330px;padding:12px 32px;display:flex}.brand__mark{flex:0 0 43px;width:43px;height:43px;display:block;position:relative;transform:rotate(-12deg)}.brand__mark i{transform-origin:50%;background:#fff;width:38px;height:6px;position:absolute;left:2px}.brand__mark i:first-child{top:8px;transform:rotate(43deg)}.brand__mark i:nth-child(2){top:24px;transform:rotate(-43deg)}.brand__mark i:nth-child(3){background:var(--cyan);width:28px;top:18px;transform:rotate(90deg)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.09em;font-family:Impact,Arial Narrow,sans-serif;font-size:20px;font-weight:500}.brand small{color:#aeb7b9;letter-spacing:.28em;margin-top:3px;font-size:11px}.top-nav{align-items:stretch;gap:1px;margin-right:18px;display:flex}.nav-button{background:0 0;border:0;border-left:1px solid #181d201c;justify-content:center;align-items:center;gap:10px;min-width:150px;padding:0 22px;font-size:14px;transition:color .16s,background .16s;display:flex}.nav-button:hover,.nav-button--active{color:var(--cyan-dark);background:#fff}.nav-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:23px}.nav-button b{background:var(--ink);color:#fff;min-width:24px;padding:2px 6px;font-family:Consolas,monospace;font-size:11px;font-weight:600}.draw-page,.panel-page{z-index:2;width:100%;min-height:calc(100svh - 112px);padding:clamp(22px,3vw,52px) clamp(32px,6vw,116px) 56px;position:relative}.squad-board,.settings-panel,.ban-panel,.plan-panel{width:min(1680px,100%);margin:0 auto}.board-heading,.panel-titlebar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.demo-banner{background:var(--ink);color:#fff;border-left:6px solid #ffd000;align-items:center;gap:14px;margin-bottom:16px;padding:10px 14px;display:flex;box-shadow:0 7px 16px #181d1f29}.demo-banner strong{color:var(--ink);background:#ffd000;padding:3px 7px;font-size:12px}.demo-banner span{font-size:11px}.eyebrow{color:var(--cyan-dark);letter-spacing:.17em;margin-bottom:4px;font-family:Consolas,Courier New,monospace;font-size:11px;font-weight:700;display:block}.board-heading h1,.panel-titlebar h1{letter-spacing:.08em;margin:0;font-size:clamp(28px,3vw,46px);font-weight:900;line-height:1}.board-heading__meta{margin-left:auto}.board-heading__meta,.candidate-readout{border-left:4px solid var(--cyan);grid-template-columns:auto auto;align-items:end;gap:0 10px;padding-left:18px;display:grid}.board-heading__meta span,.candidate-readout span{color:var(--muted);grid-column:1;font-size:12px}.board-heading__meta strong,.candidate-readout strong{grid-area:1/2/span 2;font-family:Impact,Arial Narrow,sans-serif;font-size:42px;font-weight:500;line-height:.9}.candidate-readout small{color:var(--muted);font-size:11px}.candidate-readout--danger{border-left-color:var(--red)}.candidate-readout--danger strong{color:var(--red)}.squad-layout{grid-template-columns:minmax(0,1fr) clamp(170px,12vw,220px);align-items:stretch;gap:clamp(14px,2vw,32px);display:grid}.operator-grid{grid-template-columns:repeat(6,minmax(96px,1fr));gap:clamp(8px,1vw,18px);display:grid}.operator-slot{aspect-ratio:.65;clip-path:polygon(0 9%,17% 0,100% 0,100% 91%,83% 100%,0 100%);min-width:0;position:relative;overflow:hidden}.operator-slot--empty{background:linear-gradient(122deg,#0000 0 49%,#00a8d7b3 49.4% 50%,#0000 50.4%),repeating-linear-gradient(135deg,#151b1e0e 0 1px,#0000 1px 10px),#b2b8b78a;border:1px solid #161d201c;box-shadow:inset 0 -38px #151a1dd6}.operator-slot--empty:before{content:"";clip-path:inherit;border:1px solid #ffffffa6;position:absolute;inset:0}.slot-index{color:#161d2080;font-family:Consolas,monospace;font-size:11px;position:absolute;top:7%;left:8%}.slot-plus{width:38%;height:38%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.slot-plus:before,.slot-plus:after{content:"";background:#ffffffeb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 3px 6px #11161838}.slot-plus:before{width:100%;height:5px}.slot-plus:after{width:5px;height:100%}.slot-caption{color:#ffffff80;letter-spacing:.08em;font-family:Consolas,monospace;font-size:8px;position:absolute;bottom:6%;right:8%}.operator-card{isolation:isolate;background:#aab0af;box-shadow:0 10px 18px #14191b40}.operator-card:before{z-index:0;content:"";background:linear-gradient(135deg,#eef0ef 0 16%,#a8acab 16.4% 38%,#676d6e 38.3% 100%);position:absolute;inset:0}.operator-card__grid{z-index:1;opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 17px,#ffffff1a 18px),repeating-linear-gradient(90deg,#0000 0 17px,#ffffff1a 18px);position:absolute;inset:0}.operator-card__class{z-index:5;aspect-ratio:1;background:var(--ink);color:#fff;place-items:center;width:clamp(30px,2.6vw,36px);display:grid;position:absolute;top:4%;left:7%;box-shadow:0 2px 6px #0f131566}.operator-card__class img,.plan-profession-button img,.plan-slot img,.profession-option__icon img,.plan-slot-chip img{pointer-events:none;width:26px;height:26px;display:block}.operator-card--shortage{background:#565d5f}.operator-card--shortage:before{opacity:.9;background:linear-gradient(135deg,#6a7172 0 16%,#4a5052 16.4% 38%,#33393b 38.3% 100%)}.operator-card__shortage{z-index:5;color:#fff;letter-spacing:.12em;white-space:nowrap;background:#171b1dd1;padding:5px 9px;font-size:12px;font-weight:700;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.stars{z-index:5;gap:1px;display:flex;position:absolute;top:5%;right:5%}.star-shape{aspect-ratio:1;filter:drop-shadow(0 1px 1px #00000080);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,80% 94%,50% 71%,20% 94%,32% 56%,2% 35%,39% 35%);background:#ffd300;width:clamp(8px,.72vw,13px)}.operator-card__portrait{z-index:2;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:10% 0 15%}.operator-card__portrait img{object-fit:contain;object-position:center bottom;filter:drop-shadow(5px 8px 4px #14191b47);transform-origin:50%;width:122%;height:112%}.operator-card__portrait--fallback span{color:#f5f7f694;text-shadow:5px 5px #181d1f33;font-family:STKaiti,KaiTi,serif;font-size:clamp(70px,7vw,140px);font-weight:900;line-height:1;transform:translateY(-20%)}.operator-card__slash{z-index:3;border-top:6px solid var(--cyan);transform-origin:50%;background:#eff6f5e6;height:27%;position:absolute;bottom:12%;left:-14%;right:-14%;transform:rotate(-11deg)}.operator-card__slash:after{content:"";background:#1d242759;height:3px;position:absolute;inset:8px 0 auto}.operator-card__skill{z-index:7;background:var(--orange);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);align-items:center;gap:6px;min-width:0;padding:5px 8px;display:flex;position:absolute;bottom:17%;left:4%;right:4%;overflow:hidden;box-shadow:0 4px 9px #2015113d}.operator-card__skill span{letter-spacing:.03em;flex:none;font-family:Consolas,monospace;font-size:clamp(7px,.55vw,9px);font-weight:700}.operator-card__skill strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(8px,.7vw,11px);overflow:hidden}.operator-card__skill--muted{color:#dce1e0;background:#1d2325e0;justify-content:center}.operator-card__module{z-index:7;color:#f2f5f4;border-left:3px solid var(--cyan);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#1d2325eb;align-items:center;gap:6px;min-width:0;padding:5px 8px;display:flex;position:absolute;bottom:27.5%;left:4%;right:4%;overflow:hidden;box-shadow:0 4px 9px #161c1e47}.operator-card__module span{letter-spacing:.03em;flex:none;font-family:Consolas,monospace;font-size:clamp(7px,.55vw,9px);font-weight:700}.operator-card__module strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(8px,.7vw,11px);overflow:hidden}.operator-card__module--muted{color:#b9c2c0;background:#1d2325b8;border-left:none;justify-content:center}.operator-card__footer{z-index:6;color:#fff;background:#111517f2;justify-content:flex-end;align-items:center;gap:8px;min-height:17%;padding:7px 9px;display:flex;position:absolute;bottom:0;left:0;right:0}.operator-card__footer strong{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.05vw,18px);font-weight:800;overflow:hidden}.operator-card__number{color:#6a7477;margin-right:auto;font-family:Consolas,monospace;font-size:9px}.operator-card--revealing{animation:.52s cubic-bezier(.2,.9,.2,1) both card-reveal;animation-delay:calc(var(--reveal-index) * 38ms)}@keyframes card-reveal{0%{opacity:0;filter:brightness(3)contrast(.4);transform:translateY(18px)scale(.94)}55%{opacity:1;filter:brightness(1.8)contrast(.7)}to{opacity:1;filter:none;transform:none}}.draw-rail{grid-template-rows:auto minmax(260px,1fr);gap:10px;display:grid}.draw-rail__pool{border-top:4px solid var(--cyan);background:var(--ink);color:#fff;grid-template-columns:1fr auto;align-items:center;padding:13px 15px;display:grid}.draw-rail__pool span,.draw-rail__pool small{color:#9aa5a8;letter-spacing:.08em;font-family:Consolas,monospace;font-size:9px}.draw-rail__pool strong{grid-area:1/2/span 2;font-family:Impact,Arial Narrow,sans-serif;font-size:36px;font-weight:400}.draw-button{background:var(--orange);color:#fff;text-align:left;clip-path:polygon(0 0,100% 0,100% 94%,88% 100%,0 100%);border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:7px;min-height:100%;padding:28px 22px;transition:filter .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #80260c4d}.draw-button:before,.draw-button:after{content:"";pointer-events:none;position:absolute}.draw-button:before{aspect-ratio:1;border:12px solid #ffffff1f;width:132%;top:10%;right:-48%;transform:rotate(45deg)}.draw-button:after{background:#101618c7;width:100%;height:8px;top:0;left:0}.draw-button:hover:not(:disabled){filter:brightness(1.08)saturate(1.08);transform:translateY(-2px)}.draw-button:disabled{filter:grayscale(.72)brightness(.82)}.draw-button svg{z-index:1;fill:none;stroke:currentColor;stroke-width:1.4px;width:clamp(42px,4vw,70px);margin-bottom:auto}.draw-button__label{z-index:2;display:block;position:relative}.draw-button__label span{letter-spacing:.08em;white-space:nowrap;font-size:clamp(26px,2.2vw,42px);font-weight:900;line-height:1.06;display:block}.draw-button__scan{z-index:1;opacity:0;background:#ffffff38;height:18%;position:absolute;top:-20%;left:0;right:0}.draw-button:disabled .draw-button__scan{opacity:1;animation:.7s linear infinite rail-scan}@keyframes rail-scan{to{top:110%}}.status-strip{border-top:1px solid var(--line);color:#50585b;background:#f7f8f7ab;align-items:center;gap:10px;min-height:38px;margin-top:14px;padding:8px 14px;font-size:11px;display:flex}.status-strip i{background:var(--line);width:1px;height:16px;margin:0 5px}.source-light{background:var(--cyan);flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 3px #00a8d724}.source-light--warning{background:#e98e15;box-shadow:0 0 0 3px #e98e1524}.panel-titlebar{border-bottom:1px solid var(--line);justify-content:flex-start;align-items:center;padding-bottom:18px}.back-button{background:var(--ink);color:#fff;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);border:0;place-items:center;width:52px;height:52px;display:grid}.back-button svg{fill:none;stroke:currentColor;stroke-width:2px;width:26px}.panel-titlebar .candidate-readout{margin-left:auto}.settings-grid{grid-template-columns:1fr .64fr .76fr;gap:18px;display:grid}.setting-section,.setting-summary{background:#f8f9f8d1;border:1px solid #171d1f29;grid-column:1/-1;padding:clamp(18px,2vw,30px);position:relative;box-shadow:0 10px 24px #21282a14}.setting-section--wide{grid-column:1/-1}.setting-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.setting-heading>div{align-items:baseline;gap:12px;display:flex}.setting-heading span{color:var(--cyan-dark);font-family:Consolas,monospace;font-size:12px;font-weight:700}.setting-heading h2{letter-spacing:.08em;margin:0;font-size:18px}.setting-heading button,.ban-actions button{border:1px solid var(--ink);background:0 0;padding:7px 12px;font-size:12px;transition:background .15s,color .15s}.setting-heading button:hover,.ban-actions button:hover:not(:disabled){background:var(--ink);color:#fff}.rarity-options,.profession-options{gap:8px;display:grid}.rarity-options{grid-template-columns:repeat(6,1fr)}.rarity-option{color:#8a9294;text-align:left;clip-path:polygon(0 0,100% 0,100% 84%,90% 100%,0 100%);background:#e5e8e7;border:1px solid #161c1e2e;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:104px;padding:13px;display:flex;position:relative}.rarity-option:after,.profession-option:after{background:var(--cyan);content:"";opacity:0;height:4px;position:absolute;bottom:0;left:0;right:0}.rarity-option--selected{border-color:var(--ink);background:var(--ink);color:#fff}.profession-option--selected{border-color:var(--cyan-dark);background:var(--cyan-dark);color:#fff;box-shadow:inset 0 0 0 2px #ffffffd1,0 8px 18px #037da04d}.profession-option--selected small{color:#ffffffe0}.profession-option:hover:not(.profession-option--selected){color:var(--cyan-dark);background:#d6dedc;border-color:#037da08c}.profession-option:focus-visible{outline-offset:4px}.rarity-option--selected:after,.profession-option--selected:after{opacity:1}.rarity-option>strong{font-family:Impact,Arial Narrow,sans-serif;font-size:28px;font-weight:400}.rarity-option .stars{flex-wrap:wrap;max-width:100%;position:static}.stars--compact .star-shape{width:10px}.rarity-option>span:last-child{letter-spacing:.07em;font-family:Consolas,monospace;font-size:8px}.profession-options{grid-template-columns:repeat(8,1fr)}.profession-option{color:#7c8587;text-align:left;background:#e5e8e7;border:1px solid #161c1e2e;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:92px;padding:12px;display:flex;position:relative}.profession-option__icon{margin-bottom:auto;display:block}.profession-option strong{font-size:15px}.profession-option small{margin-top:2px;font-family:Consolas,monospace;font-size:8px}.setting-section--count{grid-column:1/-1;min-height:190px}.setting-section--skill{grid-column:1/2;min-height:190px}.setting-section--module{grid-column:2/3;min-height:190px}.skill-setting__description{min-height:2.8em;color:var(--muted);margin:-8px 0 15px;font-size:11px;line-height:1.4}.skill-setting__options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.skill-setting__option{color:#7c8587;text-align:left;background:#e5e8e7;border:1px solid #161c1e38;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;min-height:66px;padding:10px;display:flex;position:relative}.skill-setting__option:after{background:var(--orange);content:"";opacity:0;height:4px;position:absolute;bottom:0;left:0;right:0}.skill-setting__option strong{font-size:18px}.skill-setting__option small{letter-spacing:.08em;font-family:Consolas,monospace;font-size:8px}.skill-setting__option--selected{border-color:var(--ink);background:var(--ink);color:#fff}.skill-setting__option--selected:after{opacity:1}.count-control{grid-template-columns:auto 1fr;align-items:center;gap:28px;display:grid}.count-control output{min-width:100px;color:var(--orange);font-family:Impact,Arial Narrow,sans-serif;font-size:76px;line-height:1}.count-control input{width:100%;accent-color:var(--orange)}.count-ticks{color:var(--muted);justify-content:space-between;font-family:Consolas,monospace;font-size:9px;display:flex}.setting-summary{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;min-height:190px;display:flex;overflow:hidden}.setting-summary:after{aspect-ratio:1;content:"";border:18px solid #00a8d72e;width:180px;position:absolute;top:-60%;right:-6%;transform:rotate(45deg)}.setting-summary>span{color:var(--cyan);font-family:Consolas,monospace;font-size:10px}.setting-summary strong{z-index:1;max-width:26em;margin-top:8px;font-size:clamp(18px,1.8vw,28px);position:relative}.setting-summary p{color:#9aa5a8;margin:8px 0 0;font-size:11px}.ban-toolbar{background:var(--ink);color:#fff;grid-template-columns:minmax(180px,1fr) 160px 160px auto;align-items:end;gap:10px;padding:16px;display:grid}.search-field{height:44px;color:var(--ink);background:#fff;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:0 0 20px;width:20px}.search-field input{background:0 0;border:0;outline:0;width:100%}.select-field{gap:4px;display:grid}.select-field>span{color:#9ba5a7;font-size:9px}.select-field select{border:0;border-bottom:2px solid var(--cyan);height:30px;color:var(--ink);background:#fff}.ban-actions{justify-content:flex-end;gap:8px;display:flex}.ban-actions button{color:#fff;white-space:nowrap;border-color:#ffffffa8;min-height:38px}.ban-actions button:disabled{color:#6c7476;border-color:#565e60}.ban-actions .danger-button{border-color:var(--orange);background:var(--orange)}.ban-actions .ban-select-button{border-color:var(--cyan);color:var(--cyan)}.ban-actions .ban-select-button:hover:not(:disabled){background:var(--cyan);color:var(--ink)}.ban-results-meta{justify-content:space-between;align-items:center;padding:18px 0 12px;display:flex}.ban-results-meta span{color:var(--cyan-dark);font-family:Consolas,monospace;font-size:11px;font-weight:700}.ban-results-meta p{color:var(--muted);margin:0;font-size:11px}.ban-grid{scrollbar-color:var(--cyan) #c5cbca;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:13px;min-height:240px;max-height:calc(100svh - 315px);padding:4px 7px 28px 2px;display:grid;overflow:auto}.ban-card{text-align:left;background:0 0;border:0;min-width:0;padding:0;transition:filter .15s,transform .15s;display:block;position:relative}.ban-card:hover{filter:brightness(1.06);transform:translateY(-3px)}.operator-card--compact{aspect-ratio:.68;width:100%}.operator-card--compact .operator-card__footer strong{font-size:12px}.operator-card--compact .operator-card__portrait--fallback span{font-size:68px}.ban-card--active .operator-card{filter:grayscale()contrast(1.15)brightness(.75)}.ban-card__state{z-index:8;color:#4f595b;background:#e7eae9;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:16%;right:0}.ban-card__state svg{fill:none;stroke:currentColor;stroke-width:2px;width:13px}.ban-card--active .ban-card__state{background:var(--red);color:#fff}.empty-state{min-height:300px;color:var(--muted);background:#ffffff6b;border:1px dashed #1e24264d;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.empty-state svg{fill:none;width:48px;stroke:var(--cyan-dark);stroke-width:1.2px;margin-bottom:8px}.empty-state strong{color:var(--ink)}.portrait-sample-panel{width:min(1680px,100%);margin:0 auto}.portrait-sample-back{background:var(--ink);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 13px) 100%,0 100%);border:0;min-height:52px;padding:0 18px;font-size:12px;font-weight:700}.portrait-sample-note{border-left:5px solid var(--cyan);color:var(--muted);background:#f8f9f8c7;margin:0 0 18px;padding:11px 14px;font-size:12px}.portrait-sample-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);display:grid}.portrait-sample{background:#f8f9f8d1;border:1px solid #171d1f29;min-width:0;padding:12px;box-shadow:0 10px 24px #21282a14}.portrait-sample h2{letter-spacing:.06em;margin:0 0 10px;font-size:17px}.portrait-sample__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.portrait-sample__pair>div{min-width:0}.portrait-sample__pair>div>span{color:var(--muted);text-align:center;margin-bottom:5px;font-family:Consolas,monospace;font-size:9px;display:block}.portrait-sample__pair>div:last-child>span{color:var(--orange);font-weight:700}.legal-note{z-index:4;color:#2d34379e;text-align:center;font-size:9px;position:absolute;bottom:10px;left:18px;right:18px}.plan-panel{background:#f8f9f8d1;border:1px solid #171d1f29;padding:clamp(18px,2vw,30px);box-shadow:0 10px 24px #21282a14}.plan-readout{border-left:4px solid var(--cyan);grid-template-columns:auto auto;align-items:end;gap:0 10px;margin-left:auto;padding-left:18px;display:grid}.plan-readout span{color:var(--muted);grid-column:1;font-size:12px}.plan-readout strong{grid-area:1/2/span 2;font-family:Impact,Arial Narrow,sans-serif;font-size:38px;font-weight:500;line-height:.9}.plan-readout small{color:var(--muted);font-size:14px}.clear-all-button{border:1px solid var(--red);color:var(--red);background:0 0;margin-left:16px;padding:8px 14px;font-size:13px}.clear-all-button:hover:not(:disabled){background:var(--red);color:#fff}.plan-toolbar{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.plan-profession-button{color:#4d5557;text-align:left;background:#e5e8e7;border:1px solid #161c1e2e;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;min-height:108px;padding:12px;display:flex;position:relative}.plan-profession-button img{position:absolute;top:12px;left:12px}.plan-profession-button strong{margin-top:auto;font-size:15px}.plan-profession-button small{min-height:12px;color:var(--cyan-dark);font-family:Consolas,monospace;font-size:11px}.plan-profession-button:hover:not(:disabled){border-color:var(--cyan-dark);color:var(--cyan-dark);background:#d6dedc}.plan-profession-button:active:not(:disabled){background:var(--cyan-dark);color:#fff}.plan-profession-button:disabled{filter:grayscale(.5)opacity(.55)}.plan-toolbar__actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.plan-toolbar__actions button{border:1px solid var(--ink);background:0 0;padding:7px 14px;font-size:13px}.plan-toolbar__actions button:hover:not(:disabled){background:var(--ink);color:#fff}.plan-slot-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.plan-slot{background:var(--ink);color:#fff;text-align:left;clip-path:polygon(0 0,100% 0,100% 86%,88% 100%,0 100%);border:1px solid #161c1e2e;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;min-height:96px;padding:12px;display:flex;position:relative}.plan-slot__index{color:#ffffff8c;font-family:Consolas,monospace;font-size:11px;position:absolute;top:8px;right:10px}.plan-slot img{position:absolute;top:10px;left:12px}.plan-slot strong{margin-top:auto;font-size:14px}.plan-slot:hover{filter:brightness(1.25)}.plan-empty{min-height:220px;color:var(--muted);text-align:center;background:#e8ebeab3;border:1px dashed #161c1e59;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.plan-empty svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:42px}.plan-empty strong{letter-spacing:.08em;font-size:16px}.plan-empty span{max-width:420px;font-size:12px;line-height:1.6}.plan-status{border-top:1px solid var(--line);color:#50585b;background:#f7f8f7ab;margin-top:14px;padding:9px 14px;font-size:12px}.mode-tag{background:var(--cyan-dark);color:#fff;letter-spacing:.06em;margin-left:8px;padding:2px 8px;font-family:Consolas,monospace;font-weight:700;font-size:10px!important}.plan-mode-switch{background:#161c1e0d;border:1px solid #161c1e66;display:inline-flex}.plan-mode-switch button{color:var(--muted);letter-spacing:.04em;background:0 0;border:0;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.plan-mode-switch button:before{content:"";background:0 0;border-radius:50%;width:7px;height:7px;transition:background .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #171b1d73}.plan-mode-switch button:hover:not(:disabled){color:var(--ink);background:#161c1e17}.plan-mode-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.plan-mode-switch button[aria-pressed=true]:before{background:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.profession-toolbar{justify-content:flex-end;margin-bottom:8px;display:flex}.profession-toolbar button{border:1px solid var(--ink);background:0 0;padding:7px 12px;font-size:12px;transition:background .15s,color .15s}.profession-toolbar button:hover{background:var(--ink);color:#fff}.plan-goto-button{border:1px solid var(--ink);background:0 0;align-self:flex-start;padding:7px 12px;font-size:12px;transition:background .15s,color .15s}.plan-goto-button:hover{background:var(--ink);color:#fff}.plan-summary-block{flex-direction:column;gap:12px;display:flex}.plan-slot-chips{flex-wrap:wrap;gap:8px;display:flex}.plan-slot-chip{background:var(--ink);color:#fff;align-items:center;gap:7px;padding:6px 10px;font-size:13px;display:inline-flex}.plan-summary-note{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.plan-summary-empty{color:var(--muted);margin:0;font-size:13px}.count-locked-note{color:var(--muted);margin:10px 0 0;font-size:12px}@media (width<=1100px){.draw-page,.panel-page{padding-left:54px;padding-right:38px}.operator-grid{grid-template-columns:repeat(6,minmax(80px,1fr))}.squad-layout{grid-template-columns:minmax(0,1fr) 150px}.rarity-options{grid-template-columns:repeat(3,1fr)}.profession-options{grid-template-columns:repeat(4,1fr)}.plan-toolbar,.plan-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ban-toolbar{grid-template-columns:1fr 140px 140px}.ban-actions{grid-column:1/-1}.portrait-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.app-shell{overflow:visible}.app-header{min-height:64px}.brand{gap:10px;min-width:0;padding:10px 18px 10px 14px}.brand strong{letter-spacing:.05em;white-space:nowrap;font-size:15px}.brand__mark{flex-basis:34px;width:34px;height:34px}.brand__mark i{width:30px;height:5px}.brand strong{font-size:15px}.brand small,.nav-button span{display:none}.top-nav{margin-right:0}.nav-button{min-width:52px;padding:0 8px}.draw-page,.panel-page{min-height:calc(100svh - 64px);padding:20px 14px 60px 28px}.board-heading h1,.panel-titlebar h1{font-size:28px}.squad-layout{flex-direction:column;display:flex}.operator-grid{scroll-snap-type:x proximity;grid-template-columns:repeat(6,124px);padding:3px 4px 13px;overflow-x:auto}.operator-slot{scroll-snap-align:start}.draw-rail{grid-template-rows:110px;grid-template-columns:122px 1fr}.draw-button{text-align:right;align-items:flex-end;min-height:110px;padding:16px}.draw-button svg{width:38px;position:absolute;top:18px;left:18px}.draw-button__label span{font-size:28px}.status-strip{flex-wrap:wrap;align-items:flex-start}.status-strip i{display:none}.settings-grid{grid-template-columns:1fr}.setting-section--wide,.setting-section--count,.setting-section--skill,.setting-section--module,.setting-summary{grid-column:auto}.rarity-options,.profession-options{grid-template-columns:repeat(2,1fr)}.panel-titlebar .candidate-readout,.plan-readout{display:none}.clear-all-button{margin-left:10px;padding:6px 10px;font-size:12px}.plan-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.plan-profession-button{min-height:96px;padding:9px}.plan-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-slot{min-height:88px;padding:10px}.plan-toolbar__actions{justify-content:stretch}.plan-toolbar__actions button{flex:1}.ban-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.ban-actions{justify-content:stretch}.ban-actions button{flex:1}.ban-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.ban-results-meta p{display:none}.portrait-sample-grid{grid-template-columns:1fr}.portrait-sample__pair{grid-template-columns:repeat(2,minmax(110px,1fr))}}@media (width<=760px) and (orientation:portrait){.orientation-hint{z-index:1000;top:max(18px, env(safe-area-inset-top));border-top:4px solid var(--cyan);color:#fff;pointer-events:none;background:#171b1df5;align-items:center;gap:16px;padding:15px 18px;animation:.22s ease-out both orientation-hint-in;display:flex;position:fixed;left:14px;right:14px;overflow:hidden;box-shadow:0 14px 38px #0f141652}.orientation-hint:after{aspect-ratio:1;content:"";pointer-events:none;border:11px solid #ffffff0e;width:92px;position:absolute;top:-30px;right:-38px;transform:rotate(45deg)}.orientation-hint__signal{flex:0 0 68px;width:68px;height:56px;position:relative}.orientation-hint__phone{width:30px;height:48px;box-shadow:inset 0 -5px 0 var(--cyan);background:#ffffff1f;border:4px solid #fff;position:absolute;top:10px;left:20px;transform:rotate(90deg)}.orientation-hint__phone:after{aspect-ratio:1;content:"";background:#fff;border-radius:50%;width:3px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.orientation-hint__arc{border-top:3px solid var(--orange);border-right:3px solid var(--orange);border-radius:0 44px 0 0;width:48px;height:34px;position:absolute;top:1px;left:10px;transform:rotate(-16deg)}.orientation-hint__arc:after{border-top:3px solid var(--orange);border-right:3px solid var(--orange);content:"";width:9px;height:9px;position:absolute;top:-6px;right:-7px;transform:rotate(48deg)}.orientation-hint__eyebrow{color:var(--cyan);letter-spacing:.14em;font-family:Consolas,Courier New,monospace;font-size:8px;font-weight:700}.orientation-hint h1{letter-spacing:.06em;margin:3px 0 4px;font-size:20px;font-weight:800;line-height:1}.orientation-hint p{color:#aeb8ba;margin:0;font-size:10px;line-height:1.5}@keyframes orientation-hint-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}}@media (width<=960px) and (height<=500px) and (orientation:landscape){.app-shell{overflow:visible}.app-header{min-height:44px}.brand{gap:8px;min-width:224px;padding:5px 20px 5px 14px}.brand__mark{flex-basis:28px;width:28px;height:28px}.brand__mark i{width:25px;height:4px}.brand strong{font-size:14px}.brand small{display:none}.top-nav{margin-right:0}.nav-button{gap:6px;min-width:112px;padding:0 10px;font-size:11px}.nav-button svg{width:19px}.draw-page,.panel-page{min-height:calc(100svh - 44px);padding:4px 10px 10px 28px}.board-heading,.panel-titlebar{margin-bottom:4px}.board-heading__meta,.candidate-readout{border-left-width:3px;padding-left:10px}.board-heading__meta strong,.candidate-readout strong{font-size:26px}.board-heading__meta span,.candidate-readout span,.candidate-readout small{font-size:9px}.squad-layout{grid-template-columns:minmax(0,1fr) 92px;gap:4px;display:grid}.operator-grid{scroll-snap-type:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:0;overflow:visible}.operator-slot{aspect-ratio:1.2;scroll-snap-align:none}.operator-card__class{width:27px}.operator-card__class img{width:21px;height:21px}.operator-card__footer{min-height:18%;padding:4px 6px}.operator-card__footer strong{font-size:11px}.draw-rail{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:4px}.draw-rail__pool{border-top-width:3px;padding:4px 7px}.draw-rail__pool strong{font-size:24px}.draw-button{text-align:left;align-items:flex-start;gap:4px;min-height:0;padding:8px}.draw-button:after{height:5px}.draw-button svg{width:22px;margin-bottom:auto;position:static;top:auto;left:auto}.draw-button__label span{font-size:18px}.status-strip{gap:5px;min-height:24px;margin-top:4px;padding:3px 7px;font-size:8px}.status-strip i{height:12px;margin:0 2px}.legal-note{display:none}.panel-titlebar{padding-bottom:8px}.back-button{width:40px;height:40px}.panel-titlebar h1{font-size:28px}.ban-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:none}.ban-toolbar{grid-template-rows:auto auto;grid-template-columns:minmax(120px,1fr) 92px 92px;gap:6px;padding:8px 10px}.search-field{grid-column:auto;gap:6px;height:32px;padding:0 9px}.select-field select{height:26px}.ban-actions{grid-column:1/-1;justify-content:stretch}.ban-actions button{flex:1;min-height:28px;padding:3px 6px;font-size:10px}.ban-results-meta{padding:6px 0}.ban-card__state{gap:1.5px;padding:1.5px 2.5px;font-size:3.5px}.ban-card__state svg{width:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}