@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#101216;--panel:#191c22;--line:#2b3039;--muted:#9097a4;--accent:#c9f478}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f3f5;font:14px 'Noto Sans JP',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:7px;background:#232830;padding:9px 12px;transition:.16s}button:hover{border-color:var(--accent);background:#303a2c}button:disabled{opacity:.4;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4%;gap:28px}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-size:15px;letter-spacing:1.7px}.brand b{font-weight:400;color:#a6acb5}.mark{background:var(--accent);color:#17200d;font-size:22px;font-weight:900;padding:2px 9px;border-radius:6px}.tag{font-size:10px;color:var(--muted);letter-spacing:2px}header>.primary{margin-left:auto}.primary{background:var(--accent);color:#17200d;border-color:var(--accent);font-weight:800;padding:12px 23px}.primary:hover{background:#dcffa1}main{max-width:1720px;margin:auto;padding:40px 4%}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--accent);font-weight:700}h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0}p{color:var(--muted);line-height:1.8;margin:8px 0}.status{display:grid;grid-template-columns:8px auto;gap:8px;font-size:11px}.status i{background:var(--accent);width:6px;height:6px;border-radius:50%;margin-top:6px}.status small{grid-column:2;color:var(--muted)}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}aside{display:flex;flex-direction:column;gap:16px}.panel{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel)}.sectiontitle{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sectiontitle>span{font-size:10px;color:var(--accent);border:1px solid #475139;border-radius:5px;padding:3px 6px}h2{font-size:14px;margin:0}.hint{font-size:11px;margin:8px 0 14px}label{display:block;color:#aeb4bf;font-size:11px;margin-top:14px}input,select{width:100%;padding:11px 12px;border:1px solid #333944;border-radius:7px;background:#111419;color:#f6f7f9;margin-top:7px;min-width:0}input::placeholder{color:#6e7683;font-size:11px}.two{display:grid;grid-template-columns:1fr 85px;gap:12px}.themes{display:flex;gap:7px;margin-top:8px}.swatch{flex:1;font-size:10px;padding:10px 4px}.swatch.light{background:#eef1f3;color:#343942}.swatch.rift{background:#091727;color:#c8aa6e;border-color:#785a28}.swatch.active{outline:2px solid var(--accent);outline-offset:2px}.slots{display:flex;gap:5px;align-items:center}.slot{width:42px;height:42px;padding:0;border:1px dashed #454d5b;border-radius:6px;background:#12161b;overflow:hidden;flex-shrink:0;color:#69717d;font-size:20px}.slot img{width:100%;height:100%;object-fit:cover}.wide{width:100%;font-size:11px;margin-top:14px}.subtle{background:transparent}.champions{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-height:286px;overflow:auto;margin-top:15px;padding:3px}.champ{padding:0;border:0;background:transparent;position:relative;min-width:0}.champ img{width:100%;aspect-ratio:1;border-radius:7px;display:block;border:2px solid transparent}.champ span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;margin-top:4px;color:#b0b7c2}.champ.selected img{border-color:var(--accent)}.champ.selected:after{content:'✓';position:absolute;right:1px;top:1px;background:var(--accent);color:#17200d;font-size:10px;border-radius:3px;padding:0 2px}.editor{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#14171c;align-self:start;position:sticky;top:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px}.toolbar button{font-size:10px;padding:7px 9px;letter-spacing:0;background:transparent}.live{color:var(--accent);margin-right:7px}.pill{color:#afb7c3;border:1px solid #363c47;border-radius:20px;padding:3px 8px;margin-left:8px;letter-spacing:0}.previewwrap{padding:26px;min-height:530px;background-image:radial-gradient(#30343c 1px,transparent 1px);background-size:14px 14px;overflow:auto}#sheet{--paper:#191e26;--ink:#e9edf3;--soft:#9aa5b4;background:var(--paper);color:var(--ink);padding:30px;border:1px solid #ffffff12;box-shadow:0 15px 45px #0005;border-radius:4px;min-width:290px}#sheet.light{--paper:#f5f7fa;--ink:#18222e;--soft:#6d7988}#sheet.rift{--paper:#091727;--ink:#f0e6d2;--soft:#c8aa6e;border-color:#785a28}#sheet.rift .sheethead{border-color:#785a28}#sheet.rift .match{border-color:#785a2855}.sheethead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #80808035;padding-bottom:20px;margin-bottom:20px}.sheethead h2{font-size:22px;line-height:1.5;overflow-wrap:anywhere}.sheethead p{font-size:10px;color:var(--soft);margin-top:4px}.sheetlogo{font-size:10px;border:1px solid #80808050;border-radius:3px;padding:7px;color:var(--soft);margin-left:15px}.rows{display:grid;gap:12px 20px}.match{display:flex;align-items:center;gap:12px;position:relative;padding:10px;background:#8080800c;border:1px solid #80808020;border-radius:7px;min-width:0}.portrait{width:46px;height:46px;border-radius:6px}.enemy{min-width:58px;max-width:85px;font-size:10px;overflow-wrap:anywhere}.build{display:flex;gap:4px;flex-wrap:wrap}.match .slot{width:36px;height:36px;border-radius:4px}.rowtools{position:absolute;top:-9px;right:0;display:none;background:#222832;border-radius:5px;z-index:1}.match:hover .rowtools,.match:focus-within .rowtools{display:flex}.rowtools button{padding:3px 6px;font-size:10px}.sheetfoot{display:flex;justify-content:space-between;margin-top:24px;color:var(--soft);font-size:9px;gap:15px;overflow-wrap:anywhere}.empty{text-align:center;padding:65px 10px;color:var(--soft);line-height:2}.empty b{display:block;font-size:28px;color:var(--ink);margin-bottom:12px}.bottomnote{display:flex;justify-content:space-between;gap:10px;padding:13px 20px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}footer{padding-top:30px;display:flex;flex-wrap:wrap;gap:15px;color:#737d8c;font-size:10px}footer b{letter-spacing:1px}details{width:100%;max-width:900px}summary{cursor:pointer}a{color:var(--accent)}dialog{background:#191e26;color:#f1f3f5;border:1px solid #3b4554;border-radius:16px;width:760px;max-width:94vw;padding:26px;max-height:85vh}dialog::backdrop{background:#06090dd9;backdrop-filter:blur(6px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalhead h2{font-size:22px;margin-top:7px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.filters button{font-size:11px}.filters .active{color:#17200d;background:var(--accent)}#items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:48vh;overflow:auto}.item{display:flex;gap:9px;text-align:left;align-items:center;padding:8px;font-size:10px;min-height:58px}.item img{width:38px;height:38px;border-radius:4px}.item small{display:block;color:#d9bd73;margin-top:3px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--accent);color:#17200d;border-radius:8px;padding:12px 22px;box-shadow:0 10px 30px #0005;display:none;z-index:9;font-size:12px;max-width:90vw}@media(min-width:1500px){.match .slot{width:42px;height:42px}}@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr)}.panel{padding:16px}.slot{width:39px;height:39px}.enemy{display:none}.toolbar{flex-wrap:wrap}.previewwrap{padding:15px}#sheet{padding:20px}}@media(max-width:760px){header{height:68px;padding:0 5%;gap:10px}.brand{font-size:11px;letter-spacing:1px}.tag{display:none}.primary{padding:10px 13px;font-size:11px}main{padding:28px 5%}.intro{align-items:start;gap:12px}.intro p{font-size:11px}h1{font-size:28px}.status{display:none}.workspace{grid-template-columns:1fr}.editor{position:static}.champions{grid-template-columns:repeat(7,1fr);max-height:220px}.slot{width:42px;height:42px}.enemy{display:block}.toolbar{padding:13px}.previewwrap{min-height:350px;padding:12px}#sheet{padding:18px}.sheethead h2{font-size:18px}.sheetlogo{display:none}.bottomnote{font-size:8px}#items{grid-template-columns:repeat(2,1fr)}.themes{max-width:330px}}

