:root{color-scheme:dark;font:14px system-ui;color:#eef1f8;background:#0d1119}*{box-sizing:border-box}body{margin:0}body>header{display:flex;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #303746;background:#151b27}header span{margin-left:12px;color:#9ca7bb}main{padding:24px;max-width:1600px;margin:auto}.toolbar{display:grid;grid-template-columns:220px minmax(220px,1fr) 160px auto;gap:10px}button,select,input{color:inherit;background:#1c2433;border:1px solid #3b465a;border-radius:8px;padding:10px}button{cursor:pointer;background:#6555d9}.configuration{margin:16px 0;border:1px solid #303a4c;border-radius:12px;background:#151b27;overflow:hidden}.configuration>header{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid #303a4c}.configuration h2{font-size:16px;margin:0}.meta{color:#a9b3c5;padding:6px 14px}.actions{margin-left:auto;display:flex;gap:6px}.actions button{padding:5px 8px;background:#242d3e}.teams{display:grid;grid-template-columns:1fr;gap:1px;background:#303a4c}.team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;background:#111722}.team>strong{grid-column:1/-1}.position{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;align-items:center;min-width:0;padding:5px;background:#192231;border-radius:7px}.position img,.alternative-unit img{width:32px;height:32px;object-fit:cover;border-radius:6px}.build{font-size:10px;color:#aeb8ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alternatives{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.alternatives section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;padding:5px;background:#171e2b;border-radius:7px}.alternatives section>strong{grid-column:1/-1;display:block;font-size:10px;color:#aeb8ca}.alternative-unit{display:grid;grid-template-columns:32px minmax(0,1fr);gap:5px;align-items:center;min-width:0;padding:4px;background:#212a39;border-radius:6px;font-size:10px}.alternative-unit small{display:block;color:#9ca7bb;font-size:8px}.alternative-build{color:#c4ccdb!important}.no-alternatives{grid-column:1/-1;color:#7f8a9e;font-size:10px;padding:4px}.empty{text-align:center;padding:72px 20px;border:1px dashed #3a4559;border-radius:12px;color:#aab4c7}dialog{width:min(1500px,96vw);height:92vh;background:#111722;color:inherit;border:1px solid #3a4559;border-radius:14px}dialog form{height:100%;display:flex;flex-direction:column;gap:12px}dialog header,dialog footer{display:flex;justify-content:space-between;align-items:center}#canvas{overflow:auto}.canvas-team{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:8px;margin:12px 0}.slot{padding:10px;background:#1a2230;border-radius:9px}.slot label{display:block;font-size:11px;margin:6px 0}.slot input,.slot select{width:100%;padding:6px}.alternative-rails{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.alternative-rails>div{background:#171e2b;border-radius:8px;padding:8px}.alternative-chip{display:grid;gap:5px;margin:5px 0;padding:7px;background:#242d3e;border-radius:6px}.alternative-chip button{padding:2px 5px}.inline-requirement{display:grid;grid-template-columns:repeat(3,42px) minmax(110px,1fr);gap:4px}.inline-requirement input,.inline-requirement select{min-width:0;padding:4px;font-size:11px}@media(max-width:1100px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}.alternatives{grid-column:1/-1}.alternatives section{grid-template-columns:1fr}.alternatives section>strong{grid-column:1}}@media(max-width:700px){.toolbar{grid-template-columns:1fr}.team{grid-template-columns:1fr}.alternatives{grid-template-columns:1fr}.canvas-team{grid-template-columns:1fr}.alternative-rails{grid-template-columns:1fr}}
.team.element-fire,.team-canvas.element-fire{--team-accent:#d84b4b;--team-bg:#2b161a}.team.element-water,.team-canvas.element-water{--team-accent:#3e8fe0;--team-bg:#12243a}.team.element-wind,.team-canvas.element-wind{--team-accent:#4ba66b;--team-bg:#14291d}.team.element-electric,.team-canvas.element-electric{--team-accent:#8558cf;--team-bg:#241936}.team.element-iron,.team-canvas.element-iron{--team-accent:#d2a92e;--team-bg:#2d260f}.team[class*=element-],.team-canvas[class*=element-]{background:var(--team-bg);border-left:4px solid var(--team-accent)}.team[class*=element-]>strong{color:var(--team-accent)}.team-canvas[class*=element-]{padding:10px;border-radius:10px}
.team.element-fire,.team-canvas.element-fire{--team-accent:#bf3f48;--team-bg:#f4cccc}.team.element-water,.team-canvas.element-water{--team-accent:#3d73b9;--team-bg:#c9daf8}.team.element-wind,.team-canvas.element-wind{--team-accent:#3f8453;--team-bg:#b6d7a8}.team.element-electric,.team-canvas.element-electric{--team-accent:#7650a8;--team-bg:#d9d2e9}.team.element-iron,.team-canvas.element-iron{--team-accent:#aa8114;--team-bg:#fff2cc}
:root{color-scheme:light;color:#202532;background:#eef1f6}body{background:#eef1f6}body>header{background:#fff;border-color:#cbd2dd;color:#202532}header span,.meta{color:#687284}main{background:#eef1f6}button,select,input{color:#202532;background:#fff;border-color:#b9c2d1}button{color:#fff;background:#6756d9;border-color:#6756d9}.configuration{background:#fff;border-color:#bdc6d4;box-shadow:0 2px 8px rgba(42,52,68,.08)}.configuration>header{background:#f8f9fc;border-color:#cbd2dd}.actions button{color:#283243;background:#fff;border-color:#aeb9ca}.teams{background:#bdc6d4}.team[class*=element-],.team-canvas[class*=element-]{background:var(--team-bg);border-left-color:var(--team-accent)}.team[class*=element-]>strong{color:#202532}.position{color:#202532;background:rgba(255,255,255,.62);border:1px solid rgba(80,91,110,.16)}.build{color:#465166}.alternatives section{color:#202532;background:rgba(255,255,255,.45);border:1px solid rgba(80,91,110,.14)}.alternatives section>strong{color:#3e485a}.alternative-unit{color:#202532;background:rgba(255,255,255,.66);border:1px solid rgba(80,91,110,.12)}.alternative-unit small{color:#596477}.alternative-build{color:#343d4e!important}.no-alternatives{color:#667185}.empty{color:#606b7d;background:#fff;border-color:#aeb9ca}dialog{color:#202532;background:#f7f8fb;border-color:#aeb9ca}.slot,.alternative-rails>div{background:#e9edf4}.alternative-chip{background:#fff}.inline-requirement input,.inline-requirement select{background:#fff}
body>header{padding:10px 16px}main{max-width:1900px;padding:10px 12px}.toolbar{grid-template-columns:210px minmax(180px,1fr) 145px auto;gap:5px}.toolbar button,.toolbar select,.toolbar input{padding:7px 8px;border-radius:4px}.configuration{margin:7px 0;border-radius:4px;box-shadow:0 1px 3px rgba(42,52,68,.08)}.configuration>header{padding:5px 8px}.configuration h2{font-size:14px}.meta{padding:3px 8px;font-size:11px}.actions{gap:3px}.actions button{padding:2px 6px;border-radius:4px;font-size:11px}.teams{gap:0}.team{gap:1px;padding:0 0 2px;border-bottom:1px solid rgba(50,60,75,.35)}.team>strong{padding:3px 7px;font-size:12px}.team[class*=element-],.team-canvas[class*=element-]{border-left-width:3px}.position{grid-template-columns:28px minmax(0,1fr);gap:3px;padding:2px 3px;border-radius:2px;font-size:11px}.position img,.alternative-unit img{width:28px;height:28px;border-radius:2px}.build{font-size:8px}.alternatives{gap:1px;margin-top:1px}.alternatives section{gap:1px;padding:2px;border-radius:2px}.alternatives section>strong{padding:0 2px;font-size:8px}.alternative-unit{grid-template-columns:28px minmax(0,1fr);gap:3px;padding:2px;border-radius:2px;font-size:9px}.alternative-unit small{font-size:7px}.no-alternatives{padding:2px;font-size:8px}.empty{padding:42px 16px;border-radius:4px}
.unit-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 54px auto auto auto;gap:1px;min-width:0;padding:2px;text-align:center}.unit-card img{display:block;width:54px;height:54px;margin:auto;object-fit:cover;border-radius:1px}.unit-name{overflow:hidden;font-size:10px;line-height:12px;text-overflow:ellipsis;white-space:nowrap}.unit-skills{font-size:9px;font-weight:600;line-height:11px}.unit-cube,.unit-treasure{overflow:hidden;font-size:8px;line-height:10px;text-overflow:ellipsis;white-space:nowrap}.position,.alternative-unit{display:grid;grid-template-columns:1fr}.alternative-unit small,.alternative-build,.build{display:none}
.team{grid-template-columns:repeat(5,minmax(0,1fr))}.team.has-alternatives{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(300px,1.15fr)}.team>strong{grid-column:1/-1}.alternatives{grid-column:6;grid-row:2;display:flex;gap:1px;margin:0}.alternatives section{flex:1 1 0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding:1px}.alternatives section>strong{grid-column:1/-1;line-height:10px}.alternative-unit{min-width:0}@media(max-width:1100px){.team,.team.has-alternatives{grid-template-columns:repeat(5,minmax(0,1fr))}.alternatives{grid-column:1/-1;grid-row:auto}.alternatives section{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.team,.team.has-alternatives{grid-template-columns:repeat(2,minmax(0,1fr))}.team>strong{grid-column:1/-1}.alternatives{grid-column:1/-1}.alternatives section{grid-template-columns:repeat(2,minmax(0,1fr))}}
#library{display:grid;grid-template-columns:repeat(auto-fill,minmax(560px,1fr));gap:7px;margin-top:7px;align-items:start}.configuration{min-width:0;margin:0}.empty{grid-column:1/-1}.team.has-alternatives{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(180px,.95fr)}.alternative-unit img{width:44px;height:44px}.alternative-unit{grid-template-rows:auto 44px auto auto auto}.configuration>header{flex-wrap:wrap}.configuration>header .actions{white-space:nowrap}@media(max-width:700px){#library{grid-template-columns:1fr}.team,.team.has-alternatives{grid-template-columns:repeat(2,minmax(0,1fr))}}
#library{align-items:stretch}.configuration{display:flex;flex-direction:column;height:100%}.configuration>header{background:#f0f3f8;border-bottom:2px solid #aeb8c8}.configuration h2{font-size:17px;font-weight:750;line-height:20px;color:#111827;letter-spacing:.01em}.configuration-stats{color:#657084;font-size:11px;white-space:nowrap}.configuration .teams{flex:1;grid-template-rows:repeat(3,minmax(0,1fr))}.configuration .team{height:100%}.editor-meta{padding:7px 9px;border:1px solid #c7cfdb;border-radius:4px;background:#edf1f6;color:#566174;font-size:11px}.editor-meta[hidden]{display:none}
.configuration>header{flex-wrap:nowrap}.configuration h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.configuration .actions{flex:0 0 auto}.actions .icon-button{display:inline-grid;place-items:center;width:25px;height:23px;padding:0;font-size:15px;line-height:1}.alternatives section{display:contents}.alternatives section>strong{display:none}.alternatives .alternative-unit{flex:1 1 0}.position,.alternative-unit{grid-template-rows:12px 54px 11px 10px 10px}.alternative-unit{grid-template-rows:12px 44px 11px 10px 10px}.unit-name{height:12px}
.configuration>header{position:relative;justify-content:center;min-height:33px;padding-left:120px;padding-right:120px}.configuration h2{width:100%;text-align:center}.configuration .actions{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.team>strong{text-align:center}.alternatives{position:relative;margin-left:3px;padding-left:5px;border-left:3px solid #111;background:rgba(255,255,255,.2)}.alternative-unit img{width:54px;height:54px}.alternative-unit{grid-template-rows:12px 54px 11px 10px 10px}
.configuration.has-alternatives{--alternative-width:180px}.alternatives{flex-wrap:wrap;align-content:start}.alternatives .alternative-unit{flex:0 0 76px}.configuration.has-alternatives .teams{position:relative}.configuration.has-alternatives .teams::after{position:absolute;z-index:3;top:0;right:var(--alternative-width);bottom:0;width:3px;background:#111;content:"";pointer-events:none}.team.has-alternatives{grid-template-columns:repeat(5,minmax(0,1fr)) var(--alternative-width)}.alternatives{margin-left:0;padding-left:5px;border-left:0}.alternatives.is-empty{background:rgba(255,255,255,.12)}@media(max-width:700px){.configuration.has-alternatives .teams::after{display:none}.team.has-alternatives{grid-template-columns:repeat(2,minmax(0,1fr))}.alternatives{border-top:3px solid #111}}
.team.has-alternatives>strong{grid-column:1/6;grid-row:1}.alternative-heading{grid-column:6;grid-row:1;align-self:stretch;padding:3px 5px;text-align:center;font-size:12px;font-weight:700;line-height:14px;background:rgba(255,255,255,.18)}@media(max-width:700px){.team.has-alternatives>strong{grid-column:1/-1}.alternative-heading{grid-column:1/-1;grid-row:auto;border-top:3px solid #111}}
dialog{width:min(1580px,98vw);height:96vh;padding:14px;border-radius:12px}dialog form{gap:8px}dialog form>header{min-height:34px}#canvas{flex:1;padding-right:4px}.team-canvas[class*=element-]{margin:0 0 10px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--team-accent) 60%,#8791a1);border-left:4px solid var(--team-accent);border-radius:8px;background:var(--team-bg)}.canvas-team-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:color-mix(in srgb,var(--team-bg) 70%,var(--team-accent));border-bottom:1px solid rgba(33,40,52,.24)}.canvas-team-header h3{margin:0;font-size:17px}.canvas-team-header label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.canvas-team-header select{padding:4px 7px}.canvas-matrix{display:grid;grid-template-columns:minmax(0,1fr) 235px;min-width:1000px}.canvas-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;background:rgba(50,60,75,.18)}.slot{display:flex;min-width:0;min-height:282px;flex-direction:column;gap:5px;padding:7px;background:rgba(255,255,255,.68);border:0;border-radius:0}.slot-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.slot-top .burst-role{width:auto;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800}.editor-portrait{display:grid;place-items:center;width:94px;height:94px;margin:0 auto;color:#647087;border:1px dashed #9ca8b9;background:rgba(255,255,255,.45);font-size:11px;font-weight:700;text-align:center}.editor-portrait img{width:94px;height:94px;object-fit:contain}.slot>select{width:100%;padding:5px;font-size:11px}.slot-requirements{display:grid;gap:5px;margin-top:auto;padding-top:6px;border-top:1px solid rgba(70,80,96,.2)}.slot-requirements>strong{font-size:10px}.slot-requirements label{display:grid;gap:2px;color:#5c6677;font-size:9px}.slot-requirements select{width:100%;padding:4px;font-size:10px}.slot-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.slot-skills input{width:100%;min-width:0;padding:4px;text-align:center;font-size:10px}.alternative-rails{display:block;margin:0;padding:8px;border-left:3px solid #111;background:rgba(255,255,255,.35)}.alternative-rails-title{display:block;margin-bottom:7px;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.alternative-pool{margin-bottom:8px;padding:6px!important;border:1px solid rgba(70,80,96,.18);border-radius:5px!important;background:rgba(255,255,255,.48)!important}.alternative-pool>strong{display:block;margin-bottom:4px;font-size:10px}.alternative-pool>select{width:100%;padding:5px;font-size:10px}.alternative-chip{gap:4px;margin:4px 0;padding:5px}.alternative-chip>span:first-child{font-size:10px}.alternative-chip button{padding:1px 5px}.inline-requirement{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.inline-requirement input,.inline-requirement select{width:100%;padding:3px;font-size:9px}.inline-requirement select{grid-column:1/-1}@media(max-width:1050px){.canvas-matrix{grid-template-columns:1fr;min-width:800px}.alternative-rails{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:3px solid #111;border-left:0}.alternative-rails-title{grid-column:1/-1}.alternative-pool{margin:0}}
.editor-eyebrow{margin:0 0 2px;color:#6756d9;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.editor-toolbar{display:flex;align-items:end;gap:10px}.editor-toolbar label{display:grid;gap:3px;min-width:300px;font-size:11px}.editor-toolbar input{padding:7px}.editor-completion{margin-left:auto;padding:6px 10px;border:1px solid #b7c1cf;border-radius:999px;background:#fff;color:#596477;font-size:11px;font-weight:800}.editor-completion.complete{border-color:#65a97d;background:#e7f6ec;color:#26653b}.quiet-editor-button{padding:6px 10px;background:#fff;color:#384456}.editor-status{min-height:16px;color:#9b3038;font-size:11px}.canvas-team-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.canvas-team-header h3{line-height:18px}.canvas-team-header small{color:#4f5969;font-size:10px}.team-drag-handle{width:30px;height:30px;padding:0;background:rgba(255,255,255,.72);color:#202532;font-size:18px;cursor:grab}.team-canvas.drag-over{outline:3px solid #6756d9;outline-offset:-3px}.element-swatches{display:flex;gap:7px}.element-swatch{width:26px;height:26px;padding:0;border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}.element-swatch.active{outline:2px solid #202532;outline-offset:2px}.swatch-fire{background:#d84b4b}.swatch-water{background:#3e8fe0}.swatch-wind{background:#4ba66b}.swatch-electric{background:#8558cf}.swatch-iron{background:#d2a92e}.slot.drag-over{outline:3px solid #6756d9;outline-offset:-3px}.slot-picker{position:relative;display:flex;min-height:132px;flex-direction:column;align-items:center;width:100%;padding:0;border:0;background:transparent;color:#202532}.slot-picker:hover{background:rgba(255,255,255,.35)}.slot-picker .editor-portrait{display:block;width:112px;height:112px;margin:4px auto;object-fit:contain;border:0;background:#6b86a9}.slot-picker .editor-portrait.is-empty{display:grid;place-items:center;border:1px dashed #9ca8b9;background:rgba(255,255,255,.38)}.editor-unit-name{display:block;max-width:100%;min-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.slot-drag-mark{position:absolute;top:7px;left:calc(50% - 53px);z-index:1;width:22px;height:22px;border-radius:5px;background:#fffC;color:#354053;font-size:14px}.editor-cube-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px}.editor-cube-icon{display:grid;place-items:center;border-radius:5px;background:#dfe5ee;color:#6756d9}.alternative-chip{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start}.alternative-chip>img{width:34px;height:34px;object-fit:contain;background:#6b86a9}.alternative-chip>.inline-requirement{grid-column:1/-1}.alternative-chip>span{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0}.alternative-chip>span>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.alternative-controls{flex:0 0 auto}.alternative-controls .icon-button{width:19px;height:19px;padding:0;color:#fff;font-size:10px}.add-alternative{width:100%;padding:5px;background:#fff;color:#344054;font-size:10px}.picker-backdrop{position:fixed;z-index:90;inset:0;border:0;background:rgba(18,24,35,.48)}.nikke-picker{position:fixed;z-index:91;top:18px;right:18px;bottom:18px;display:flex;width:min(420px,calc(100vw - 36px));flex-direction:column;padding:18px;border:1px solid #98a4b5;border-radius:14px;background:#f8f9fc;box-shadow:0 24px 70px rgba(26,33,45,.35)}.picker-close{position:absolute;top:10px;right:10px;color:#fff}.picker-eyebrow{margin:2px 36px 3px 0;color:#6756d9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nikke-picker h2{margin:0 36px 5px 0}.nikke-picker>p:not(.picker-eyebrow){margin:0 0 10px;color:#657084;font-size:11px}.nikke-picker>input{padding:9px}.picker-catalog{display:grid;gap:6px;margin-top:9px;padding-right:3px;overflow:auto}.picker-candidate{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px;border:1px solid #d0d6df;background:#fff;color:#202532;text-align:left}.picker-candidate img{width:48px;height:48px;object-fit:cover;background:#6b86a9}.picker-candidate span{min-width:0}.picker-candidate strong,.picker-candidate small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-candidate small{color:#687284;font-size:9px}.picker-candidate b{padding:4px 6px;border-radius:999px;background:#dce6f5;font-size:10px}.picker-candidate.already-required{border-color:#c9b75f}.picker-candidate:disabled{filter:grayscale(.6);opacity:.55}.picker-clear{margin-top:9px;background:#fff0f1;color:#9f2630;border-color:#d6a5aa}@media(max-width:1050px){.slot-picker .editor-portrait{width:88px;height:88px}.element-swatches{gap:4px}}
.nikke-picker[hidden],.picker-backdrop[hidden]{display:none}
.inline-requirement>label{display:grid;gap:1px;color:#687284;font-size:7px}.inline-requirement>label:nth-child(n+4){grid-column:1/-1}.inline-requirement label input,.inline-requirement label select{width:100%;min-width:0}
.canvas-team-header{grid-template-columns:minmax(0,1fr) auto;cursor:grab;user-select:none;touch-action:none}.canvas-team-header:active{cursor:grabbing}.team-placeholder{border:2px dashed #6756d9;border-radius:8px;background:rgba(103,86,217,.08)}.team-dragging-live{overflow:hidden;box-shadow:0 20px 55px rgba(31,38,50,.35),0 0 0 2px #6756d9}.slot-picker[draggable=true]{cursor:grab}.slot-picker[draggable=true]:active{cursor:grabbing}.slot.drag-source{opacity:.35;transition:opacity 120ms ease}.slot.swap-preview{z-index:4;box-shadow:inset 0 0 0 2px #6756d9}.slot.swap-preview>*{transform:translate(var(--swap-x),var(--swap-y));transition:transform 180ms cubic-bezier(.2,.8,.2,1);pointer-events:none}
.picker-candidate{transition:opacity 140ms ease,filter 140ms ease,border-color 140ms ease}.picker-candidate.already-required{border-color:#c9b75f;filter:grayscale(.72);opacity:.46}.picker-candidate.already-required:not(:disabled):hover{border-color:#6756d9;filter:grayscale(.25);opacity:.72}.picker-candidate:disabled{filter:grayscale(.75);opacity:.42}
.canvas-matrix{height:205px}.canvas-team,.alternative-rails{height:100%;min-height:0}.alternative-rails{overflow:auto}.team-canvas[class*=element-]{margin-bottom:5px}.canvas-team-header{min-height:30px;padding:3px 8px}.canvas-team-header h3{font-size:14px;line-height:14px}.canvas-team-header small{font-size:8px}.element-swatches{gap:5px}.element-swatch{width:20px;height:20px}.slot{height:100%;min-height:0;gap:2px;padding:4px 6px}.slot-top{font-size:9px}.slot-top .burst-role{padding:2px 5px;font-size:9px}.slot-picker{min-height:91px}.slot-picker .editor-portrait{width:74px;height:74px;margin:1px auto}.editor-unit-name{min-height:14px;font-size:9px}.slot-requirements{gap:2px;margin-top:auto;padding-top:3px}.slot-requirements>strong{font-size:8px}.slot-requirements label{gap:1px;font-size:7px}.slot-skills{gap:3px}.slot-skills input,.slot-requirements select{height:21px;padding:2px;font-size:9px}.slot-build-extras{display:grid;grid-template-columns:1fr;gap:3px;min-height:31px}.slot-build-extras:has(>label+label){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-cube-row{grid-template-columns:17px minmax(0,1fr);gap:2px}.alternative-rails{padding:4px}.alternative-rails-title{margin-bottom:3px;font-size:9px}.alternative-pool{margin-bottom:4px;padding:3px!important}.alternative-pool>strong{margin-bottom:2px;font-size:8px}.alternative-chip{margin:2px 0;padding:3px}.add-alternative{padding:3px}.inline-requirement>label:nth-child(n+4){grid-column:auto}.inline-requirement>label:nth-child(4):last-child{grid-column:1/-1}dialog{padding:10px}dialog form{gap:4px}dialog form>header{min-height:32px}dialog form>header h2{margin:1px 0;font-size:20px}.editor-toolbar label{gap:1px}.editor-toolbar input{padding:5px}.editor-meta{padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.editor-status{min-height:12px;font-size:10px}dialog footer button{padding:7px 10px}@media(max-width:1050px){.canvas-matrix{height:auto}.slot{min-height:250px}.alternative-rails{height:auto;overflow:visible}}
.canvas-matrix{height:220px}@media(max-width:1050px){.canvas-matrix{height:auto}}
.canvas-matrix{height:224px}@media(max-width:1050px){.canvas-matrix{height:auto}}
#pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;color:#596477;font-size:11px}#pagination button{padding:5px 9px}
#new:disabled{cursor:wait;opacity:.68}.loading-state,.load-error{display:flex;min-height:36px;align-items:center;gap:9px;margin:8px 0;color:#596477}.loading-spinner{width:17px;height:17px;flex:0 0 auto;border:2px solid #c7ced9;border-top-color:#6756d9;border-radius:50%;animation:portal-spin .75s linear infinite}.load-error{color:#8e3139}.load-error button{padding:5px 9px;background:#fff;color:#6756d9}@keyframes portal-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}
.unit-portrait{position:relative;width:54px;height:54px;margin:auto;overflow:hidden;border-radius:1px}.unit-card .unit-portrait>img{width:54px;height:54px;margin:0}.unit-skills{display:flex;align-items:center;justify-content:center}.unit-card .unit-burst-badge{position:absolute;z-index:1;top:2px;left:2px;display:grid;width:18px;height:18px;place-items:center;background:#111827;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.unit-card .unit-burst-icon{display:block;width:14px;height:14px;margin:0;object-fit:contain;border-radius:0}.slot-skills{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.inline-requirement{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.slot-skills>label,.inline-requirement>label,.max-skills-field{text-align:center}.inline-requirement input{text-align:center}.max-skills-field{display:grid;gap:1px;color:#5c6677;font-size:7px}.max-skills{height:21px;padding:2px 7px;border-radius:999px;background:#6756d9;color:#fff;font-size:8px;line-height:1}.inline-requirement>.max-skills-field{grid-column:4;grid-row:1}
.unit-skills{font-size:10px;line-height:12px}.unit-cube{color:#334155;font-size:11px;font-weight:600;line-height:13px}.unit-treasure{color:#7c2d12;font-size:10px;font-weight:700;line-height:12px}.slot-requirements>strong{color:#1f2937;font-size:10px;line-height:12px}.slot-skills,.inline-requirement{align-items:start}.slot-skills>label,.slot-skills>.max-skills-field,.inline-requirement>label:nth-child(-n+3),.inline-requirement>.max-skills-field{display:grid;grid-template-rows:12px 21px;gap:1px;margin:0;color:#334155;font-size:10px;font-weight:700;line-height:12px;text-align:center}.slot-skills input,.inline-requirement input{height:21px;color:#1f2937;font-size:11px;font-weight:600;text-align:center}.max-skills{height:21px;font-size:10px;font-weight:700}.slot-build-extras label{color:#475569;font-size:9px;font-weight:600;line-height:11px}.slot-requirements select{color:#1f2937;font-size:10px;font-weight:500}
.position,.alternative-unit{grid-template-rows:14px 54px 12px 13px 11px}.unit-name{height:14px;color:#1f2937;font-size:11px;font-weight:600;line-height:14px}
.slot-skills,.inline-requirement{grid-template-columns:repeat(4,minmax(0,1fr))}.slot-skills>.skill-field,.inline-requirement>.skill-field{display:grid;min-width:0;grid-template-rows:12px 21px;gap:1px;margin:0;color:#334155;font-size:10px;font-weight:700;line-height:12px;text-align:center}.skill-field>span{display:flex;align-items:center;justify-content:center;height:12px;line-height:12px}.skill-field>input,.skill-field>.max-skills{width:100%;min-width:0;height:21px;margin:0}.inline-requirement>.max-skills-field{grid-column:4;grid-row:1}
.canvas-matrix{height:272px}.ol-baseline-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding-top:3px;border-top:1px solid rgba(70,80,96,.16)}.ol-baseline-editor>strong{grid-column:1/-1;color:#334155;font-size:9px;line-height:11px}.ol-baseline-editor>label{display:grid;gap:1px;min-width:0;margin:0;color:#475569;font-size:8px;font-weight:700;line-height:10px;text-align:center}.ol-baseline-editor input{width:100%;min-width:0;height:22px;padding:2px;color:#1f2937;font-size:10px;font-weight:600;text-align:center}.inline-requirement>.ol-baseline-editor{grid-column:1/-1}.alternative-chip .ol-baseline-editor{margin-top:2px}.slot-requirements{gap:3px}@media(max-width:1050px){.canvas-matrix{height:auto}.slot{min-height:315px}}
.editor-toolbar .ol-tier-setting{min-width:130px}.editor-toolbar .ol-tier-setting select{padding:7px}
.alternative-chip>.inline-requirement>label{grid-column:span 2;grid-template-rows:12px 21px;min-width:0;margin:0;overflow:hidden;line-height:12px;white-space:nowrap}.alternative-chip>.inline-requirement>label:only-of-type{grid-column:1/-1}.inline-requirement>label>select{width:100%;min-width:0;height:21px;padding:2px 24px 2px 5px;overflow:hidden;text-overflow:ellipsis}
.skill-field>input[type=number]{appearance:textfield;padding:0;line-height:19px}.skill-field>input[type=number]::-webkit-inner-spin-button,.skill-field>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.skill-field>.max-skills{display:grid;place-items:center;padding:0;line-height:19px}

.mock-history{margin-top:28px;padding-top:20px;border-top:2px solid #cbd3de}.mock-history[hidden]{display:none}.mock-history>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.mock-history h2{margin:0;font-size:21px}.mock-eyebrow{margin:0 0 2px;color:#6756d9;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}#mock-status{min-height:20px;color:#596477;font-size:11px}#mocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mock-card{overflow:hidden;border:1px solid #c7cfdb;border-radius:8px;background:#fff}.mock-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f0f3f8;border-bottom:1px solid #d5dbe4}.mock-card h3{margin:0;color:#111827;font-size:16px}.mock-card header p{margin:3px 0 0;color:#657084;font-size:10px}.mock-total{color:#3f348e;font-size:20px;white-space:nowrap}.mock-facts{margin:0;padding:8px 14px;color:#596477;border-bottom:1px solid #e1e5eb;font-size:11px}.mock-units{margin:0;padding:6px 14px 10px 38px}.mock-units li{padding:4px 0}.mock-units li::marker{color:#687284;font-size:10px}.mock-units span{display:inline-block;max-width:65%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.mock-units strong{float:right;font-variant-numeric:tabular-nums}#mock-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;color:#596477;font-size:11px}#mock-pagination button{padding:5px 9px}@media(max-width:900px){#mocks{grid-template-columns:1fr}.mock-card>header{align-items:flex-start}.mock-total{font-size:17px}}

.mock-unit-main{min-height:20px}.mock-unit-build{clear:both;padding-top:2px;color:#596477;font-size:10px}.mock-unit-ol{margin-top:3px;color:#3f4858;font-size:10px}.mock-unit-ol summary{cursor:pointer;font-weight:700}.mock-unit-ol p{margin:4px 0 2px;padding:5px 7px;border-radius:4px;background:#f0f3f8;line-height:1.45}.mock-units .mock-unit-main>span{display:inline-block;max-width:65%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}
.mock-actions{display:flex;justify-content:flex-end;padding:6px 14px 10px;border-top:1px solid #e1e5eb}.mock-actions .mock-delete{padding:5px 10px;color:#a3242c;background:#fff;border-color:#d9a3a7;font-size:11px;font-weight:700}.mock-actions .mock-delete:hover{background:#fbeced}.mock-actions .mock-delete:disabled{opacity:.55;cursor:wait}

.portal-tabs{display:flex;gap:4px;margin-bottom:10px;padding:4px;border:1px solid #c7cfdb;border-radius:8px;background:#e5e9f0}.portal-tabs button{flex:0 1 220px;padding:8px 12px;border-color:transparent;background:transparent;color:#4d586b;font-weight:750}.portal-tabs button[aria-selected=true]{border-color:#6756d9;background:#6756d9;color:#fff;box-shadow:0 1px 3px rgba(44,35,112,.2)}.portal-tabs button[hidden],.portal-panel[hidden]{display:none}.history-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.history-panel h2{margin:0;font-size:21px}.history-panel [role=status]{min-height:20px;color:#596477;font-size:11px}.submission-list{display:grid;grid-template-columns:1fr;gap:8px}.submission-card{display:block}.submission-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto 18px;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;background:#f0f3f8;list-style:none}.submission-summary::-webkit-details-marker{display:none}.submission-summary::after{content:"⌄";color:#6756d9;font-size:20px;line-height:1;transition:transform .15s ease}.submission-card[open]>.submission-summary::after{transform:rotate(180deg)}.submission-summary:hover{background:#e8ecf4}.submission-summary:focus-visible{outline:3px solid rgba(103,86,217,.35);outline-offset:-3px}.submission-summary h3{margin:0;color:#111827;font-size:16px}.submission-summary p{margin:3px 0 0;color:#657084;font-size:10px}.submission-card[open]>.submission-summary{border-bottom:1px solid #d5dbe4}.submission-body{background:#fff}.submission-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;color:#596477;font-size:11px}.submission-pagination button{padding:5px 9px}@media(max-width:700px){.portal-tabs{overflow-x:auto}.portal-tabs button{flex:1 0 auto}.submission-summary{grid-template-columns:minmax(0,1fr) auto auto 14px;gap:7px;padding:10px}.submission-summary h3{font-size:14px}.mock-total{font-size:15px}}
.submission-ign-group{align-self:start;overflow:hidden;border:1px solid #b8c2d1;border-radius:9px;background:#dfe4ed}.submission-ign-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.submission-ign-group>header h3{margin:0;color:#252d3a;font-size:15px}.submission-ign-group>header span{color:#5b6678;font-size:10px;font-weight:700}.submission-ign-list{display:grid;gap:1px}.submission-ign-list.is-scrollable{max-height:310px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.submission-ign-list.is-scrollable:focus-visible{outline:3px solid rgba(103,86,217,.35);outline-offset:-3px}.submission-ign-list .submission-card{border:0;border-top:1px solid #c7cfdb;border-radius:0}.submission-ign-list .submission-summary{min-height:62px}.submission-ign-list .submission-summary h3{font-size:14px}@media(max-width:700px){.submission-ign-group>header{padding:7px 10px}}
.submission-ign-list .submission-card{container-type:inline-size}.submission-team{display:flex;gap:3px}.submission-team img,.submission-portrait-placeholder{width:36px;height:36px;flex:none;border-radius:5px;object-fit:cover;background:#dce3ef}.submission-portrait-placeholder{display:grid;place-items:center;overflow:hidden;color:#526079;font-size:8px}@media(max-width:700px){.submission-team img,.submission-portrait-placeholder{width:28px;height:28px}}@container (max-width:560px){.submission-summary{grid-template-columns:minmax(0,1fr) auto 14px;row-gap:6px}.submission-team{grid-row:2;grid-column:1/-1}.submission-team img,.submission-portrait-placeholder{width:28px;height:28px}}
/* Shared build and element presets. */
.preset-section{margin:2rem 0}.preset-section>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.preset-card{padding:1rem;border:1px solid #c8cdd5;border-radius:12px;background:#fff;min-width:0}.preset-card h3{margin:0 0 .5rem}.preset-card p{margin:.4rem 0;overflow-wrap:anywhere}.nikke-preset-card{display:flex;gap:1rem}.nikke-preset-card>img{width:64px;height:80px;object-fit:contain}.preset-build-summary{font-size:.85rem}.team-preset-actions{display:flex;justify-content:flex-end;padding:.5rem 1rem}.team-preset-actions button{font-size:.8rem}#nikke-preset-editor{width:min(640px,92vw);border:0;border-radius:16px;padding:1.5rem}#nikke-preset-editor header,#nikke-preset-editor footer{display:flex;justify-content:space-between;gap:1rem}#nikke-preset-editor footer{margin-top:1.5rem;justify-content:flex-end}#nikke-preset-editor .inline-requirement{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}#nikke-preset-editor .inline-requirement>label,#nikke-preset-editor .ol-baseline-editor{grid-column:1/-1}#nikke-preset-editor input,#nikke-preset-editor select{max-width:100%}#nikke-preset-editor::backdrop{background:rgba(12,19,31,.6)}#preset-priority{width:6rem}@media(max-width:600px){.preset-grid{grid-template-columns:1fr}.preset-section>header{align-items:flex-start;flex-direction:column}#nikke-preset-editor .ol-baseline-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}
.editor-toolbar label[hidden]{display:none}.editor-toolbar #preset-priority-label{min-width:130px}.team-preset-card{border-left-width:4px}.team-preset-card.element-fire{border-left-color:#d84b4b}.team-preset-card.element-water{border-left-color:#3e8fe0}.team-preset-card.element-wind{border-left-color:#4ba66b}.team-preset-card.element-electric{border-left-color:#8558cf}.team-preset-card.element-iron{border-left-color:#d2a92e}#nikke-preset-editor{height:auto;max-height:92vh;overflow:auto}#nikke-preset-editor form{height:auto}#nikke-preset-editor .inline-requirement input,#nikke-preset-editor .inline-requirement select,#nikke-preset-editor .max-skills{height:32px;font-size:13px}#nikke-preset-editor .skill-field>span,#nikke-preset-editor .ol-baseline-editor>label{font-size:11px;line-height:16px}#nikke-preset-editor .ol-baseline-editor>strong{font-size:12px;line-height:18px}
.preset-build-preview{font-size:10px;line-height:1.5;color:#596477;grid-column:1/-1}.slot>.preset-build-preview{margin-top:auto;border-top:1px solid #cbd2dd;padding-top:8px}

.preset-element-tabs{display:flex;gap:6px;margin-top:1rem;padding-bottom:8px;overflow-x:auto;border-bottom:1px solid #c7cfdb}.preset-element-tabs button{flex:1 0 auto;padding:9px 16px;border-color:transparent;background:#e5e9f0;color:#4d586b;font-weight:750}.preset-element-tabs button[aria-selected=true]{background:#fff;border-color:currentColor;box-shadow:inset 0 -3px currentColor}#preset-element-fire[aria-selected=true]{color:#b52c2c}#preset-element-water[aria-selected=true]{color:#256fb6}#preset-element-wind[aria-selected=true]{color:#297c46}#preset-element-electric[aria-selected=true]{color:#7544bd}#preset-element-iron[aria-selected=true]{color:#8d6a0f}.team-preset-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;margin:12px 0;padding:6px;border:1px solid #d5dbe4;border-radius:8px;background:#f0f3f8}.team-preset-icons img{display:block;width:100%;aspect-ratio:1;object-fit:contain;min-width:0}.team-preset-icons:hover{border-color:#6756d9;background:#e8ecf4}.team-preset-icons:focus-visible,.preset-element-tabs button:focus-visible{outline:3px solid #6756d9;outline-offset:2px}
/* Team priority runs left to right across rows, highest priority at top left. */
#team-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:stretch;gap:16px;padding:4px 4px 16px;min-height:100px}#team-presets>.team-preset-card{min-width:0}.team-preset-drag-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;cursor:grab;touch-action:none;user-select:none}.team-preset-drag-header h3{flex:1;min-width:0}.team-preset-drag-handle{flex:0 0 auto;padding:2px 7px;color:#596477;background:#f0f3f8;font-size:23px;line-height:1;cursor:grab;touch-action:none}.team-preset-drag-handle:focus-visible{outline:3px solid #6756d9;outline-offset:2px}.team-preset-placeholder{min-width:0;border:2px dashed #6756d9;border-radius:12px;background:#e9e5fa}.team-preset-dragging{box-shadow:0 10px 28px rgba(29,24,62,.28);opacity:.9}#team-presets[aria-busy=true]{opacity:.7;pointer-events:none}.team-preset-card .actions{margin-top:8px}
.nikke-burst-categories{display:grid;gap:24px;margin-top:20px}.nikke-burst-category>header{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:2px solid #c7cfdb}.nikke-burst-category h3{margin:0;font-size:18px;color:#252d3a}.nikke-burst-count{padding:3px 8px;border-radius:20px;background:#e5e9f0;color:#596477;font-size:12px}.nikke-burst-category .preset-grid{margin-top:12px}.nikke-preset-card h4{margin:0 0 .5rem;font-size:16px}.nikke-burst-empty{margin:0;padding:12px;color:#596477;font-size:13px}
.nikke-preset-card>div{flex:1;min-width:0}.nikke-preset-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.nikke-preset-name-row h4{flex:1;min-width:0;overflow-wrap:anywhere}.ur-prep-toggle{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;margin:0;color:#596477;font-size:11px;white-space:nowrap;cursor:pointer}.ur-prep-checkbox,.ur-prep-optional-checkbox{width:14px;height:14px;margin:0;accent-color:#6756d9;cursor:pointer}.ur-prep-checkbox:focus-visible,.ur-prep-optional-checkbox:focus-visible{outline:2px solid #6756d9;outline-offset:2px}

.ur-prep-card{overflow-wrap:anywhere}.ur-prep-card>.submission-summary{grid-template-columns:minmax(0,1fr) 18px}.ur-prep-card .submission-summary p{font-size:13px}.ur-prep-card .submission-body{padding:4px 14px}.ur-prep-card .submission-body p{margin:10px 0}#ur-prep-search{max-width:380px;width:100%}

/* Survey availability shares one 24-hour axis for totals and every IGN. */
.survey-toolbar{display:flex;flex-wrap:wrap;gap:10px}.survey-toolbar input{min-width:220px}
.survey-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#596477;font-size:12px}.survey-legend-swatch{width:18px;height:10px;border-radius:3px;background:#329471}.survey-legend-swatch.is-unavailable{background:#e8ecf1;margin-left:10px;border:1px solid #d5dce5}
.survey-grid{overflow:auto;max-height:70vh;border:1px solid #c7cfdb;border-radius:8px;background:white}.survey-grid:focus-visible{outline:3px solid #6756d9;outline-offset:2px}.survey-timeline-axis{position:sticky;top:0;z-index:3;background:#fff;box-shadow:0 1px 0 #c7cfdb}
.survey-timeline{min-width:1040px}.survey-timeline-row{display:grid;grid-template-columns:176px minmax(0,1fr);border-bottom:1px solid #e0e5eb}.survey-timeline-row:last-child{border-bottom:0}
.survey-timeline-label{position:sticky;left:0;z-index:2;background:#f5f7fa;border-right:1px solid #d5dce5;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0;color:#344053;font-size:12px}.survey-timeline-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.survey-timeline-label small{margin-top:4px;color:#687284;font-size:10px}
.survey-timeline-track{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));min-width:0;position:relative}
.survey-timeline-days{background:#e8edf5;font-weight:750}.survey-timeline-days .survey-timeline-label{background:#e8edf5}.survey-timeline-days .survey-timeline-track>span{padding:8px 10px;border-left:1px solid #c7cfdb;white-space:nowrap;font-size:12px;color:#344053}
.survey-timeline-hours .survey-timeline-track>span{padding:8px 2px;border-left:1px solid #e0e5eb;text-align:center;font-size:10px;color:#596477}.survey-timeline-hours .survey-timeline-label{font-weight:750}
.survey-timeline-totals{background:#fafcfb}.survey-timeline-totals .survey-timeline-label{font-weight:700}.survey-timeline-total{height:66px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding:5px 2px;border:0;border-left:1px solid #e0e5eb;border-radius:0;background:transparent;color:#27694f;font-size:11px}.survey-count-bar{display:block;width:65%;background:#b5ddce;border-radius:3px 3px 0 0}.survey-timeline-total:hover,.survey-timeline-total[aria-pressed=true]{background:#eeeafd;color:#5943b5}.survey-timeline-total[aria-pressed=true] .survey-count-bar{background:#9a8ce0}.survey-timeline-total:focus-visible{outline:2px solid #6756d9;outline-offset:-2px}
.survey-person-row{min-height:58px}.survey-availability-track{align-items:center;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 24 - 1px),#dce3eb calc(100% / 24 - 1px),#dce3eb calc(100% / 24)),#f4f6f9;padding:8px 0}.survey-person-row:nth-child(even) .survey-availability-track{background-color:#edf1f5}
.survey-availability-track.has-selected-slot::before{content:"";position:absolute;left:calc(var(--selected-slot) * 100% / var(--slot-count,24));width:calc(100% / var(--slot-count,24));top:0;bottom:0;background:#6756d914;pointer-events:none}
.survey-availability-bar{grid-row:1;z-index:1;min-width:0;height:30px;line-height:30px;margin:0 1px;padding:0 6px;border-radius:5px;background:#329471;color:white;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px #19765340}.survey-availability-bar:hover{background:#257a5c}.survey-availability-bar:focus-visible{outline:3px solid #6756d9;outline-offset:1px}
.survey-no-availability{grid-column:1/-1;padding-left:12px;font-size:12px;color:#7b8596}.survey-timeline>.empty{border:0;border-radius:0;margin:0}
@media(max-width:700px){.survey-timeline{min-width:968px}.survey-timeline-row{grid-template-columns:128px minmax(0,1fr)}.survey-timeline-label{padding:8px;font-size:11px}.survey-timeline-label small{font-size:9px}}

.survey-person-row{min-height:74px}.survey-hold-hit{width:fit-content;max-width:100%;margin-top:4px;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:650;line-height:16px;white-space:nowrap}.survey-hold-hit.is-yes{color:#17663d;background:#d9eee2}.survey-hold-hit.is-no{color:#954135;background:#f7e4e0}.survey-hold-hit.is-pending{color:#6c6172;background:#e9e5ed}.survey-badges{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;margin-top:4px}.survey-badges .survey-hold-hit{margin-top:0}.survey-platform.is-pc,.survey-platform.is-mobile{color:#2d4f80;background:#dfe8f5}

.nikke-preset-toggles{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}

.roster-completion:not(:empty){margin:12px 0;padding:12px 14px;border:1px solid #d0d6df;border-radius:9px;background:#f8f9fc}.completion-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.completion-heading strong{font-size:18px;color:#6756d9}.completion-heading span{font-size:12px;color:#596477}.roster-completion .completion-note{margin:4px 0 8px;font-size:11px;color:#657084}.completion-names{display:flex;flex-wrap:wrap;gap:6px;max-height:132px;overflow:auto;margin:0;padding:0;list-style:none}.completion-names li{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%;overflow-wrap:anywhere;padding:4px 8px;border:1px solid #d0d6df;border-radius:6px;background:#fff;font-size:12px}.completion-names small{font-size:10px;color:#916900}.roster-completion .completion-all,.roster-completion .completion-empty{margin:0;font-size:12px;color:#26653b}.roster-completion .completion-empty{color:#657084}

.raid-history-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}.raid-history-toolbar label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.raid-history-toolbar select{max-width:100%}.archive-download{padding:8px 10px;border:1px solid #d0d6df;border-radius:7px;background:#fff;color:#6756d9;font-size:12px}.archive-download[hidden]{display:none}.history-panel .archive-note{font-size:11px;color:#657084}

.planner-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.planner-bosses{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem}.planner-boss{border:1px solid #c6cfe0;border-radius:10px;padding:12px;background:#fff}.planner-boss progress{width:100%;height:12px}.planner-timeline{overflow:auto}.planner-attendance{display:grid;grid-template-columns:160px minmax(480px,1fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ccd4e4}.planner-attendance-track{position:relative;height:36px;border-radius:6px;background:#dce3ef}.planner-attendance-bar{position:absolute;top:3px;bottom:3px;min-width:3px;border-radius:5px;background:#526dd2}.planner-attendance-bar.checked-in{background:#258a66}.planner-attendance-bar.standby{background:#a47924}.planner-attendance-bar.assumed{background:repeating-linear-gradient(45deg,#838fa9,#838fa9 6px,#a1adc3 6px,#a1adc3 12px)}.planner-assignments{display:grid;gap:12px}.planner-assignment{border:1px solid #c6cfe0;border-radius:10px;padding:14px;background:#fff}.planner-assignment>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.planner-team{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;border-top:1px solid #dce3ef;padding:12px 0}.planner-team-units{display:flex;flex-wrap:wrap;gap:8px}.planner-team-unit{width:90px;font-size:12px;text-align:center}.planner-team-unit img{width:64px;height:64px;object-fit:cover;border-radius:6px}.planner-badge{display:inline-block;border-radius:5px;padding:3px 7px;background:#e2e8f2;font-weight:700}.planner-badge.ready{background:#d1f0e4;color:#145d45}.planner-badge.hold{background:#f5e4b5;color:#715311}.planner-badge.used{background:#dde2eb;color:#475467}.planner-badge.mock{background:#f3dcef;color:#6e2a5f}.planner-alert{border-left:4px solid #ba6b1c;background:#fff1dc;padding:10px;margin:8px 0}.planner-alert p{margin:0}.planner-alert .planner-row-actions{margin:6px 0 0}.planner-alert-why{display:block;margin-top:4px;color:#6b4a14;font-size:12px}.planner-alert.info{border-left-color:#526dd2;background:#eef2fb}.planner-alert.info .planner-alert-why{color:#344053}.planner-local-window{font-size:13px;color:#526079}
@media(max-width:650px){.planner-team{grid-template-columns:1fr}.planner-attendance{grid-template-columns:110px minmax(400px,1fr)}.planner-team-unit{width:70px}.planner-team-unit img{width:56px;height:56px}.planner-assignment>header{align-items:flex-start;flex-wrap:wrap}}

.planner-time-axis{display:flex;justify-content:space-between;gap:8px;color:#526079}.planner-portrait-placeholder{width:64px;height:64px;margin:auto;border-radius:6px;background:#dce3ef;display:grid;place-items:center;color:#526079}

.planner-controls[hidden]{display:none}

.planner-badge.forecast{background:#dbe8f7;color:#315579}.planner-attendance-track{overflow:hidden}
.planner-badge.ready.kill{background:#f6d6d3;color:#7d211a}

.planner-progress{border:1px solid #b4c3e4;border-left:5px solid #6756d9;border-radius:9px;padding:14px 16px;margin:12px 0;background:#fff}.planner-progress[hidden]{display:none}.planner-progress>strong{font-size:19px;color:#25304b}.planner-progress progress{display:block;width:100%;height:18px;margin:10px 0;accent-color:#6756d9}.planner-progress p{margin:7px 0}.planner-progress #raid-planner-progress-current{font-weight:650}.planner-progress #raid-planner-progress-timing{font-size:12px;color:#526079}.planner-progress[data-phase=paused]{border-left-color:#bd8a26}.planner-progress[data-phase=failure],.planner-progress[data-phase=failed]{border-left-color:#b74439}.planner-progress[data-phase=complete]{border-left-color:#258a66}

.planner-hit-timeline-section{margin:20px 0}.planner-timeline-zoom{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}.planner-hit-timeline{overflow-x:auto;border:1px solid #c8d2e5;border-radius:9px;background:#fff;padding:10px;min-height:80px}.planner-hit-canvas{position:relative;background:repeating-linear-gradient(to bottom,#f3f6fc,#f3f6fc 57px,#dfe6f2 58px);margin-right:90px}.planner-hit-time-tick{position:absolute;top:0;bottom:0;padding-left:5px;border-left:1px solid #cad4e4;white-space:nowrap;font-size:11px;pointer-events:none;color:#526079}.planner-hit-block{position:absolute;height:46px;min-width:3px;padding:3px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;background:#b5d0f2;color:#223a5d;border:1px solid #668bbb;font-size:11px}.planner-hit-block.ready{background:#bfe8d9;color:#164f3c;border-color:#398b70}.planner-hit-block.hold{background:#f4dfab;color:#695016;border-color:#b58a30}.planner-hit-block.used{background:#d9dee7;color:#475467;border-color:#8c98aa}.planner-hit-block.wait{background:#dfd2f1;color:#51416b;border-color:#9b83b8}.planner-hit-block:hover,.planner-hit-block:focus-visible{outline:3px solid #6756d9;z-index:3}.planner-hit-detail{z-index:1000;background:#fff;border:1px solid #9caed0;border-radius:12px;box-shadow:0 8px 30px #1e2e4b40;padding:14px;max-height:calc(100vh - 32px);overflow:auto;color:#25304b}.planner-hit-detail[hidden]{display:none}.planner-hit-detail>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.planner-hit-detail p{margin:10px 0}.planner-hit-detail-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.planner-hit-detail-units>div{text-align:center;font-size:12px}.planner-hit-detail-units img{display:block;width:60px;height:60px;object-fit:cover;border-radius:7px;margin:0 auto 6px}.planner-attendance-secondary{margin:18px 0}.planner-attendance-secondary>summary{cursor:pointer;font-size:17px;font-weight:700}@media(max-width:650px){.planner-hit-detail-units img{width:46px;height:46px}.planner-hit-detail-units>div{font-size:10px}.planner-hit-detail>header>strong{font-size:15px}}

.planner-hit-detail-units img[hidden]{display:none}

.planner-boss-timeline{display:flex;width:max-content;align-items:flex-start}.planner-boss-labels{position:sticky;left:0;z-index:6;width:180px;flex:0 0 180px;background:#fff;border-right:1px solid #aebbd1}.planner-boss-label-header{height:64px;padding:42px 10px 0;background:#edf2fa;font-weight:700}.planner-boss-label{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 10px;border-bottom:1px solid #bfcde3;background:#f2f6fc;font-size:12px;overflow:hidden}.planner-boss-label small{color:#586883;font-size:10px}.planner-boss-label:nth-child(odd){background:#e9f0fa}.planner-hit-canvas{flex:0 0 auto;background:#fff}.planner-hit-boss-band{position:absolute;left:0;right:0;border-bottom:1px solid #bfcde3;background:#f2f6fc;pointer-events:none}.planner-hit-boss-band:nth-child(even){background:#e9f0fa}.planner-hit-time-tick{top:48px;z-index:1}.planner-hit-block{z-index:2}.planner-stage-marker{position:absolute;top:0;bottom:0;width:0;border-left:2px solid #c7353f;z-index:4;pointer-events:none}.planner-stage-marker.predicted{border-left-style:dashed}.planner-stage-marker span{position:absolute;left:4px;color:#ab2832;background:#fff8f9;font-size:10px;line-height:16px;white-space:nowrap;padding:0 4px;border-radius:3px}@media(max-width:650px){.planner-boss-labels{width:120px;flex-basis:120px}.planner-boss-label{font-size:11px;padding:6px}.planner-boss-label small{font-size:9px}}

.planner-refresh-ign{display:flex;align-items:center;gap:6px;font-size:13px}.planner-refresh-ign input{width:180px;max-width:100%}.planner-controls{align-items:center}.planner-completed-summary{margin:18px 0}.planner-completed-summary>p{font-size:13px;color:#526079}.planner-completed-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px;margin-top:12px}.planner-member-hits{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #c6cfe0;border-radius:7px;text-align:left;color:#25304b}.planner-member-hits strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-member-hits span{white-space:nowrap;font-size:12px;border-radius:4px;background:#e6ecf5;padding:2px 5px}.planner-member-hits.complete{background:#e3f2ea;border-color:#87b8a0}.planner-member-hits:hover,.planner-member-hits:focus-visible{outline:2px solid #6756d9}.planner-completed-hit{border-top:1px solid #dce3ef;margin-top:10px;padding-top:10px}.planner-completed-hit .planner-hit-detail-units{margin-top:10px}.planner-now-marker{position:absolute;top:0;bottom:0;width:2px;background:#168165;z-index:4;pointer-events:none}.planner-now-marker[hidden]{display:none}.planner-hit-canvas>.planner-now-marker:before{content:"Now";position:absolute;top:46px;left:3px;font-size:11px;color:#11644f;background:#effbf5;padding:1px 4px}.planner-attendance small{display:block;font-size:11px}.planner-attendance-track{overflow:hidden}.planner-attendance-bar:focus-visible{outline:2px solid #352276;outline-offset:-2px}.planner-time-axis{display:flex;justify-content:space-between;gap:8px}@media(max-width:650px){.planner-controls>button{flex:1 1 145px}.planner-refresh-ign{flex-basis:100%;justify-content:space-between}.planner-refresh-ign input{flex:1;max-width:240px}.planner-completed-members{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-member-hits{font-size:12px;padding:8px}.planner-completed-summary{min-width:0}}

.planner-summary-panel{margin:6px 0 12px}.planner-summary-panel>summary{display:list-item;cursor:pointer;width:fit-content;padding:7px 12px;border:1px solid #bdc8db;background:#fff;border-radius:7px;font-weight:700;color:#25304b}.planner-summary-panel>summary:hover,.planner-summary-panel>summary:focus-visible{outline:2px solid #6756d9}.planner-summary-panel[open]>summary{margin-bottom:10px}.planner-summary-panel>div{padding:10px 14px;border-left:2px solid #c5cfe3;background:#f5f7fc;border-radius:0 7px 7px 0}.planner-previous-forecast{margin:8px 0;color:#526079}.planner-previous-forecast>summary{cursor:pointer;font-size:13px}.planner-controls button:disabled,#planner-pane-leader button:disabled{opacity:.55;cursor:not-allowed}
.planner-hit-block.previous{background:#edf0f5;color:#465265;border:1px dashed #8c98aa}.planner-previous-timeline-note{padding:10px 12px;border-left:4px solid #a77c25;background:#fff7e7;color:#5d471d;border-radius:5px;font-size:13px}.planner-previous-timeline-note[hidden]{display:none}

.planner-manual-decisions{display:flex;flex-direction:column;gap:.5rem}.planner-manual-decision{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.6rem .8rem;border:1px solid #c7cfdb;border-radius:.5rem}.planner-manual-decision span{flex:1 1 12rem}.planner-manual-decision small{color:#596477}

/* Dense hit lanes keep the shared schedule readable without consuming the page. */
.planner-hit-timeline-section{margin:14px 0}.planner-hit-timeline-section>h3{margin-bottom:6px}.planner-hit-timeline-section>p{margin:6px 0;font-size:12px}.planner-timeline-zoom{margin-bottom:8px;font-size:12px}.planner-hit-timeline{padding:4px;max-height:min(55vh,480px);overflow:auto}.planner-boss-label-header{height:56px;padding:39px 8px 0;font-size:11px}.planner-boss-label{gap:1px;padding:3px 8px;font-size:11px}.planner-boss-label strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-boss-label small{font-size:9px}.planner-hit-block{height:24px;padding:2px;font-size:10px;line-height:18px;border-radius:3px}.planner-hit-time-tick{top:40px;font-size:10px}.planner-stage-marker span{font-size:9px;line-height:12px}.planner-hit-block.observed{min-width:10px;border-radius:2px;background:#586b84;color:transparent}.planner-hit-completed{margin:6px 0;font-size:12px}.planner-hit-completed summary{cursor:pointer;font-weight:650}.planner-completed-chips{display:flex;flex-wrap:wrap;gap:5px;padding:7px 0}.planner-completed-chip{font-size:11px;padding:4px 7px;background:#e9edf3;border:1px solid #aebbd1;color:#344053;border-radius:4px}@media(max-width:650px){.planner-hit-timeline{max-height:360px}.planner-hit-block{font-size:10px}.planner-boss-label{padding:3px 5px}.planner-hit-detail{padding:10px}}

/* The default planner view keeps decisions visible; teams expand per account. */
.planner-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;padding:8px 0}.planner-overview p{margin:3px 0;font-size:13px}.planner-diagnostics{margin:6px 0;font-size:12px}.planner-diagnostics>summary{cursor:pointer;color:#526079}.planner-diagnostics p{margin:6px 0}
.planner-assignment-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.planner-assignment-toolbar input{flex:1;max-width:280px;min-width:120px}.planner-assignment-toolbar span{font-size:12px;color:#526079}.planner-assignments{gap:4px}.planner-assignment{padding:0;border-radius:6px}.planner-assignment>summary{display:grid;grid-template-columns:minmax(100px,1fr) 90px minmax(170px,3fr) 80px;gap:10px;align-items:center;cursor:pointer;padding:9px 12px;font-size:13px;list-style:none}.planner-assignment>summary strong:before{content:'▸';margin-right:7px;color:#687284}.planner-assignment[open]>summary strong:before{content:'▾'}.planner-assignment>summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-assignment>summary small{color:#526079;text-align:right}.planner-assignment-detail{padding:0 12px 10px}.planner-assignment-detail .planner-team{grid-template-columns:minmax(220px,1fr) minmax(0,2fr);padding:8px 0}.planner-assignment-detail p{margin:5px 0}.planner-assignment-detail .planner-team-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-content:start}.planner-assignment-detail .planner-team-unit{width:auto;min-width:0}.planner-assignment-detail .planner-team-unit img,.planner-assignment-detail .planner-portrait-placeholder{width:48px;height:48px}.planner-badge.complete{background:#dde2eb;color:#475467}.planner-badge.previous{background:#fff1dc;color:#715311}
.planner-bosses{gap:5px;margin-top:6px}.planner-boss{padding:8px}.planner-boss p{font-size:12px;margin:6px 0}.planner-boss-labels{width:160px;flex-basis:160px}.planner-hit-canvas{margin-right:0}.planner-completed-summary{margin:12px 0}.planner-completed-summary>summary{cursor:pointer;font-weight:700}
@media(max-width:650px){.planner-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.planner-overview p{font-size:12px}.planner-assignment>summary{grid-template-columns:minmax(80px,1fr) auto auto;gap:5px;padding:8px;font-size:12px}.planner-assignment>summary>span:nth-of-type(2){grid-column:1/-1;grid-row:2}.planner-assignment>summary small{grid-column:3;grid-row:1}.planner-assignment-detail{padding:0 8px 8px}.planner-assignment-detail .planner-team{grid-template-columns:1fr;gap:6px}.planner-assignment-detail .planner-team-unit{font-size:10px}.planner-assignment-detail .planner-team-unit img,.planner-assignment-detail .planner-portrait-placeholder{width:44px;height:44px}.planner-bosses{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-boss{font-size:11px}.planner-boss-labels{width:100px;flex-basis:100px}.planner-boss-label small{display:none}}
.planner-hit-canvas{overflow:hidden}
#raid-planner-leader-tools{margin:8px 0}#raid-planner-leader-tools>summary,[aria-label="Manual raid decisions"]>summary{cursor:pointer;font-size:13px;font-weight:650}#raid-planner-leader-tools[hidden]{display:none}[aria-label="Manual raid decisions"]{font-size:12px;margin:8px 0}.planner-progress{padding:7px 12px;margin:8px 0}.planner-progress>summary{cursor:pointer;font-size:13px}.planner-progress>summary strong{font-size:13px}.planner-progress>summary span{font-size:11px;color:#526079}

/* Live planner updates keep the reader's page and timeline scroll positions. */
#raid-planner-panel,.planner-hit-timeline{overflow-anchor:none}

/* Let assignee lanes grow within one screen; dense views scroll internally. */
.planner-hit-timeline{max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px)}

.planner-hit-group{position:absolute;z-index:2}
.planner-hit-group-time{display:block;height:16px;line-height:14px;font-size:10px;color:#526079;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.planner-hit-group-cards{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}
.planner-hit-group-cards>.planner-hit-block{position:relative;flex:0 0 auto;height:24px;text-align:center}

.planner-hit-group-anchor{position:absolute;top:0;bottom:0;border-left:1px solid #91a3bf;pointer-events:none}

/* Arrival-ordered boss buckets replace the spatial hit timeline. */
.planner-bucket-section{margin:12px 0 20px}.planner-bucket-section>h2{margin:0 0 6px}.planner-bucket-section>p{margin:5px 0;font-size:12px;color:#526079}
.planner-buckets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);overflow:auto;overflow-anchor:none;scrollbar-gutter:stable;padding:3px;align-items:start;overscroll-behavior:contain}
.planner-bucket{min-width:0;background:#f3f6fc;border:1px solid #c8d2e5;border-radius:10px;padding:12px}.planner-bucket.infinite{background:#f7f2fd;border-color:#b6a3d0}.planner-bucket>header h3{margin:0;font-size:15px;overflow-wrap:anywhere}.planner-bucket>small{display:block;margin:5px 0;color:#665080}.planner-bucket section{margin-top:9px;padding-top:8px;border-top:1px solid #d7dfee}.planner-bucket h4{font-size:12px;margin:0 0 4px;color:#526079}.planner-bucket-hp{font-size:12px;margin:0 0 8px}.planner-bucket-arrivals{margin:8px 0}.planner-bucket-arrivals>small{display:block;font-size:11px;color:#526079;margin-bottom:4px}.planner-bucket-hits{display:flex;flex-wrap:wrap;gap:6px}
.planner-bucket-hit{max-width:100%;font-size:12px;line-height:18px;padding:5px 9px;border:1px dashed #668bbb;border-radius:6px;color:#223a5d;background:#e2edfc;overflow-wrap:anywhere}.planner-bucket-hit.ready{background:#c8ecdc;border-style:solid;border-color:#398b70;color:#164f3c}.planner-bucket-hit.hold,.planner-bucket-hit.wait{background:#e7dcf7;border-style:solid;border-color:#9b83b8;color:#51416b}.planner-bucket-hit.previous{background:#f1f2f5;border-color:#8c98aa;color:#68758c}.planner-bucket-hit.is-related{outline:3px solid #6756d9;outline-offset:1px;box-shadow:0 0 0 5px #6756d922}.planner-bucket-hit.is-unrelated{opacity:.42}.planner-bucket-hit:focus-visible{outline:3px solid #6756d9;outline-offset:1px}.planner-bucket-total,.planner-bucket-empty{margin:8px 0 0;font-size:11px;color:#526079}.planner-assignment-details{margin:14px 0}.planner-assignment-details>summary{font-weight:650;cursor:pointer}.planner-assignment-details .planner-assignment-toolbar{margin-top:10px}
@media(min-width:1750px){.planner-buckets{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:900px){.planner-buckets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.planner-buckets{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 170px)}.planner-bucket{padding:10px}.planner-bucket-hit{padding:6px 9px}}

.planner-bucket-hit.used{background:#e3e7ed;border:1px solid #8c98aa;color:#475467;text-decoration:line-through;text-decoration-color:#8c98aa}
/* a member's availability for a planned hit (October 31, 2026): a small mark after the chip's name, and a line in the hit detail */
.planner-availability{display:inline-block;margin-left:6px;padding:0 5px;border-radius:9px;font-size:10px;line-height:16px;font-weight:650;vertical-align:1px;background:#dde3ee;color:#3c4a63;white-space:nowrap}.planner-availability.now{background:#1f8f66;color:#fff}.planner-availability.later{background:#e8e2f6;color:#4a3a6e}.planner-availability.unknown{background:#e6e9f0;color:#5a6679}.planner-availability.waiting{background:#fbe9c6;color:#6b4a14}.planner-availability.waiting-long{background:#c9342c;color:#fff}.planner-availability-line{margin:6px 0 0;font-size:13px}.planner-availability-line .planner-availability{margin-left:0;margin-right:4px}

.planner-exclusions { margin: .6rem 0; }
.planner-exclusion-form { display: flex; flex-wrap: wrap; align-items: end; gap: .5rem; }
.planner-exclusion-form label { display: grid; gap: .25rem; flex: 1 1 240px; }
.planner-exclusion-form input { width: 100%; min-width: 0; }
#raid-planner-exclusion-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
#raid-planner-exclusion-list li { display: flex; gap: .6rem; align-items: center; padding: .35rem .6rem; border: 1px solid #acbcd3; border-radius: .3rem; }

/* Planner and survey layout (2026-10-12): status first, details on demand. */
.planner-head,.survey-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 10px}.planner-head h2,.survey-head h2{margin:0;font-size:21px}.planner-head p,.survey-head p{margin:3px 0 0;color:#596477;font-size:12px}
.planner-status:not([hidden]){margin:0 0 8px;padding:8px 12px;border-left:4px solid #a77c25;border-radius:6px;background:#fff7e7;color:#5d471d;font-size:13px;min-height:0}
.planner-stats,.survey-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0 0 12px}
.planner-stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:9px 12px;border:1px solid #d0d6df;border-radius:9px;background:#fff}.planner-stat small{color:#596477;font-size:11px;font-weight:650}.planner-stat strong{font-size:20px;line-height:1.2;color:#202532;overflow-wrap:anywhere}.planner-stat span{color:#687284;font-size:11px;overflow-wrap:anywhere}
.planner-stat.good{border-color:#9fd2bd;background:#f2faf6}.planner-stat.good strong{color:#17663d}.planner-stat.warn{border-color:#e7c98a;background:#fffaf0}.planner-stat.warn strong{color:#8a5a00}
.planner-card{margin:0 0 12px;padding:12px 14px;border:1px solid #d0d6df;border-radius:10px;background:#fff}.planner-card>header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:8px}.planner-card>header h3{margin:0;font-size:15px}.planner-card>header small{color:#687284;font-size:11px}.planner-card h4{margin:14px 0 6px;font-size:13px}.planner-card h4:first-child{margin-top:0}.planner-help{margin:0 0 6px;color:#596477;font-size:12px}
.planner-next{display:grid;gap:3px;margin:0;padding:0;list-style:none}.planner-next-group{margin:6px 0 2px;color:#596477;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.planner-next-group:first-child{margin-top:0}
.planner-next-row{display:grid;grid-template-columns:64px minmax(90px,150px) 130px minmax(0,1fr) 60px;align-items:center;gap:10px;width:100%;padding:6px 10px;border:1px solid #e0e5eb;border-radius:7px;background:#f8f9fc;color:#202532;text-align:left;font-weight:400}.planner-next-row:hover,.planner-next-row[aria-expanded=true]{border-color:#6756d9;background:#f3f1fd}.planner-next-row.forecast{border-style:dashed;background:#fff}
.planner-next-row .planner-badge{font-size:10px;text-align:center}.planner-next-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-next-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344053;font-size:12px}.planner-next-time{font-size:12px;font-weight:650;white-space:nowrap}.planner-next-row small{color:#687284;font-size:11px;text-align:right}
.planner-next-more,.planner-next-empty{padding:6px 2px;color:#596477;font-size:12px}
.planner-badge.wait,.planner-badge.hold{background:#e7dcf7;color:#51416b}
.planner-badge.forbidden{background:#f8dcdc;color:#7a2323;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planner-legend{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.planner-swatch{display:inline-block;padding:1px 7px;border:1px dashed #668bbb;border-radius:5px;background:#e2edfc;color:#223a5d;font-size:11px}.planner-swatch.ready{background:#c8ecdc;border:1px solid #398b70;color:#164f3c}.planner-swatch.hold{background:#e7dcf7;border:1px solid #9b83b8;color:#51416b}.planner-swatch.used{background:#e3e7ed;border:1px solid #8c98aa;color:#475467;text-decoration:line-through}
.planner-toggle{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:12px;color:#344053}
.planner-bucket-section{margin:0 0 12px}.planner-buckets{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:none;overflow:visible;padding:0;gap:8px}
@media(min-width:1750px){.planner-buckets{grid-template-columns:repeat(6,minmax(0,1fr))}}
.planner-bucket{padding:10px 12px}.planner-bucket section:first-of-type{margin-top:6px}.planner-bucket section h4{margin:0 0 4px;font-size:12px;color:#596477}.planner-bucket.is-cleared{opacity:.7}
.planner-bucket-hp{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0;font-weight:650;font-size:13px}.planner-bucket-hp small{color:#687284;font-weight:400}
.planner-hp-bar{height:6px;margin:0 0 8px;border-radius:999px;background:#dfe4ed;overflow:hidden}.planner-hp-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d5533f,#e2894a)}
.planner-bucket-done{margin-top:6px}.planner-bucket-done>summary{cursor:pointer;color:#596477;font-size:11px}.planner-bucket-done[open]>summary{margin-bottom:4px}
.planner-subtabs{display:flex;flex-wrap:wrap;gap:2px;margin:16px 0 0;border-bottom:1px solid #c7cfdb}.planner-subtabs button{padding:8px 14px;border:0;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:#4d586b;font-weight:700}.planner-subtabs button[aria-selected=true]{border-bottom-color:#6756d9;color:#3d2fb0;background:#fff}.planner-subtabs button[hidden]{display:none}
.planner-pane{border-top-left-radius:0;border-top-right-radius:0;border-top:0}.planner-pane[hidden]{display:none}
.planner-diagnostics p{margin:4px 0;font-size:12px}
.planner-progress{padding:6px 12px;margin:0 0 8px}.planner-progress>summary{cursor:pointer;font-size:13px}.planner-progress #raid-planner-progress-brief{color:#596477;font-size:12px}
.survey-stats .planner-stat strong{font-size:18px}
.survey-missing:not(:empty){display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border:1px solid #e7c98a;border-radius:9px;background:#fffaf0;font-size:12px}.survey-missing.is-done{border-color:#9fd2bd;background:#f2faf6;color:#17663d}.survey-missing .completion-names{max-height:none}
.survey-toolbar{align-items:center;margin-bottom:6px}.survey-select{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#344053}.survey-select select{max-width:240px}
.survey-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.survey-chip{padding:6px 10px;border:1px solid #c7cfdb;border-radius:999px;background:#fff;color:#344053;font-size:12px;font-weight:650}.survey-chip[aria-pressed=true]{border-color:#6756d9;background:#6756d9;color:#fff}
.survey-count{margin:4px 0 8px;font-size:12px;color:#344053}.survey-count small{color:#687284}.link-button{padding:0;border:0;background:none;color:#6756d9;font-size:12px;font-weight:700;text-decoration:underline;cursor:pointer}
.survey-grid{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}
.survey-person-row,.survey-person-row:is(*){min-height:0}.survey-person-row .survey-timeline-label{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding:4px 10px}.survey-person-row .survey-hold-hit{margin:0;flex:none}.survey-person-row .survey-badges{margin:0;flex:none;flex-wrap:nowrap}
.survey-availability-track{padding:4px 0}.survey-availability-bar{height:24px;line-height:24px}
.survey-timeline-days .survey-timeline-track>span{padding:5px 8px}.survey-timeline-hours .survey-timeline-track>span{padding:5px 2px}.survey-timeline-days .survey-timeline-label,.survey-timeline-hours .survey-timeline-label,.survey-timeline-totals .survey-timeline-label{padding:5px 10px;font-size:11px}
.survey-timeline-total{height:34px;justify-content:center;background:rgba(50,148,113,calc(var(--heat,0) * .55 + .04));color:#173f30}.survey-timeline-total.is-peak{box-shadow:inset 0 -3px 0 #1d7a57}.survey-timeline-total[aria-pressed=true]{outline:2px solid #6756d9;outline-offset:-2px}.survey-timeline-total:hover{filter:brightness(.95)}
.survey-timeline.has-now .survey-timeline-track{position:relative}.survey-timeline.has-now .survey-availability-track::after,.survey-timeline.has-now .survey-timeline-totals .survey-timeline-track::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--now) * 100%);width:2px;background:#d5533f;pointer-events:none;z-index:2}
.survey-timeline.has-now .survey-timeline-days .survey-timeline-track::after{content:"Now";position:absolute;top:50%;left:calc(var(--now) * 100%);transform:translate(-50%,-50%);padding:0 4px;border-radius:3px;background:#d5533f;color:#fff;font-size:9px;font-weight:700;line-height:14px;z-index:2}
#survey-pagination[hidden],#survey-status:empty{display:none}
@media(max-width:650px){.planner-next-row{grid-template-columns:56px minmax(0,1fr) auto;gap:4px 8px}.planner-next-target{grid-column:2/-1;grid-row:2;white-space:normal}.planner-next-row small{display:none}.planner-stats,.survey-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-stat strong{font-size:17px}.planner-toggle{margin-left:0}.planner-subtabs{flex-wrap:nowrap;overflow-x:auto}.planner-subtabs button{flex:none;padding:8px 10px}.survey-toolbar input{min-width:0;flex:1 1 100%}}
@media(max-width:700px){.survey-person-row .survey-timeline-label{flex-direction:column;align-items:flex-start;gap:2px;padding:4px 8px}.survey-person-row .survey-timeline-label strong{max-width:100%}.survey-person-row .survey-hold-hit{font-size:9px;line-height:14px}}
/* Survey: a full 32-member roster stays visible without an inner scroll. */
.survey-grid{max-height:none}.survey-person-row .survey-timeline-label{padding:2px 10px}.survey-availability-track{padding:2px 0}.survey-availability-bar{height:20px;line-height:20px;font-size:10px}.survey-person-row .survey-hold-hit{line-height:14px}
/* Planner availability reuses the survey timeline. */
#planner-pane-availability>p{margin:0 0 8px;font-size:12px;color:#596477}#planner-pane-availability>#raid-planner-timezone{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#raid-planner-timeline.survey-grid{overflow:auto;max-height:none}
.survey-person-row.is-muted .survey-timeline-label strong{color:#8a93a3}.survey-person-row.is-muted .survey-availability-bar{background:#a9c9bc;box-shadow:none}
.survey-availability-bar.is-checked-in{background:#1d6fb8}.survey-availability-bar.is-standby{background:#a47924}.survey-availability-bar.is-left{background:#7a7f87}.survey-availability-bar.is-assumed{background:repeating-linear-gradient(45deg,#6f8f84,#6f8f84 6px,#8aa89d 6px,#8aa89d 12px)}
.planner-bucket-cleared h4{margin:0}.planner-bucket-cleared .planner-bucket-arrivals{margin:2px 0 0}.planner-bucket section.planner-bucket-cleared+section.planner-bucket-cleared{margin-top:6px}
.planner-changes{border-color:#ba6b1c}.planner-changes-list{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:12px}.planner-changes-list li{padding:5px 8px;border:1px solid #d0d6df;border-radius:6px;overflow-wrap:anywhere}.planner-changes-list li.recent{border-color:#ba6b1c;background:#fff6ea}.planner-changes-list small{color:#687284;white-space:nowrap}.planner-changes-more{margin-top:4px;font-size:12px}.planner-changes-more>summary{cursor:pointer;width:fit-content;color:#526079;font-weight:650}.planner-changes-more[open]>summary{margin-bottom:4px}.planner-changes-more[hidden]{display:none}
.planner-unplaced-unsurveyed{margin:0 0 6px;font-size:12px;font-weight:600;color:#5d471d}.planner-unplaced-unsurveyed[hidden]{display:none}
.planner-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.planner-row-actions button,.planner-row-actions select{font-size:12px;padding:4px 8px}.planner-row-actions select{max-width:100%}.planner-row-actions.is-pending{opacity:.75}.planner-row-actions button:disabled,.planner-row-actions select:disabled{opacity:.55;cursor:not-allowed}.planner-row-pending{color:#526079;font-size:12px}.planner-row-pending:empty{display:none}.planner-member-actions{padding-bottom:6px;border-bottom:1px solid #dce3ef}.planner-hit-detail .planner-row-actions{border-top:1px solid #dce3ef;padding-top:8px}.planner-row-status{min-height:1.2em;margin:6px 0;font-size:13px;color:#25304b}.planner-row-status:empty{min-height:0;margin:0}
.picker-burst-filter{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.picker-burst-chip{padding:5px 10px;border:1px solid #c7cfdb;border-radius:999px;background:#fff;color:#344053;font-size:11px;font-weight:700}.picker-burst-chip[aria-pressed=true]{border-color:#6756d9;background:#6756d9;color:#fff}
.picker-candidate.has-preset{border-color:#c9b75f}.picker-candidate.is-current{box-shadow:inset 0 0 0 2px #6756d9}.picker-candidate strong.picker-name-row{display:flex;align-items:center;gap:6px}.picker-name-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-preset-mark{flex:0 0 auto;padding:1px 5px;border-radius:999px;background:#f4ecc4;color:#6d5a12;font-size:9px;font-style:normal;font-weight:700;vertical-align:middle}
.preset-nikke-field{margin:.75rem 0}.preset-nikke-choice{display:grid;font:inherit;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:6px;border:1px solid #d0d6df;border-radius:8px;background:#fff;color:#202532;text-align:left}.preset-nikke-choice:not(.is-fixed):hover{border-color:#6756d9}.preset-nikke-choice.is-fixed{grid-template-columns:48px minmax(0,1fr)}.preset-nikke-choice span{min-width:0}.preset-nikke-choice strong,.preset-nikke-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-nikke-choice small{color:#687284;font-size:11px}.preset-nikke-portrait{width:48px;height:48px;object-fit:cover;background:#6b86a9}.preset-nikke-portrait.is-empty{display:grid;place-items:center;border:1px dashed #9ca8b9;background:rgba(255,255,255,.45);color:#647087;font-weight:700}.preset-nikke-change{padding:4px 10px;border-radius:999px;background:#eeeafd;color:#5943b5;font-size:11px;font-weight:700}.preset-nikke-hint{color:#687284}
.preset-header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.regenerate-team-presets,.clear-team{background:#fff0f1;color:#9f2630;border-color:#d6a5aa}.team-preset-actions{gap:.5rem}
.team-preset-mocks{display:inline-block;padding:2px 8px;border-radius:20px;background:#e5e9f0;color:#596477;font-size:12px;font-weight:700;white-space:nowrap}.team-preset-mocks.has-mocks{background:#e7f6ec;color:#26653b}
/* a leader's lock and drag and drop on the boss board (user, October 31, 2026) */
.planner-bucket-hit.is-draggable{cursor:grab}.planner-bucket-hit.is-dragging{opacity:.5;cursor:grabbing}.planner-bucket-hit.is-locked{border-style:solid;border-width:2px;border-color:#715311;box-shadow:inset 0 0 0 1px #f5e4b5}.planner-lock-mark{margin-left:4px;font-size:11px}.planner-bucket section.is-drop-target{outline:2px dashed #6756d9;outline-offset:2px;background:#ece9fb;border-radius:6px}.planner-badge.locked{background:#f5e4b5;color:#715311;font-size:12px}.planner-lock-note{font-size:13px;color:#715311}
.planner-bucket-hit.is-variant{border-style:solid;border-width:2px;border-color:#2f6f8f}.planner-variant-tag{display:block;margin-top:2px;padding:1px 5px;border-radius:4px;background:#d6ecf5;color:#1d4f66;font-size:10px;font-weight:700;white-space:normal}.planner-variant-suggest{margin-left:4px;padding:0 4px;border-radius:4px;background:#eef2fb;color:#344053;font-size:10px;font-weight:700}.planner-variant-note{font-size:13px;color:#1d4f66;font-weight:650}.planner-variant-picker{flex-wrap:wrap}.planner-variant-heading{flex-basis:100%;font-size:12px}.planner-variant-option[aria-pressed=true]{background:#d6ecf5;color:#1d4f66}.planner-variant-option.is-suggested{border-color:#2f6f8f;font-weight:700}.planner-badge.variant{background:#d6ecf5;color:#1d4f66;font-size:12px}