.databar{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-bottom:22px}.view-mode aside,.view-mode #backup,.view-mode #restore,.view-mode #clear,.view-mode .bottomnote{display:none}.view-mode .workspace{display:block;max-width:1400px;margin:auto}.view-mode .editor{position:static}.view-mode .toolbar>div:first-child{font-size:0}.view-mode .toolbar .pill{font-size:11px}.view-mode .slot{display:inline-block;border-style:solid}.view-mode .slot:not(:has(img)){opacity:.2}header #copyImage{margin-left:auto}header>.primary{margin-left:0}.view-mode .previewwrap{min-height:0}@media(max-width:760px){header .brand b{display:none}header{gap:7px}header #copyImage{font-size:10px;padding:10px 8px}.databar{font-size:9px}main{padding-top:20px}}

.ownresults{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;max-height:200px;overflow:auto}.ownresult{display:flex;align-items:center;gap:7px;font-size:10px;padding:6px}.ownresult img,.ownselected img{width:30px;height:30px;border-radius:5px}.ownselected{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:12px}.ownselected:empty{display:none}.ownselected button{margin-left:auto;font-size:10px;padding:5px 8px}.sheetidentity{display:flex;align-items:center;gap:14px;min-width:0}.ownportrait{width:62px;height:62px;border-radius:8px}.sheethead .ownname{color:var(--ink);font-size:12px;font-weight:700;margin-bottom:5px}.sheetidentity h2{font-size:20px}

.rolefilters{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}.rolefilters button{flex:1;padding:7px 6px;font-size:10px;background:transparent;white-space:nowrap}.rolefilters button[aria-pressed="true"]{background:var(--accent);color:#17200d;border-color:var(--accent);font-weight:800}.rolehint{font-size:10px;color:var(--muted);margin:8px 0}.ownresults:empty{margin:0}

.groupoption{display:flex;align-items:center;gap:8px;font-size:11px}.groupoption input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.groupenemies{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.groupperson{display:flex;align-items:center;gap:10px}.grouped{flex-direction:column;align-items:flex-start;gap:15px}.grouped .groupenemies{width:100%}.grouped .groupperson{flex-direction:column;gap:4px;width:52px}.grouped .enemy{display:block;font-size:8px;text-align:center;min-width:0;max-width:52px}.grouped .build{padding-top:12px;border-top:1px solid #80808030;width:100%}.grouped .portrait{width:42px;height:42px}

.champ.added:not(.selected) img{border-color:#7b879955}.champ.added:not(.selected) span{color:#bfc8d4}#addSelected{font-size:11px;padding:12px 8px}

header #share{margin-left:auto;font-size:12px}header #copyImage{margin-left:0}.buildcard{display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:14px}.cardmeta{display:flex;gap:12px;font-size:9px;letter-spacing:1px;color:var(--soft);padding-right:108px;min-height:22px}.cardmeta span:first-child{font-weight:700;color:var(--ink)}.buildcard .rowtools{top:10px;right:10px;background:transparent;display:flex;opacity:.45}.buildcard:hover .rowtools,.buildcard:focus-within .rowtools{opacity:1}.buildcard .rowtools button{border-color:transparent;background:transparent}.buildcard .groupenemies{min-height:80px;align-content:start;gap:10px}.buildcard .groupperson{width:52px;flex-direction:column;gap:5px}.buildcard .portrait{width:46px;height:46px;border:1px solid #80808045}.buildcard .enemy{display:block;text-align:center;font-size:9px;min-width:0;max-width:52px;line-height:1.4}.buildcard .build{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:auto;border-top:1px solid #80808030;padding-top:12px;width:100%}.buildstep{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.stepnumber{font-size:9px;color:var(--soft);font-variant-numeric:tabular-nums}.buildcard .slot{width:100%;max-width:46px;height:auto;aspect-ratio:1}.itemcaption{font-size:8px;color:var(--soft);text-align:center;line-height:1.4;height:24px;overflow:hidden;overflow-wrap:anywhere;width:100%}.rows{align-items:stretch}.rift .cardmeta{color:#c8aa6e}@media(max-width:760px){header{flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:14px;gap:8px}header .brand{width:100%}header #share{margin-left:0;flex:1;font-size:10px}.buildcard{padding:12px}.buildcard .build{gap:5px}.buildcard .groupenemies{min-height:80px}}

header #share,header #copyImage{font:inherit;font-weight:500;padding:10px 14px;line-height:1.5}.buildcard .groupenemies{min-height:55px}.buildcard .build{padding-top:14px}.buildcard .stepnumber{display:none}@media(max-width:760px){header #share,header #copyImage{font-size:10px;padding:10px 8px}}

#base{flex-wrap:wrap}.addstep{font-size:10px;min-height:46px;border-style:dashed;background:transparent;color:var(--muted);padding:5px}.build .addstep{align-self:start;margin-top:0;min-width:0;width:100%;aspect-ratio:1;max-height:46px}.view-mode .addstep{display:none}

.choiceoption{display:flex;align-items:center;gap:8px;font-size:12px}.choiceoption input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.slot.choice-slot,.buildcard .slot.choice-slot{height:auto;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;overflow:hidden;flex-shrink:0}.slot.choice-slot img{width:100%;height:auto;aspect-ratio:1}.orlabel{font-size:8px;line-height:16px;letter-spacing:1px;color:#c8aa6e}.buildstep{align-self:start}.itemcaption{height:auto;min-height:24px;max-height:36px}#base{align-items:flex-start}

/* Keep builds at the top instead of bottom-aligning to the tallest OR card. */
.buildcard .build{margin-top:0;align-content:start}.buildcard{justify-content:flex-start}.addstep{font-size:22px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:42px}.build .addstep{width:100%;max-width:46px;height:auto;aspect-ratio:1;max-height:46px;min-height:0;justify-self:center}.choiceentry{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.choicename{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:8px;font-weight:400;line-height:1.4;color:var(--soft,#aeb8c7);min-height:23px;max-height:23px;overflow-wrap:anywhere;padding:0 1px}.slot.choice-slot,.buildcard .slot.choice-slot{background:transparent;border:0;overflow:visible;gap:3px}.slot.choice-slot .choiceentry img{border:1px solid #80808055;border-radius:4px;display:block;height:auto}.orlabel{font-size:8px;line-height:16px;flex-shrink:0;color:#c8aa6e}.buildstep .itemcaption{min-height:23px;max-height:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.itemcaption{line-height:1.4}.buildcard .build{row-gap:14px}
#picker{width:780px;height:min(780px,90dvh);max-height:90dvh;padding:24px;overflow:hidden}#picker[open]{display:flex;flex-direction:column;gap:0}#picker .modalhead,#picker .choiceoption,#picker>.hint,#picker>input,#picker .rolefilters,#picker .rolehint,#picker .filters{flex-shrink:0}#picker .modalhead{margin-bottom:10px}#picker .choiceoption{margin-top:0}#picker>.hint{margin:5px 0}#picker .filters{margin:10px 0}#picker #items{flex:1;min-height:0;max-height:none;overflow:auto;align-content:start;padding-right:4px;scrollbar-gutter:stable}#picker .rolehint{margin:6px 0}#picker .filters button{padding:7px 10px}@media(max-width:760px){#picker{width:94vw;height:92dvh;max-height:92dvh;padding:16px}#picker .modalhead h2{font-size:18px}#picker .filters{gap:4px}#picker .filters button{padding:6px 8px;font-size:10px}#picker .choiceoption{font-size:11px}#picker .rolehint,#picker>.hint{font-size:9px}}

/* One opponent, one horizontal build row. */
.linearrows{gap:0 16px;align-items:start}.linearrow{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:18px;padding:16px 0;border:0;border-bottom:1px solid #80808026;border-radius:0;background:transparent;min-width:0;height:100%}.rowchamp{flex:0 0 46px;width:46px;padding-top:0}.linearrow .portrait{width:46px;height:46px;border-radius:5px;border:1px solid #80808055;display:block}.linearrow .build{display:flex;flex-direction:row;flex-wrap:nowrap;gap:7px;width:auto;min-width:0;align-items:flex-start;flex:0 0 auto;padding:0;border:0;margin:0}.linearrow .buildstep{flex:0 0 46px;width:46px;gap:5px}.linearrow .slot{width:46px;height:46px;max-width:46px;aspect-ratio:1;border-radius:4px}.linearrow .slot.choice-slot{height:auto;aspect-ratio:auto}.linearrow .itemcaption{font-size:8px;min-height:23px;max-height:23px;text-align:center;line-height:1.4}.linearrow .choiceentry img{width:46px;height:46px}.linearrow .build .addstep{width:46px;height:46px;flex:0 0 46px;font-size:22px}.linearrow .rowtools{position:static;flex:0 0 42px;width:42px;margin-left:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:transparent;opacity:.25;align-self:flex-start}.linearrow:hover .rowtools,.linearrow:focus-within .rowtools{opacity:1}.linearrow .rowtools button{font-size:10px;padding:4px 3px;border:0;background:transparent}.rift .linearrow{border-color:#785a2840}.view-mode .linearrow{gap:18px}.view-mode .linearrows{row-gap:0}.previewwrap{scrollbar-gutter:stable}.sheetfoot{margin-top:20px}@media(max-width:760px){.linearrow{gap:14px;padding:14px 0}}

/* Responsive rows: wrap whole purchase steps, never scroll sideways. */
.workspace>*{min-width:0}.editor{min-width:0;max-width:100%}.previewwrap{overflow-x:hidden;scrollbar-gutter:auto}#sheet{min-width:0!important;width:100%;max-width:100%}.linearrows{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,calc((100% - (var(--columns) - 1)*16px)/var(--columns)))),1fr));gap:0 16px;min-width:0}.linearrow{height:auto;align-items:center;gap:14px;min-width:0;padding:18px 0}.linearrow .rowchamp{align-self:center;flex:0 0 46px}.linearrow .build{flex:1 1 0;min-width:0;width:0;max-width:100%;flex-wrap:wrap;gap:12px 7px;align-items:flex-start}.linearrow .buildstep{width:46px;flex:0 0 46px;max-width:100%;min-width:0}.linearrow .buildstep.choice-step{width:max-content;flex:0 1 auto;max-width:100%}.linearrow .slot.choice-slot,#base .slot.choice-slot{width:calc(var(--choice-count)*46px + (var(--choice-count) - 1)*20px);max-width:100%;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:4px;height:74px;justify-content:center}.choice-slot .choiceentry{width:46px;flex:1 1 46px;min-width:0;max-width:46px}.linearrow .choiceentry img,#base .choiceentry img{width:100%;height:auto;aspect-ratio:1}.choice-slot .orlabel{flex:0 0 12px;min-width:0;align-self:flex-start;margin-top:16px;line-height:14px;text-align:center}.linearrow .rowtools{position:absolute;top:0;right:0;margin:0;display:flex;flex:initial;width:auto;opacity:0;background:var(--paper);border-radius:4px;transform:translateY(-25%);z-index:2}.linearrow:hover .rowtools,.linearrow:focus-within .rowtools{opacity:1}.linearrow .rowtools button{padding:3px 6px}.sheetidentity{min-width:0}.sheetidentity>div{min-width:0}.ownportrait{flex-shrink:0}.sheethead{min-width:0}.sheethead h2{overflow-wrap:anywhere}.sheetfoot{flex-wrap:wrap}.view-mode .linearrow{gap:14px}.view-mode .linearrow .slot.choice-slot{display:flex}#base .slot{max-width:100%}#base .slot.choice-slot{flex-shrink:1}@media(max-width:760px){.previewwrap{padding:10px}#sheet{padding:16px}.linearrow{gap:10px}.linearrow .rowchamp,.linearrow .portrait{width:40px;flex-basis:40px;height:40px}.linearrow .buildstep{width:40px;flex-basis:40px}.linearrow .slot{width:40px;height:40px;max-width:40px}.linearrow .slot.choice-slot{width:calc(var(--choice-count)*40px + (var(--choice-count) - 1)*18px);max-width:100%;height:68px}.linearrow .buildstep.choice-step{flex-basis:auto}.linearrow .build .addstep{width:40px;height:40px;flex-basis:40px}.linearrow .choiceentry{max-width:40px}.linearrow .choice-slot .orlabel{margin-top:13px}.linearrow .itemcaption{font-size:7px}.choicename{font-size:7px}}

/* Compact purchase steps; OR is a single framed choice, not separate steps. */
.linearrow .build{gap:12px 10px}.linearrow .buildstep{width:36px;flex-basis:36px;gap:4px;padding-top:6px}.linearrow .slot{width:36px;height:36px;max-width:36px}.linearrow .build .addstep{width:36px;height:36px;max-width:36px;flex-basis:36px;margin-top:6px;font-size:20px}.linearrow .itemcaption{font-size:7px;min-height:21px;max-height:21px}.linearrow .buildstep.choice-step{width:max-content;flex:0 1 auto;max-width:100%;padding-top:0}.linearrow .slot.choice-slot,#base .slot.choice-slot,.view-mode .linearrow .slot.choice-slot{position:relative;width:calc(var(--choice-count)*36px + (var(--choice-count) - 1)*4px + 14px);max-width:100%;height:71px;max-height:71px;display:flex;flex-direction:row;align-items:flex-start;gap:4px;padding:6px;border:1px solid #80808055;border-radius:6px;background:#8080800a;overflow:visible}.linearrow .choice-slot .choiceentry,#base .choice-slot .choiceentry{width:36px;max-width:36px;flex:1 1 36px;min-width:0;gap:4px}.linearrow .choiceentry img,#base .choiceentry img{width:100%;height:auto;aspect-ratio:1;max-width:36px}.choicebadge{position:absolute;top:-5px;left:50%;transform:translateX(-50%);font:600 7px/10px 'Noto Sans JP',sans-serif;letter-spacing:.5px;padding:0 4px;color:var(--soft,#9aa5b4);background:var(--paper,#191c22);border-radius:2px;pointer-events:none}.linearrow .choicename,#base .choicename{font-size:7px;line-height:1.4;min-height:21px;max-height:21px;padding:0}.rift .linearrow .slot.choice-slot{border-color:#c8aa6e88;background:#c8aa6e0c}#base .slot{width:36px;height:36px;flex-basis:36px}#base .slot.choice-slot{flex-basis:auto}#base .addstep{width:36px;height:36px;min-height:36px;font-size:20px}.linearrow .rowchamp,.linearrow .portrait{width:42px;height:42px;flex-basis:42px}.linearrow{gap:14px;padding:14px 0}

/* Opponents are larger circular portraits, distinct from square equipment. */
.linearrow,.view-mode .linearrow{align-items:flex-start;gap:18px}.linearrow .rowchamp{align-self:flex-start;flex:0 0 54px;width:54px;height:54px;padding-top:6px;margin-right:2px}.linearrow .rowchamp .portrait{display:block;width:50px;height:50px;max-width:50px;border-radius:50%;object-fit:cover;padding:2px;background:var(--paper);border:1.5px solid var(--soft);box-shadow:0 0 0 3px #8080800d}.rift .linearrow .rowchamp .portrait{border-color:#c8aa6eaa;box-shadow:0 0 0 3px #c8aa6e0d}@media(max-width:760px){.linearrow,.view-mode .linearrow{gap:14px}.linearrow .rowchamp{flex-basis:50px;width:50px;height:50px}.linearrow .rowchamp .portrait{width:46px;height:46px;max-width:46px}}

.viewersearch{padding:14px 20px;border-bottom:1px solid var(--line);background:#191c2266}.viewersearch[hidden]{display:none}.viewersearch label{margin:0 0 7px;font-size:11px}.viewersearch>div{display:flex;gap:8px;align-items:center}.viewersearch input{margin:0;max-width:480px}.viewersearch button{font-size:11px;white-space:nowrap}.viewersearch>span{display:block;font-size:10px;color:var(--muted);margin-top:8px}.sortable{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.sortable:active{cursor:grabbing}.sortable img{pointer-events:none;-webkit-user-drag:none}.drag-source{opacity:.35}.drop-target{outline:2px solid var(--accent);outline-offset:4px}.item-drag-ghost{position:fixed!important;z-index:10000!important;pointer-events:none!important;opacity:.9!important;width:42px!important;max-width:100px!important;height:auto!important;min-height:36px;box-shadow:0 6px 20px #0008;background:#191e26!important;transform:rotate(4deg);padding:3px!important}.item-drag-ghost.choice-slot{display:flex!important;flex-direction:row!important;width:auto!important}.item-drag-ghost img{width:36px!important;height:36px!important}.item-drag-ghost .choicename,.item-drag-ghost .choicebadge{display:none}.view-mode .slot{cursor:default}@media(max-width:760px){.viewersearch{padding:12px}.viewersearch input{min-width:0}}

/* Align separators to the tallest opponent row in each grid row. */
.linearrows{align-items:stretch}.linearrows>.linearrow{height:100%;align-self:stretch;box-sizing:border-box}