:root{--bg:#15171c;--panel:#1f232b;--panel2:#282d37;--line:#3a4150;--text:#e9ebef;--dim:#adb4c0;--good:#5cc98a;--bad:#ef7175;--warn:#e8b85e;--accent:#6ea8fe;--ult:#c58cff;--boss:#f08c5a;--tank:#64a2ff;--tank-soft:#64a2ff26;--dps:#ff7a6b;--dps-soft:#ff7a6b26;--healer:#55d48e;--healer-soft:#55d48e26;--support:#f0c75e;--support-soft:#f0c75e26;--deep:#0d0e11;--bar:#111318;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--r-sm:6px;--r:10px;--r-lg:14px;--tap:40px;--tap-sm:40px;--close-zone:92px;--ts:1;--app-max:430px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--deep);color:var(--text);font:calc(15px * var(--ts,1))/1.5 -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;-webkit-font-smoothing:antialiased;margin:0}#app{max-width:var(--app-max);background:var(--bg);min-height:100vh;margin:0 auto;padding-bottom:124px}@media (min-width:560px){#app{box-shadow:0 0 0 1px var(--line), 0 0 60px #0000008c}}button{font:inherit;font-size:calc(14px * var(--ts,1));color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);min-height:var(--tap);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-weight:600;line-height:1.25;display:inline-flex}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}button.small{min-height:var(--tap-sm);font-size:calc(13px * var(--ts,1));padding:4px 10px}button.primary{background:var(--accent);color:var(--deep);border-color:var(--accent);font-weight:800}button.primary:hover:not(:disabled){background:#8dbbff;border-color:#8dbbff}button.primary:disabled{background:var(--panel2);color:var(--dim);border-color:var(--line);opacity:1}button.danger{color:var(--bad);background:0 0;border-color:#ef71758c}button.danger:hover:not(:disabled){border-color:var(--bad);background:#ef71751a}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}select{font:inherit;font-size:calc(14px * var(--ts,1));color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);max-width:100%;min-height:36px;padding:6px 8px}select.bad{color:var(--bad);border-color:var(--bad)}h2{font-size:calc(18px * var(--ts,1));margin:0 0 var(--sp2);font-weight:800;line-height:1.35}h3{font-size:calc(15px * var(--ts,1));margin:var(--sp5) 0 var(--sp2);font-weight:800;line-height:1.4}h3 .small{font-weight:400}.section>h3{padding-left:var(--sp2);border-left:3px solid var(--accent)}.section>h3:first-child{margin-top:var(--sp2)}.section>.hint+h3{margin-top:var(--sp4)}.spread>h2{margin-bottom:0}.card h3{font-size:calc(14px * var(--ts,1));margin:var(--sp4) 0 6px;color:var(--text)}h4{font-size:calc(13px * var(--ts,1));margin:var(--sp3) 0 2px;color:var(--dim);font-weight:800}.topbar{z-index:5;grid-template-columns:minmax(0, 1fr) auto var(--close-zone);background:var(--bar);border-bottom:1px solid var(--line);min-height:48px;font-size:calc(14px * var(--ts,1));align-items:center;gap:2px 6px;padding:4px 12px 6px;display:grid;position:sticky;top:0}.topbar.flow{position:static}.topbar .title{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;min-width:0;font-weight:800;overflow:hidden}.topbar .tb-tools{grid-area:1/2;gap:6px;display:flex}.topbar .tb-shell{grid-area:1/3;min-height:40px}.topbar .tb-stats{font-size:calc(13px * var(--ts,1));flex-wrap:wrap;grid-area:2/1/auto/-1;gap:0 12px;line-height:1.4;display:flex}.topbar>:not(.title):not(.tb-tools):not(.tb-shell):not(.tb-stats){grid-column:1/-1}.topbar .ver{color:var(--dim);font-weight:400;font-size:calc(12px * var(--ts,1))}.tb-stat{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.topbar .tnav{flex-wrap:wrap;gap:6px;padding:2px 0;display:flex}.topbar .tnav::-webkit-scrollbar{display:none}.topbar .tnav button{white-space:nowrap;border-radius:999px;flex:none}.section{padding:var(--sp3);border-bottom:1px solid var(--line)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp3);margin-bottom:var(--sp2)}.dim{color:var(--dim)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.info{color:var(--dim)}.ult{color:var(--ult)}.boss{color:var(--boss)}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spread{justify-content:space-between;align-items:center;gap:6px;display:flex}.grow{flex:1;min-width:0}.tag{background:var(--panel2);border:1px solid var(--line);font-size:calc(12px * var(--ts,1));border-radius:12px;margin:2px 3px 2px 0;padding:1px 8px;line-height:1.6;display:inline-block}.tag.good{color:var(--good);border-color:#5cc98a73}.tag.bad{color:var(--bad);border-color:#ef717573}.tag.warn{color:var(--warn);border-color:#e8b85e73}.quote{border-left:3px solid var(--line);color:#d3d7de;font-size:calc(14px * var(--ts,1));margin:10px 0;padding:2px 0 2px 10px}.small{font-size:calc(13px * var(--ts,1))}.hint{font-size:calc(13px * var(--ts,1));color:var(--dim);background:var(--panel);border:1px dashed var(--line);border-radius:var(--r);padding:var(--sp2) 10px}.empty-state{text-align:center;padding:var(--sp5) var(--sp3)}.empty-state b{font-size:calc(16px * var(--ts,1));margin-bottom:4px;display:block}.role-tank{--role:var(--tank);--role-soft:var(--tank-soft)}.role-dps{--role:var(--dps);--role-soft:var(--dps-soft)}.role-healer{--role:var(--healer);--role-soft:var(--healer-soft)}.role-support{--role:var(--support);--role-soft:var(--support-soft)}.role-badge{font-size:calc(12px * var(--ts,1));white-space:nowrap;vertical-align:middle;color:var(--role,var(--dim));background:var(--role-soft,var(--panel2));border-radius:999px;align-items:center;gap:3px;padding:0 8px;font-weight:700;line-height:1.7;display:inline-flex}.role-name{color:var(--role,var(--text));white-space:nowrap;font-weight:700}.bottombar{width:100%;max-width:var(--app-max);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);z-index:5;background:#111318f7;flex-wrap:wrap;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 18px #00000059}.bottombar button{flex:1;min-height:46px;padding:10px}.bottombar button.primary{font-size:calc(15px * var(--ts,1));flex:1.7}.bb-note{font-size:calc(13px * var(--ts,1));color:var(--bad);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;font-weight:600;overflow:hidden}details.fold{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:var(--sp2)}details.fold>summary{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;min-height:46px;padding:10px 12px;font-weight:800;list-style:none;display:flex}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:after{content:"▾";color:var(--dim);margin-left:auto;transition:transform .15s}details.fold:not([open])>summary:after{transform:rotate(-90deg)}details.fold>summary .small{font-weight:400}details.fold[open]>summary{border-bottom:1px solid var(--line)}.fold-body{padding:var(--sp3)}.fold-body>.card{background:var(--bg)}.fold-body>.card:last-child{margin-bottom:0}.hero{padding:var(--sp4);border-top:3px solid var(--warn)}.kicker{font-size:calc(12px * var(--ts,1));color:var(--warn);letter-spacing:.06em;font-weight:800}.hero h2{font-size:calc(20px * var(--ts,1));margin:4px 0 2px}.meta,.kpis{margin-top:var(--sp3);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.meta>div,.kpi{background:var(--panel2);border-radius:var(--r-sm);text-align:center;min-width:0;padding:8px 4px}.meta b,.kpi b{font-size:calc(17px * var(--ts,1));font-variant-numeric:tabular-nums;line-height:1.3;display:block}.meta span,.kpi span{font-size:calc(12px * var(--ts,1));color:var(--dim)}.route{margin:0;padding:0;list-style:none}.route li{border-bottom:1px dashed var(--line);grid-template-columns:26px 1fr;gap:10px;padding:8px 0;display:grid}.route li:first-child{padding-top:0}.route li:last-child{border-bottom:0;padding-bottom:0}.rt-n{background:var(--panel2);border:1px solid var(--line);width:26px;height:26px;color:var(--dim);font-size:calc(12px * var(--ts,1));border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.route li.boss-node .rt-n{border-color:var(--boss);color:var(--boss)}.route li.known .rt-n{border-color:var(--accent);color:var(--text)}.route .small{margin-top:2px}.reward-box .big{font-size:calc(26px * var(--ts,1));color:var(--warn);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.jr{border-bottom:1px dashed var(--line);font-size:calc(13px * var(--ts,1));align-items:baseline;gap:6px;padding:6px 0;display:flex}.jr:last-child{border-bottom:0}.jr .tag{flex:none}.stickyhead{z-index:6;background:var(--bg);position:sticky;top:0;box-shadow:0 6px 14px #0006}.stickyhead .topbar{position:static}.slots-bar{background:var(--bg);padding:8px 12px 6px}.slots{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.slot{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--role,var(--line));border-radius:var(--r-sm);min-width:0;min-height:92px;font-size:calc(11px * var(--ts,1));text-align:center;cursor:pointer;flex-direction:column;gap:1px;padding:3px 3px 4px;line-height:1.3;display:flex}.slot.empty{border:1px dashed var(--line);background:0 0}.slot.sel{box-shadow:0 0 0 2px var(--accent);background:#232a36}.slot .num{color:var(--dim);word-break:keep-all;font-weight:700}.slot .nm{font-weight:800;font-size:calc(13px * var(--ts,1));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot .cls{color:var(--role,var(--dim));word-break:keep-all;overflow-wrap:anywhere;font-weight:700}.slot .tmarks{font-size:calc(10px * var(--ts,1));white-space:nowrap;text-overflow:ellipsis;line-height:1.25;display:block;overflow:hidden}.slot .tmarks i{font-style:normal}.slot .tmarks i+i:before{content:"·";color:var(--dim)}.slot .plus{color:var(--dim);margin:auto 0}.slot .plus b{font-size:calc(18px * var(--ts,1));font-weight:400;line-height:1;display:block}.ftabs{background:var(--bg);border-bottom:1px solid var(--line);gap:4px;padding:0 12px 8px;display:flex}.ftab{min-width:0;min-height:48px;font-size:calc(13px * var(--ts,1));white-space:nowrap;color:var(--dim);background:var(--panel);border-color:var(--line);flex-direction:column;flex:auto;gap:1px;padding:4px 6px}.ftab .ft-n{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;line-height:1.2}.ftab.on{color:var(--text);background:var(--panel2);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.ft-s{font-size:calc(12px * var(--ts,1));min-height:14px;font-weight:800;line-height:1.2}.ft-s i{font-style:normal}.ft-s i+i{margin-left:4px}.form-body{border-bottom:0}.check li{border-bottom:1px dashed var(--line);padding:5px 0;list-style:none}.check li:last-child{border-bottom:0;padding-bottom:0}.check li:first-child{padding-top:0}.check{margin:0;padding:0}.issues li{cursor:pointer}.issues .go{color:var(--accent);white-space:nowrap}.ready{color:var(--good);text-align:center;font-weight:700}.opt{border-bottom:1px dashed var(--line);cursor:pointer;align-items:flex-start;gap:6px;padding:4px 0;display:flex}.opt:last-child{border-bottom:0}.opt input{margin-top:3px}.roster-item{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.roster-item:last-child{border-bottom:0}.card>.roster-item:first-child{padding-top:0}.card>.roster-item:last-child{padding-bottom:0}.cost-total{font-size:calc(18px * var(--ts,1));font-variant-numeric:tabular-nums;font-weight:800}.qty{flex:none;gap:8px}.qty b{text-align:center;min-width:18px;font-size:calc(16px * var(--ts,1));font-variant-numeric:tabular-nums}.list{gap:var(--sp2);flex-direction:column;display:flex}.list-head{margin:var(--sp2) 0 6px}.adv-item{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--role,var(--line));border-radius:var(--r);padding:10px 10px 10px 12px}.adv-item>.roster-item{border-bottom:0;align-items:flex-start;padding:0}.adv-item.hurt{background:#2a1f23}.adv-item.placed{opacity:.7}.who{flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.who .nm{font-size:calc(16px * var(--ts,1));font-weight:800}.adv-item .detail{margin:10px 0 0}.acts{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:6px;max-width:48%;display:flex}.need{font-size:calc(12px * var(--ts,1));color:var(--dim)}.detail{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:calc(13px * var(--ts,1));margin-bottom:8px;padding:10px}.stats{flex-wrap:wrap;gap:2px 12px;margin-top:4px;display:flex}.dl{border-top:1px dashed var(--line);padding:6px 0}h4+.dl,.card>.dl:first-child{border-top:0}.codex-sec{scroll-margin-top:108px}.cls-card{border-left:4px solid var(--role,var(--line))}.cls-card h2{align-items:center;gap:8px;display:flex}.track{flex-wrap:wrap;gap:4px;display:flex}.track .node{font-size:calc(12px * var(--ts,1));background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:2px 6px}.track .node.cur{border-color:var(--accent);color:var(--accent)}.track .node.ok{border-color:var(--good);color:var(--good)}.track .node.ng{border-color:var(--bad);color:var(--bad)}.bar{background:var(--deep);border-radius:4px;height:8px;position:relative;overflow:hidden}.bar>i{background:var(--good);position:absolute;top:0;bottom:0;left:0}.bar>i.shield{background:#c8dcff8c}.bar.enemy>i{background:var(--bad)}.bar.gauge>i{background:var(--ult)}.bar.cast>i{background:var(--warn)}.bar.thick{height:12px}.unit{background:var(--panel);border:1px solid var(--line);font-size:calc(11px * var(--ts,1));border-radius:6px;flex-direction:column;gap:3px;padding:4px;display:flex}.unit.dead{opacity:.35}.unit.front{border-color:var(--bad)}.party{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.log{background:var(--deep);height:220px;font-size:calc(12px * var(--ts,1));border-radius:6px;padding:6px;overflow-y:auto}.log div{padding:1px 0}.speed button.on{border-color:var(--accent);color:var(--accent)}.stat-row{font-size:calc(12px * var(--ts,1));grid-template-columns:56px 1fr 52px;align-items:center;gap:6px;margin:2px 0;display:grid}.sum{text-align:center;padding:var(--sp4) var(--sp3);border-top:4px solid var(--line)}.sum.out-good{border-top-color:var(--good);background:linear-gradient(#5cc98a1a, transparent 120px), var(--panel)}.sum.out-bad{border-top-color:var(--bad);background:linear-gradient(#ef71751a, transparent 120px), var(--panel)}.sum.out-warn{border-top-color:var(--warn);background:linear-gradient(#e8b85e1a, transparent 120px), var(--panel)}.sum-icon{font-size:calc(34px * var(--ts,1));line-height:1}.sum-title{font-size:calc(26px * var(--ts,1));margin:6px 0 0}.sum-line{font-size:calc(15px * var(--ts,1));margin:8px 0 0}.sum-pay{margin-top:8px}.sum-causes{margin:var(--sp3) 0 0;text-align:left;padding:0;list-style:none}.sum-causes li{border-top:1px dashed var(--line);font-size:calc(13px * var(--ts,1));grid-template-columns:20px 1fr;gap:6px;padding:6px 0;display:grid}.res .stat-row{font-size:calc(13px * var(--ts,1));grid-template-columns:84px 1fr 52px}.res .stat-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.res .card h3:first-of-type{margin-top:var(--sp2)}[data-drag]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.grip{touch-action:none;cursor:grab}.grip:not(.mk):not(.chip):not(.num){color:var(--dim);margin:-6px 0 -6px -6px;padding:6px 4px 6px 6px;display:inline-block}body.dragging,body.dragging *{cursor:grabbing!important}.drag-ghost{z-index:50;pointer-events:none;background:var(--panel2);max-width:240px;color:var(--text);border:1px solid var(--accent);font-size:calc(13px * var(--ts,1));opacity:.94;white-space:nowrap;border-radius:8px;margin:0;padding:6px 10px;top:0;left:0;box-shadow:0 6px 18px #0000008c;position:fixed!important;transform:none!important}.ghost-hint{color:var(--warn);font-weight:700}.drag-src{opacity:.4}.picked{outline:2px dashed var(--warn);outline-offset:1px}.drop-ok{outline-offset:-2px;outline:2px dashed #6ea8febf}.drop-hover{outline:2px solid var(--good)!important;background-color:#5cc98a1f!important}.bench-pop{display:none}body.drag-slot .bench-pop{z-index:40;width:calc(100% - 24px);max-width:calc(var(--app-max) - 24px);border:2px dashed var(--bad);border-radius:var(--r);height:56px;color:var(--bad);background:#281214f0;justify-content:center;align-items:center;font-weight:800;display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}.ed-head{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.ed-head h2{margin:0}.editor{border-left:4px solid var(--role,var(--line))}.eq-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.eq{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:calc(13px * var(--ts,1));min-width:0;padding:8px}.eq.wide{grid-column:1/-1}.eq.empty{background:0 0;border-style:dashed}.eq.s0{border-left:3px solid var(--accent)}.eq.s1{border-left:3px solid var(--good)}.eq.ultc{border-left:3px solid var(--ult)}.eq-lab{font-size:calc(12px * var(--ts,1));color:var(--dim);align-items:center;gap:4px;font-weight:700;display:flex}.eq-lab span{margin-left:auto;font-weight:400}.eq .small{font-size:calc(12px * var(--ts,1))}.order{background:var(--deep);font-size:calc(12px * var(--ts,1));border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;padding:4px 6px;display:flex}.order.auto{color:var(--dim)}.order.condition{color:var(--warn)}.order.timeline{color:var(--accent)}.order .x{min-width:var(--tap-sm);min-height:var(--tap-sm);margin-left:auto;padding:0 8px}.order select{font-size:calc(12px * var(--ts,1));min-height:var(--tap-sm);padding:1px 26px 1px 8px}.conds{flex-wrap:wrap;gap:6px;display:flex}.cond-card{border:1px solid var(--warn);min-height:32px;font-size:calc(12px * var(--ts,1));background:var(--panel2);color:var(--warn);cursor:grab;border-radius:999px;align-items:center;gap:2px;padding:4px 10px;font-weight:600;display:inline-flex}.cond-card.instant{border-color:var(--line);color:var(--dim)}.pool{border:1px dashed var(--line);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.pool-lab{font-size:calc(12px * var(--ts,1));color:var(--dim);grid-column:1/-1;margin-top:4px;font-weight:800}.pool-lab:first-child{margin-top:0}.pc{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:calc(13px * var(--ts,1));cursor:grab;min-width:0;padding:6px 8px;line-height:1.4}.pc.on{border-color:var(--accent);background:#26303f}.pc .tag{font-size:calc(12px * var(--ts,1));color:var(--accent);margin:0 0 0 2px;padding:0 6px;line-height:1.5}.pc .small{font-size:calc(12px * var(--ts,1))}.pc.locked{opacity:.6;cursor:default}@media (max-width:340px){.pool,.eq-grid{grid-template-columns:1fr}}.tl{font-size:calc(10px * var(--ts,1));margin:6px 0 4px}.tl-row{grid-template-columns:54px 1fr;align-items:center;display:grid}.tl-lab{white-space:nowrap;text-overflow:ellipsis;color:var(--dim);font-size:calc(11px * var(--ts,1));cursor:pointer;border-radius:4px;padding:2px 3px 2px 2px;overflow:hidden}.tl-lab .role-name{font-weight:600}.tl-row.sel .tl-lab{background:var(--role-soft,#6ea8fe26);box-shadow:inset 2px 0 0 var(--accent)}.tl-row.sel .tl-lab .role-name{font-weight:800}.tl-track{border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(to right, #ffffff12 1px, transparent 1px) 0 0 / var(--grid) 100%;height:42px;position:relative}.tl-row.sel .tl-track{background-color:#6ea8fe12}.tl-track.boss{background-color:#f08c5a14;height:38px}.tl-track.drop-hover:after{content:"";top:0;bottom:0;left:var(--gx,0);border-left:1px solid var(--warn);position:absolute}.tl-axis{height:14px;position:relative}.tl-axis span{color:var(--dim);font-size:calc(10px * var(--ts,1));position:absolute;transform:translate(-50%)}.tl-axis span:first-child{transform:none}.tl-axis span:last-child{transform:translate(-100%)}.tl-note{color:var(--bad);position:absolute;top:14px;left:4px}.bev{font-style:normal;font-size:calc(10px * var(--ts,1));cursor:pointer;line-height:12px;position:absolute;transform:translate(-50%)}.bev.r0{top:0}.bev.r1{top:12px}.bev.r2{z-index:1;top:24px}.tl.plan .tl-track.boss{height:46px}.tl.plan .tl-track.boss .bev{font-size:calc(13px * var(--ts,1));padding:0 1px;line-height:15px}.tl.plan .tl-track.boss .bev.r0{top:0}.tl.plan .tl-track.boss .bev.r1{top:15px}.tl.plan .tl-track.boss .bev.r2{top:30px}.tl.plan .tl-track.boss .bblk{height:13px;line-height:13px;font-size:calc(10px * var(--ts,1));top:32px}.bblk{cursor:pointer}.pat-legend{flex-wrap:wrap;gap:4px 6px;margin:2px 0 6px;display:flex}.pat-chip{border:1px solid var(--line);background:var(--panel2);font-size:calc(12px * var(--ts,1));cursor:pointer;border-radius:999px;align-items:baseline;gap:4px;padding:3px 8px;line-height:1.35;display:inline-flex}.pat-chip b{font-weight:700}.pat-chip small{color:var(--dim);font-size:calc(11px * var(--ts,1))}.pat-chip.cast{border-color:#8a5fb0}.pat-chip.shield{border-color:#4fa3c9}.bblk{height:11px;font-style:normal;font-size:calc(8px * var(--ts,1));border-radius:2px;line-height:11px;position:absolute;top:25px;overflow:hidden}.bblk.cocoon{background:#c8dcff38}.bblk.breath{background:#e8b85e8c}.mk{z-index:2;min-width:12px;height:12px;font-size:calc(9px * var(--ts,1));text-align:center;color:var(--deep);cursor:grab;border-radius:3px;padding:0 2px;font-weight:700;line-height:12px;position:absolute;transform:translate(-50%)}.mk.s0{background:var(--accent);top:1px}.mk.s1{background:var(--good);top:15px}.mk.u{background:var(--ult);top:28px}.mk.late{box-shadow:0 0 0 2px var(--bad)}.cdspan{opacity:.35;border-radius:2px;height:3px;position:absolute}.cdspan.s0{background:var(--accent);top:6px}.cdspan.s1{background:var(--good);top:20px}.cdspan.u{background:var(--ult);top:33px}.delay{border-top:1px dashed var(--bad);height:0;position:absolute}.delay.s0{top:7px}.delay.s1{top:21px}.delay.u{top:34px}.palette{border-top:1px dashed var(--line);margin-top:10px;padding-top:8px}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{min-height:32px;font-size:calc(12px * var(--ts,1));color:var(--deep);cursor:grab;border-radius:999px;align-items:center;gap:3px;padding:4px 10px;font-weight:800;display:inline-flex}.chip.s0{background:var(--accent)}.chip.s1{background:var(--good)}.chip.u{background:var(--ult)}.chip.full{opacity:.4;cursor:default}.chip small{font-weight:500}.legend{margin-top:6px}.dot{z-index:2;border-radius:50%;width:6px;height:6px;font-style:normal;position:absolute;transform:translate(-50%)}.dot.s0{background:var(--accent);top:4px}.dot.s1{background:var(--good);top:18px}.dot.star{width:auto;height:auto;color:var(--ult);font-size:calc(11px * var(--ts,1));background:0 0;line-height:12px;top:27px}.tick{width:9px;height:9px;font-style:normal;font-size:calc(8px * var(--ts,1));text-align:center;z-index:1;border:1.5px solid;border-radius:2px;line-height:7px;position:absolute;transform:translate(-50%)}.tick.s0{border-color:var(--accent);top:2px}.tick.s1{border-color:var(--good);top:16px}.tick.u{border-color:var(--ult);top:28px}.tick.bad{border-color:var(--bad);color:var(--bad)}.gone{z-index:3;background:#00000080;position:absolute;top:0;bottom:0}.k{font-size:calc(9px * var(--ts,1))}.k.s0{color:var(--accent)}.k.s1{color:var(--good)}.region-done{background:linear-gradient(180deg, #5cc98a1a, transparent 70%), var(--panel);border-color:#5cc98a8c}.region-done .small{margin-top:4px;line-height:1.5}.bv [hidden],.runbar [hidden]{display:none!important}.bv{isolation:isolate;--tsb:min(var(--ts,1), 1.15);flex-direction:column;gap:8px;display:flex;position:relative}.bv-head{flex-direction:column;gap:5px;display:flex}.bv-title{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.bv-title>b{font-size:calc(15px * var(--tsb,1));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bv-time{color:var(--dim);font-size:calc(12px * var(--tsb,1));white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.bv-time b{color:var(--text);font-size:calc(20px * var(--tsb,1))}.bv-strip{cursor:pointer;touch-action:manipulation;border:1px solid var(--line);background:#0d0e11 linear-gradient(to right, #ffffff12 1px, transparent 1px) 0 0 / var(--grid,10%) 100%;border-radius:6px;height:34px;position:relative;overflow:hidden}.bv-done{background:#6ea8fe1a;position:absolute;top:0;bottom:0;left:0}.bv-pin{font-style:normal;font-size:calc(12px * var(--tsb,1));line-height:14px;position:absolute;top:1px;transform:translate(-50%)}.bv-blk{height:8px;font-style:normal;font-size:calc(7px * var(--tsb,1));text-align:center;border-radius:2px;line-height:8px;position:absolute;top:15px;overflow:hidden}.bv-blk.cocoon{background:#c8dcff61}.bv-blk.breath{background:#e5b45ccc}.bv-strip .past{opacity:.3}.bv-evm{font-style:normal;font-size:calc(10px * var(--tsb,1));line-height:11px;position:absolute;top:22px;transform:translate(-50%)}.bv-evm.ult{color:var(--ult);font-weight:700}.bv-evm.fall{color:var(--bad)}.bv-ph{background:var(--text);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #ffffffb3}.bv-next{height:36px;font-size:calc(12px * var(--tsb,1));flex-wrap:wrap;align-content:flex-start;align-items:center;gap:2px 8px;line-height:17px;display:flex;overflow:hidden}.bv-next .lab{color:var(--dim);font-weight:700}.bv-next .it{white-space:nowrap}.bv-next .it.soon{color:var(--warn);font-weight:700}.bv-next .it.urgent{color:#0d0e11;background:var(--warn);border-radius:4px;padding:0 5px;font-weight:800;animation:.45s ease-in-out infinite alternate bv-blink}.bv-next .dim{color:var(--dim)}.bv-foes{gap:6px;padding-bottom:6px;display:grid;position:relative}.bv-foes.pack{grid-template-columns:repeat(3,minmax(0,1fr))}.be{min-width:0;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;padding:6px 7px 8px;display:flex;position:relative}.be.is-boss{border-color:#f08c5a8c;padding:8px 10px 10px}.be.dead{opacity:.35}.be-top{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.be-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(12px * var(--tsb,1));overflow:hidden}.be.is-boss .be-name{color:var(--boss);font-size:calc(15px * var(--tsb,1))}.be-tgt{color:var(--bad);font-size:calc(12px * var(--tsb,1));white-space:nowrap;flex:none;font-weight:700}.be-hp{background:#0d0e11;border-radius:4px;height:14px;position:relative;overflow:hidden}.be.is-boss .be-hp{border-radius:5px;height:22px}.be-hpf{background:linear-gradient(#f0787c,#c4444a);transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.be-sh,.bu-sh{background:repeating-linear-gradient(135deg,#cde4fff2 0 3px,#8cb9ffb3 3px 6px);position:absolute;top:0;bottom:0}.be-hpt{color:#fff;font-size:calc(10px * var(--tsb,1));text-shadow:0 1px 2px #000,0 0 2px #000;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.be.is-boss .be-hpt{font-size:calc(12px * var(--tsb,1))}.be-cast{border:1px solid var(--warn);background:#e5b45c24;border-radius:6px;padding:4px 6px;animation:.5s ease-in-out infinite alternate bv-castpulse}.be-castl{flex-wrap:wrap;justify-content:space-between;gap:0 6px;display:flex}.be-castn{color:var(--warn);font-weight:800;font-size:calc(13px * var(--tsb,1))}.be-casts{color:var(--text);font-size:calc(11px * var(--tsb,1))}.be-castb{background:#0d0e11;border-radius:4px;height:9px;margin-top:3px;position:relative;overflow:hidden}.be-castb>i{background:var(--warn);position:absolute;top:0;bottom:0;left:0}.be-trait{font-size:calc(10px * var(--tsb,1));color:var(--good,#7bd389);white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:0 6px}.be-cast.locked{border-color:var(--dim,#8a8f99);animation:none}.be-cast.locked .be-castn{color:var(--dim,#8a8f99)}.be-cast.locked .be-castb>i{background:var(--dim,#8a8f99)}.be.is-boss .be-mid{flex-direction:column;justify-content:center;min-height:46px;display:flex}.be.is-boss .be-atk{flex-direction:column;align-items:stretch;gap:3px}.be-atk{min-width:0;font-size:calc(10px * var(--tsb,1));color:var(--dim);align-items:center;gap:6px;display:flex}.be-atkl{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:60%;overflow:hidden}.be.is-boss .be-atkl{max-width:none;font-size:calc(11px * var(--tsb,1))}.pack .be-atkl{color:var(--bad)}.be-atkb{background:#0d0e11;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.be.is-boss .be-atkb{flex:none;height:6px}.be-atkb>i{background:var(--bad);opacity:.85;position:absolute;top:0;bottom:0;left:0}.be-chips{flex-wrap:wrap;gap:3px;min-height:16px;display:flex}.bv-chip{border:1px solid var(--line);background:var(--panel2);font-size:calc(10px * var(--tsb,1));white-space:nowrap;border-radius:7px;padding:0 5px;line-height:14px;display:inline-block}.bv-chip.good{color:var(--good);border-color:#5cc98a80}.bv-chip.bad{color:var(--bad);border-color:#e5676b80}.bv-chip.warn{color:var(--warn);border-color:#e5b45c80}.bv-chip.cold{color:#b9d4ff;border-color:#b9d4ff73}.bv-chip.poison{color:#d59cff;border-color:#d59cff73}.bv-chip.dim{color:var(--dim)}.bv-party{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding-bottom:8px;display:grid}.bu{--rc:var(--line);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--rc);min-width:0;font-size:calc(10px * var(--tsb,1));border-radius:7px;flex-direction:column;gap:3px;padding:3px 4px 6px;display:flex;position:relative}.bu.tank{--rc:var(--tank,#6ea8fe)}.bu.dps{--rc:var(--dps,#f08c5a)}.bu.healer{--rc:var(--healer,#5cc98a)}.bu.support{--rc:var(--support,#e5b45c)}.bu.front{box-shadow:0 0 0 1px var(--bad), 0 0 8px #e5676b59}.bu.dead{opacity:.4;filter:grayscale(.8)}.bu-top{align-items:center;gap:3px;min-width:0;display:flex}.bu-slot{color:var(--dim);font-size:calc(10px * var(--tsb,1));background:#0d0e11;border-radius:5px;flex:none;padding:0 3px;font-weight:800;line-height:14px}.bu.front .bu-slot{background:var(--bad);color:#0d0e11}.bu-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(11px * var(--tsb,1));font-weight:700;overflow:hidden}.bu-role{color:var(--rc);margin-right:1px;font-style:normal}.bu-flags{height:13px;font-size:calc(10px * var(--tsb,1));white-space:nowrap;gap:3px;line-height:13px;display:flex;overflow:hidden}.bu-aim{color:var(--bad)}.bu-warn{color:var(--warn);font-weight:800}.bu-warn.now{color:var(--bad);animation:.3s ease-in-out infinite alternate bv-blink}.bu-hp{background:#0d0e11;border-radius:3px;height:10px;position:relative;overflow:hidden}.bu-hpf{background:var(--good);transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.bu.low .bu-hpf{background:var(--warn)}.bu-hpt{text-align:center;white-space:nowrap;font-size:calc(10px * var(--tsb,1));letter-spacing:-.2px;font-variant-numeric:tabular-nums;overflow:hidden}.bu-chips{flex-wrap:wrap;align-content:flex-start;gap:2px;min-height:28px;display:flex}.bu .bv-chip{font-size:calc(9px * var(--tsb,1));padding:0 3px;line-height:11px}.bu-basic{background:#0d0e11;border-radius:2px;height:3px;position:relative;overflow:hidden}.bu-basic>i{background:var(--text);opacity:.75;position:absolute;top:0;bottom:0;left:0}.bu-basic.off{visibility:hidden}.bu-pip{border:1px solid var(--line);height:15px;font-size:calc(9.5px * var(--tsb,1));letter-spacing:-.3px;background:#0d0e11;border-radius:4px;justify-content:space-between;align-items:center;gap:2px;padding:0 3px;line-height:13px;display:flex;position:relative;overflow:hidden}.bu-pip>i{opacity:.35;position:absolute;top:0;bottom:0;left:0}.bu-pip.p0>i{background:var(--accent)}.bu-pip.p1>i{background:var(--good)}.bu-pip>span{white-space:nowrap;position:relative;overflow:hidden}.bu-pn{text-overflow:ellipsis;min-width:0}.bu-pc{text-align:right;min-width:2em;color:var(--dim);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.bu-pip.is-ready>i{opacity:.55}.bu-pip.is-ready.p0{border-color:var(--accent)}.bu-pip.is-ready.p1{border-color:var(--good)}.bu-pip.is-ready .bu-pc{color:var(--text);font-weight:700}.bu-pip.is-held{border:1px dashed var(--warn)}.bu-pip.is-held>i{opacity:.2}.bu-pip.is-held .bu-pc{color:var(--warn);font-weight:800}.bu-pip.is-spent>i{opacity:.12}.bu-pip.is-spent .bu-pc{color:var(--dim)}.bu-ult{background:#0d0e11;border:1px solid #c58cff59;border-radius:4px;height:13px;position:relative;overflow:hidden}.bu-ult>i{background:linear-gradient(90deg, #7f52c9, var(--ult));position:absolute;top:0;bottom:0;left:0}.bu-ul{text-align:center;font-size:calc(9px * var(--tsb,1));text-shadow:0 1px 2px #000;font-weight:700;line-height:11px;display:block;position:relative}.bu-ult.full{border-color:var(--ult);box-shadow:0 0 7px var(--ult);animation:.8s ease-in-out infinite alternate bv-glow}.bu-ult.held{border:1px dashed var(--warn);box-shadow:none;animation:none}.bu-ult.held .bu-ul{color:var(--warn)}.bu-absent{color:var(--dim);font-size:calc(10px * var(--tsb,1));margin-top:6px;line-height:1.3}.bv-act{z-index:6;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);max-width:160%;font-size:calc(10px * var(--tsb,1));opacity:0;background:#0d0e11;border-radius:8px;padding:0 6px;line-height:15px;position:absolute;bottom:-9px;left:50%;overflow:hidden;transform:translate(-50%)}.be .bv-act{font-size:calc(11px * var(--tsb,1));bottom:-8px}.bv-act.show{animation:.9s ease-out forwards bv-act}.bv-act.basic{color:var(--text)}.bv-act.skill{color:#ffd166;border-color:#ffd16699;font-weight:700}.bv-act.ult{color:var(--ult);border-color:var(--ult);font-size:calc(11px * var(--tsb,1));font-weight:800;box-shadow:0 0 6px #c58cff99}.bv-act.foe{color:var(--bad);border-color:#e5676b8c}.bv-act.foe.strong{color:#0d0e11;background:var(--bad);border-color:var(--bad);font-weight:800}.bu.lunge{animation:.18s ease-out bv-lunge-up}.be.lunge{animation:.18s ease-out bv-lunge-dn}.bu:after,.be:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:-1px}.bu.hit:after,.be.hit:after{animation:.3s ease-out bv-hit}.bu.cast:after{animation:.45s ease-out bv-cast}.bv-fx{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:visible}.bv-float{white-space:nowrap;pointer-events:none;font-size:calc(13px * var(--tsb,1));text-shadow:0 1px 2px #000,0 0 3px #000;opacity:0;font-weight:800;animation:1s ease-out forwards bv-float;position:absolute;top:28%;transform:translate(-50%)}.be.is-boss .bv-float{font-size:calc(15px * var(--tsb,1));top:22%}.f-basic{color:#fff}.f-counter{color:#ffb08a}.f-skill{color:#ffd166}.bv-float.f-skill{font-size:calc(14px * var(--tsb,1))}.f-ult{color:var(--ult)}.bv-float.f-ult{font-size:calc(19px * var(--tsb,1));font-weight:900}.f-taken{color:#ff6b6f}.f-heal{color:#6fe39f}.f-ab,.f-shield{color:#a9d0ff}.bv-float.f-ab,.bv-float.f-shield{font-size:calc(11px * var(--tsb,1))}.f-poison{color:#d59cff}.bv-float.f-poison{font-size:calc(11px * var(--tsb,1))}.f-dot{color:#b6e36f}.bv-float.f-dot{font-size:calc(11px * var(--tsb,1))}.bv-burst{white-space:nowrap;pointer-events:none;font-size:calc(17px * var(--tsb,1));text-shadow:0 1px 3px #000,0 0 6px #000;opacity:0;font-weight:900;animation:.9s ease-out forwards bv-burst;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.bu .bv-burst{font-size:calc(12px * var(--tsb,1))}.bv-burst.good{color:var(--good)}.bv-burst.bad{color:var(--bad)}.bv-burst.warn{color:var(--warn)}.bv-burst.cold{color:#b9d4ff}.bv-banner{z-index:9;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--ult);color:#fff;max-width:100%;font-size:calc(14px * var(--tsb,1));opacity:0;text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#3c1e64f2,#8c5ad2f2,#3c1e64f2);border-radius:14px;padding:4px 14px;font-weight:900;position:absolute;top:-6px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 14px #c58cffb3}.bv-banner.show{animation:.9s ease-out forwards bv-banner}@keyframes bv-lunge-up{45%{transform:translateY(-7px)scale(1.04)}}@keyframes bv-lunge-dn{45%{transform:translateY(7px)scale(1.01)}}@keyframes bv-hit{0%{opacity:1;box-shadow:0 0 0 2px var(--bad);background:#e5676b73}to{opacity:0}}@keyframes bv-cast{0%{opacity:1;box-shadow:0 0 0 2px #ffd166,0 0 10px #ffd16699}to{opacity:0}}@keyframes bv-act{0%{opacity:0;transform:translate(-50%,4px)}12%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}@keyframes bv-float{0%{opacity:0;transform:translate(-50%,6px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.15)}30%{opacity:1;transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-30px)}}@keyframes bv-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}35%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes bv-banner{0%{opacity:0;transform:translate(-50%,-6px)scale(.9)}15%{opacity:1;transform:translate(-50%)scale(1.05)}25%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)}}@keyframes bv-glow{0%{box-shadow:0 0 3px var(--ult)}to{box-shadow:0 0 10px var(--ult)}}@keyframes bv-castpulse{0%{box-shadow:0 0 #e5b45c00}to{box-shadow:0 0 10px #e5b45c8c}}@keyframes bv-blink{0%{opacity:1}to{opacity:.55}}@keyframes bv-fade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}#app[data-motion=reduced] .bu.lunge,#app[data-motion=reduced] .be.lunge{animation:none!important}#app[data-motion=reduced] .bv-float,#app[data-motion=reduced] .bv-burst,#app[data-motion=reduced] .bv-act.show,#app[data-motion=reduced] .bv-banner.show{opacity:1;animation-name:bv-fade!important;animation-duration:var(--fx-ms,.9s)!important;animation-timing-function:linear!important}#app[data-motion=reduced] .bv-float{transform:translate(-50%)}#app[data-motion=reduced] .bv-burst{transform:translate(-50%,-50%)}#app[data-motion=reduced] .bv-act.show,#app[data-motion=reduced] .bv-banner.show{transform:translate(-50%)}#app[data-motion=reduced] .bu.hit:after,#app[data-motion=reduced] .be.hit:after{opacity:1;box-shadow:0 0 0 1px var(--bad);background:0 0;animation:none!important}#app[data-motion=reduced] .bu.cast:after,#app[data-motion=reduced] .be-cast,#app[data-motion=reduced] .bu-ult.full,#app[data-motion=reduced] .bu-warn.now,#app[data-motion=reduced] .bv-next .it.urgent{animation:none!important}#app[data-motion=reduced] .be-hpf,#app[data-motion=reduced] .bu-hpf{transition:none!important}.bv-legend{color:var(--dim);font-size:calc(11px * var(--tsb,1));line-height:1.5}.bv-legend summary{min-height:var(--tap-sm);cursor:pointer;color:var(--text);font-size:calc(12px * var(--tsb,1));align-items:center;padding:2px 0;display:flex}.bv-legend>div{margin:2px 0 2px 12px}.bv-legend span{font-size:inherit;font-weight:inherit}.bv-legend .warn{color:var(--warn)}.bv-legend .ult{color:var(--ult)}.bv-legend .bad{color:var(--bad)}.bv-log{border:1px solid var(--line);background:#0d0e11;border-radius:8px}.bv-tabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:4px 6px;display:flex}.bv-tabs button{min-height:var(--tap-sm);font-size:calc(13px * var(--tsb,1));border-radius:15px;padding:2px 14px}.bv-tabs button.on{border-color:var(--accent);color:var(--accent);font-weight:700}.bv-tabnote{color:var(--dim);font-size:calc(10px * var(--tsb,1));margin-left:auto}.bv-lines{height:210px;font-size:calc(12px * var(--tsb,1));padding:4px 8px;line-height:1.45;overflow-y:auto}.bv-lines:empty:before{content:"전투 시작";color:var(--dim)}.ln{padding:1px 0}.ln .lt{color:var(--dim);font-size:calc(10px * var(--tsb,1));font-variant-numeric:tabular-nums;margin-right:5px}.ln.ev{font-weight:600}.ln.ev.boss{color:var(--boss)}.ln.ev.good{color:var(--good)}.ln.ev.bad{color:var(--bad)}.ln.ev.ult{color:var(--ult)}.ln.a-basic,.ln.a-dot,.ln.a-use{color:#b5bbc6}.ln.a-skill{color:#ffd166}.ln.a-ult{color:var(--ult)}.ln.a-enemy{color:#ef9a9c}.ln.a-strike{color:var(--bad);font-weight:600}.ln.a-heal{color:#7fd9a4}.ln.a-shield{color:#a9d0ff}.ln.a-poison{color:#c99ae8}#app[data-screen=run]{padding-bottom:200px}.runbar .rb-dlg{flex-basis:100%;order:-1;min-width:0}.runbar .rb-dlg:empty{display:none}.runbar .rb-dlg .dlg-band{margin:0 0 2px}.runbar .rb-dlg .dlg{font-size:calc(13px * var(--tsb,1));padding:4px 9px}.bottombar.runbar{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-flow:column;gap:6px}.rb-row{align-items:center;gap:6px;min-width:0;display:flex}.runbar .rb-play{width:48px;min-height:40px;font-size:calc(17px * var(--tsb,1));flex:none;padding:0;line-height:1}.runbar .rb-seek{min-width:0;height:var(--tap-sm);accent-color:var(--accent);cursor:pointer;flex:1;margin:0}.runbar .rb-t{text-align:right;min-width:50px;color:var(--dim);font-size:calc(13px * var(--tsb,1));font-variant-numeric:tabular-nums;flex:none}.runbar .rb-info{min-width:0;color:var(--dim);font-size:calc(13px * var(--tsb,1));white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.runbar .rb-speed{flex:none;gap:3px;display:flex}.runbar .rb-speed button{min-width:38px;min-height:40px;font-size:calc(13px * var(--tsb,1));flex:none;padding:4px 5px}.runbar .rb-speed button.on{border-color:var(--accent);color:var(--accent);background:#6ea8fe1f;font-weight:800}.runbar .rb-row>button:not(.rb-play){white-space:nowrap;flex:1;min-width:0;min-height:40px;padding:6px 4px}@media screen{.bv-party{grid-template-columns:1fr;gap:5px}.bu{grid-template-columns:92px repeat(4,minmax(0,1fr));grid-template-areas:"top hp hp hp hp""flags basic pip0 pip1 ult"".chips chips chips chips";align-items:center;gap:4px 6px;padding:6px 8px;display:grid}.bu-top{grid-area:top}.bu-flags{height:auto;font-size:calc(12px * var(--tsb,1));grid-area:flags;line-height:16px}.bu-hp{border-radius:5px;grid-area:hp;height:18px}.bu-hpt{z-index:1;font-size:calc(12px * var(--tsb,1));text-shadow:0 1px 2px #000;grid-area:hp;font-weight:800;line-height:18px}.bu-chips{grid-area:chips;gap:4px;min-height:0}.bu-chips:not(:has(>:not([hidden]))){display:none}.bu .bv-chip{font-size:calc(11.5px * var(--tsb,1));padding:1px 6px;line-height:15px}.bu-basic{border:1px solid color-mix(in srgb, var(--rc) 45%, transparent);border-radius:5px;grid-area:basic;height:20px}.bu-basic>i{background:var(--rc);opacity:.45}.bu-basic:before{content:"평타";z-index:1;font-size:calc(11.5px * var(--tsb,1));color:var(--text);text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.bu.lunge .bu-basic{border-color:var(--rc);box-shadow:0 0 6px var(--rc)}.bu-pip.p0{grid-area:pip0}.bu-pip.p1{grid-area:pip1}.bu-pip{height:auto;min-height:20px;font-size:calc(11.5px * var(--tsb,1));flex-wrap:wrap;align-content:center;row-gap:0;padding:1px 5px;line-height:15px}.bu-ult{grid-area:ult;height:20px}.bu-ul{font-size:calc(11.5px * var(--tsb,1));line-height:18px}.bu-name{font-size:calc(13.5px * var(--tsb,1))}.bu-slot{font-size:calc(11.5px * var(--tsb,1));padding:0 5px;line-height:17px}.bu-absent{font-size:calc(12px * var(--tsb,1));grid-column:2/-1;margin:0}}.run-track{padding-top:8px;padding-bottom:8px}.run-track .track{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.run-track .track::-webkit-scrollbar{display:none}.run-track .track .node{flex:none}.be-chips:not(:has(>:not([hidden]))){min-height:0;display:none}@media screen{.be.is-boss{gap:5px;padding:7px 10px 8px}.be.is-boss .be-mid{min-height:40px}.bu{row-gap:3px;padding:5px 8px}.bu .bv-chip{font-size:calc(11px * var(--tsb,1));line-height:14px}.bottombar.runbar{flex-flow:wrap;align-items:center;gap:5px}.runbar .rb-row{display:contents}.runbar .rb-t,.runbar .rb-speed button:not(.on){display:none}.runbar .rb-speed button.on{min-width:44px}.runbar .rb-play{width:44px}.runbar .rb-row>button:not(.rb-play){font-size:calc(13px * var(--tsb,1));flex:none;padding:6px 8px}.runbar .rb-info{flex:1}}.bv-foes{position:relative}.bv-callout{z-index:10;pointer-events:none;border:1px solid var(--warn);max-width:92%;color:var(--text);font-size:calc(15px * var(--tsb,1));text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:#111318eb;border-radius:12px;padding:6px 14px;font-weight:900;position:absolute;top:45%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0009}.bv-callout.show{animation:.8s ease-out forwards bv-callout}@keyframes bv-callout{0%{opacity:0;transform:translate(-50%,-40%)scale(.96)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}.bv.shake{animation:.22s linear bv-shake}@keyframes bv-shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}#app[data-motion=reduced] .bv-callout.show{opacity:1;animation:none}.topbar{padding-top:calc(6px + env(safe-area-inset-top,0px))}.stickyhead .topbar{padding-top:6px}.stickyhead{padding-top:env(safe-area-inset-top,0px)}.boot{text-align:center;color:var(--dim);padding:48px 16px}.boot.bad{color:var(--bad)}#app.busy{cursor:progress}.card.resume{border-color:var(--warn);justify-content:space-between;align-items:center;gap:8px;display:flex}.card.warn-card{background:#e8b85e12;border-color:#e8b85e8c}.memorial .roster-item b{color:var(--dim)}.memorial-card{text-align:center;background:linear-gradient(#adb4c014, transparent 90px), var(--panel);border-color:#adb4c080}.memorial-card .mem-title{font-size:calc(18px * var(--ts,1));margin-bottom:4px;font-weight:800}.fate .fate-line{border-bottom:1px dashed var(--line);padding:6px 0}.fate .fate-line:last-child{border-bottom:0}.fate .fate-line.bad b{color:var(--dim)}.fate .fate-line.warn b{color:var(--warn)}.set-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.set-row:last-child{border-bottom:0}.seg{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex}.seg button.on{border-color:var(--accent);color:var(--accent)}.diffs{flex-direction:column;gap:6px;margin-top:8px;display:flex}.diff{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}.diff.on{border-color:var(--accent)}.diff:disabled{opacity:1}.diff:disabled:not(.on){opacity:.55}.modal-back{z-index:60;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:360px;padding:16px;box-shadow:0 12px 40px #0009}.modal h2{margin-bottom:4px}.modal-input{width:100%;font:inherit;font-size:calc(16px * var(--ts,1));color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);margin-top:10px;padding:10px}.modal-btns{justify-content:flex-end;margin-top:14px}.modal-btns button{min-width:88px}button.danger-fill{background:var(--bad);border-color:var(--bad);color:var(--deep)}.toast{left:50%;bottom:calc(118px + env(safe-area-inset-bottom,0px));z-index:55;pointer-events:none;max-width:min(calc(var(--app-max) - 32px), calc(100vw - 32px));box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;text-align:center;width:max-content;line-height:1.4;font-size:calc(14px * var(--ts,1));background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:10px 14px;font-weight:700;animation:.18s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.toast.good{border-color:var(--good);color:var(--good)}.toast.bad{border-color:var(--bad);color:var(--bad)}.toast.warn{border-color:var(--warn);color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.bv-blk.shield:not(.cocoon){background:#c8dcff61}.bv-blk.cast:not(.breath){background:#e5b45ccc}.bblk.shield:not(.cocoon){background:#c8dcff38}.bblk.cast:not(.breath){background:#e8b85e8c}#app[data-motion=reduced] .toast{animation:none!important}.card.renown{background:linear-gradient(90deg, #e8b85e1a, transparent 70%), var(--panel);border-color:#e8b85e73}.renown-bar{margin:6px 0 4px}.renown-bar>i{background:linear-gradient(90deg, var(--warn), #ffd88a)}.card.decision{border-color:var(--accent);background:#6ea8fe14}.facs{padding:4px var(--sp3)}.fac{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.fac:last-child{border-bottom:0}.fac .fac-ico{font-size:calc(22px * var(--ts,1));text-align:center;flex:none;width:32px}.fac.built .fac-ico{filter:drop-shadow(0 0 6px #5cc98a8c)}.fac.soon{opacity:.5}.fac button{flex:none}.gear-row{border-bottom:1px dashed var(--line);padding:6px 0}.gear-row:last-child{border-bottom:0}.xp{align-items:center;gap:8px;margin:2px 0 4px;display:flex}.xp-bar{flex:1;max-width:160px;height:6px}.xp-bar>i{background:var(--accent)}.tag.sign{animation:1.6s ease-in-out infinite sign-pulse}@keyframes sign-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 2px #e8b85e59}}.lad{color:var(--dim);padding:3px 0}.lad.open{color:var(--text)}.lad.open b{color:var(--good)}.prog{grid-template-columns:minmax(0,1fr) 90px auto;align-items:center;gap:8px;padding:2px 0;display:grid}.prog .bar{height:6px}.prog.good .bar>i{background:var(--good)}.prog.bad .bar>i{background:var(--bad)}.prog.sign .bar>i{background:var(--warn)}.prog.sign span:first-child{color:var(--warn);font-weight:700}.prog.over .bar>i{background:var(--ult)}.prog.frozen{opacity:.6}.prog.frozen .bar>i{background:var(--dim)}.pc.lvlock{opacity:.6;border-style:dashed}.eq.gear{border-color:#6ea8fe73}.eq.gear.idle{border-color:var(--warn);background:#e8b85e0f}.gear-opts{flex-direction:column;gap:6px;margin-top:6px;display:flex}.gear-opt{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}.gear-opt.on{border-color:var(--good);background:#5cc98a14}.hl-band{margin-bottom:var(--sp2);flex-direction:column;gap:6px;display:flex}.hl{border-radius:var(--r);border:1px solid var(--line);background:var(--panel2);align-items:flex-start;gap:8px;padding:8px 10px;font-weight:700;animation:.35s ease-out both hl-in;display:flex}.hl .hl-ico{font-size:calc(18px * var(--ts,1));line-height:1.2}.hl.good{background:linear-gradient(90deg, #5cc98a24, var(--panel2));border-color:#5cc98a8c}.hl.bad{background:linear-gradient(90deg, #ef71751f, var(--panel2));border-color:#ef71758c}.hl.warn{background:linear-gradient(90deg, #e8b85e1f, var(--panel2));border-color:#e8b85e8c}@keyframes hl-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.cause .c-cmp{color:var(--warn);margin-top:2px}.memo-card{background:linear-gradient(#f0c75e1a, transparent 80px), var(--panel);border-color:#f0c75e8c}.memo-card div{margin-top:2px}.memo-card .memo-about{color:var(--warn)}.tag.new.fresh{margin-left:6px}.pc .tag.new{color:var(--deep);background:var(--warn);border-color:var(--warn);font-weight:800}.pc.fresh{border-color:var(--warn);box-shadow:inset 0 0 0 1px #e8b85e59}.hint-note{margin:0 0 var(--sp2);padding:0 var(--sp1)}.modal.fate-intro .dlg,.modal.trait-swap .dlg{margin:6px 0}.swap-opts{flex-direction:column;gap:6px;display:flex}#app[data-motion=reduced] .hl,#app[data-motion=reduced] .tag.sign{animation:none!important}.gtabs{padding-top:6px}.gtabs .ft-s{color:var(--dim)}.gtabs .ft-s i{font-style:normal}.ghead-sec{padding-bottom:var(--sp2);border-bottom:0}.gbody{padding-top:0}.gbody>h3:first-child{margin-top:var(--sp2)}.gstat{align-items:center;gap:8px;display:flex}.gstat .tag{flex:none}button.grank{min-width:0;min-height:var(--tap-sm);font-size:calc(13px * var(--ts,1));text-align:left;background:linear-gradient(90deg, #e8b85e1a, transparent 70%), var(--panel);border-color:#e8b85e73;flex-wrap:wrap;flex:1;justify-content:flex-start;gap:2px 8px;padding:6px 10px}.grank .dim{font-weight:400}.grank-bar{flex-basis:100%;height:4px}.grank-bar>i{background:linear-gradient(90deg, var(--warn), #ffd88a)}.glist{gap:6px}.gm{padding:0;overflow:hidden}.gm-head{width:100%;min-height:var(--tap);text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px 2px 12px;font-weight:400;display:flex}.gm-head:hover:not(:disabled){background:#ffffff08;border-color:#0000}.gm-who{flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;display:flex}.gm-who .nm{font-size:calc(16px * var(--ts,1));font-weight:800}.gm-who .tag{margin:0}.gm-more{font-size:calc(12px * var(--ts,1));color:var(--accent);white-space:nowrap;flex:none;font-weight:700}.gm-line{font-size:calc(12px * var(--ts,1));padding:0 10px 8px 12px;line-height:1.4}.gm-line .tag{margin:2px 3px 0 0}.gm-care{padding:0 10px 8px 12px}.gm-body{border-top:1px dashed var(--line);padding:8px 10px 10px 12px}.gm.open{border-color:var(--accent)}.gm-note{margin-top:6px}.gm-gap{height:var(--sp3)}.qboard.mini{grid-template-columns:1fr 1fr;gap:6px}.qcard.mini{min-height:0;padding:8px 10px}.qcard.mini .qc-title{font-size:calc(13px * var(--ts,1));line-height:1.35}.qcard.mini .tag{font-size:calc(11px * var(--ts,1));padding:0 6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section.banners{flex-direction:column;gap:6px;padding-bottom:0;display:flex}.banner{border-radius:var(--r);border:1px solid var(--line);background:var(--panel2);font-size:calc(14px * var(--ts,1));align-items:center;gap:8px;padding:8px 10px;line-height:1.45;display:flex}.banner.good{border-color:var(--good)}.banner.bad{border-color:var(--bad);background:#ef71751a}.banner.warn{border-color:var(--warn);background:#e8b85e14}.banner.info{background:#6ea8fe14;border-color:#6ea8fe99}.banner .banner-x{min-width:var(--tap-sm);flex:none;padding:0}.coach{align-items:flex-start}.coach-face{font-size:calc(24px * var(--ts,1));flex:none;line-height:1.1}.coach-who{color:var(--warn)}.coach .grow{min-width:0}.coach button{flex:none;align-self:center}.coach-list{font-size:calc(13px * var(--ts,1));margin:4px 0 0;padding:0;list-style:none}.coach-list li.good{color:var(--good)}.coach-praise{font-weight:700}.coach-act{margin-top:6px}.coach-target{outline-offset:2px;z-index:1;animation:1.4s ease-in-out infinite coach-pulse;position:relative;outline:3px solid var(--warn)!important}@keyframes coach-pulse{0%,to{box-shadow:0 0 #e8b85e8c}50%{box-shadow:0 0 0 6px #e8b85e00}}.ftab.locked{opacity:.5}.ftab.has-new{position:relative}.ftab.has-new:after{content:"";background:var(--warn);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.slot-tools{background:var(--bg);flex-wrap:wrap;align-items:center;gap:4px;padding:0 12px 8px;display:flex}.slot-tools .st-who{color:var(--dim);flex:100%}.slot-tools button{flex:1 1 0;min-width:0;padding:4px 6px}.slot[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.intro{min-height:100vh;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:12px;display:flex}.intro-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.intro-top .title{color:var(--warn);font-weight:800}.intro-cut{border-radius:var(--r-lg);background:radial-gradient(circle at 50% 30%, #e8b85e24, transparent 60%), var(--panel);white-space:normal;border-color:#e8b85e59;flex-direction:column;flex:1;justify-content:center;gap:12px;padding:24px 16px}.intro-ico{font-size:calc(56px * var(--ts,1));line-height:1.1}.intro-title{font-size:calc(20px * var(--ts,1))}.intro-line{font-size:calc(17px * var(--ts,1));max-width:22em;font-weight:600;line-height:1.55}.intro-dots{justify-content:center;gap:6px;display:flex}.intro-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.intro-dots i.on{background:var(--warn)}.intro-foot{flex-direction:column;gap:8px;display:flex}.intro-foot .primary{min-height:48px;font-size:calc(16px * var(--ts,1))}.intro-returning{color:var(--dim);background:0 0;border-color:#0000;align-self:center;text-decoration:underline}.modal.lesson h2,.modal.ftue-stop h2,.modal.ftue-final h2,.modal.guild-name h2{margin-top:4px}.modal .dlg{margin:6px 0 10px}.settings .set-note{margin:-4px 0 6px}.settings .seg button{min-width:var(--tap-sm)}#app[data-motion=reduced] *,#app[data-motion=reduced] :before,#app[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}#app[data-motion=reduced] .coach-target{animation:none!important}.pat-chip{min-height:var(--tap-sm);align-items:center;display:inline-flex}.palette .chip,.cond-card{min-height:var(--tap-sm)}.intro-row{gap:8px;display:flex}.intro-row button{flex:1;min-height:48px}.intro-row .primary{flex:2}.settings .set-row{flex-wrap:wrap}.settings .set-row .seg{margin-left:auto}.topbar button.small,.qty button{min-width:var(--tap-sm)}select{min-height:var(--tap-sm);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23adb4c0'/></svg>");background-position:right 9px center;background-repeat:no-repeat;padding-right:26px}.qboard{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:400px){.qboard{grid-template-columns:1fr 1fr}}.qcard{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;min-height:84px;padding:10px 12px;display:flex}.qcard.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.qcard.locked{opacity:.55}.qc-top{justify-content:space-between;align-items:center;display:flex}.qc-title{font-size:calc(15px * var(--ts,1))}.ccard{border-left:3px solid var(--warn)}.ccard.done{opacity:.6;border-left-color:var(--good)}.ccard .tag.bad{font-size:calc(11px * var(--ts,1));padding:0 5px}.tag.new{color:var(--deep);background:var(--warn);border-color:var(--warn);font-weight:800}.locked-card{color:var(--dim);border-style:dashed}.hint-mark{color:var(--text);border-bottom:1px dashed var(--warn);background:#e8b85e2e;border-radius:2px;padding:0 2px}.postscript{color:var(--warn);margin:-4px 0 8px}.ev-log{margin:6px 0}.qmap{margin:6px 4px 4px;position:relative}.qmap-edges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qmap-edges line{stroke:var(--line);stroke-width:2.5px}.qmap-edges line.foggy{stroke-dasharray:4 5;opacity:.7}.qmap-edges line.secret{stroke:var(--ult);stroke-dasharray:2 4}.qmap-edges line.planned{stroke:var(--accent);stroke-width:3.5px;stroke-dasharray:7 4}.qmap-edges line.walked{stroke:var(--warn);stroke-width:4px;stroke-dasharray:none}.mn{pointer-events:auto;z-index:1;flex-direction:column;align-items:center;width:84px;display:flex;position:absolute;transform:translate(-50%,-50%)}.mn-i{width:34px;height:34px;font-size:calc(17px * var(--ts,1));background:var(--panel2);border:2px solid var(--line);border-radius:50%;place-items:center;line-height:1;transition:transform .2s,border-color .2s,opacity .3s;display:grid}.mn-l{font-size:calc(11px * var(--ts,1));text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:84px;color:var(--dim);margin-top:2px;line-height:1.2;overflow:hidden}.mn.lv-fog .mn-i{width:20px;height:20px;font-size:calc(11px * var(--ts,1));color:var(--dim);background:var(--deep);opacity:.75;border-style:dashed}.mn.lv-outline .mn-i{opacity:.55;filter:grayscale(.6)}.mn.lv-confirmed .mn-i{border-color:#6b7487}.mn.lv-confirmed .mn-l,.mn.lv-full .mn-l{color:var(--text)}.mn.lv-full .mn-i{border-color:var(--warn)}.mn.visited .mn-i{border-color:var(--warn);background:#e8b85e1f}.mn.routed .mn-i{border-color:var(--accent);box-shadow:0 0 0 3px #6ea8fe2e}.mn.boss .mn-i{width:42px;height:42px;font-size:calc(21px * var(--ts,1));border-color:var(--boss)}.mn.boss.lv-fog .mn-i{width:24px;height:24px}.mn.claimed .mn-i{opacity:.6}.mn.here .mn-i{transform:scale(1.12)}.mn-hid{font-style:normal;font-size:calc(12px * var(--ts,1));position:absolute;top:-6px;right:18px}.mn-hid.trace{color:var(--ult)}.qmap.compact .mn{width:64px}.qmap.compact .mn-i{width:26px;height:26px;font-size:calc(13px * var(--ts,1))}.qmap.compact .mn-l{font-size:calc(10px * var(--ts,1));max-width:64px}.qmap.compact .mn.boss .mn-i{width:30px;height:30px;font-size:calc(15px * var(--ts,1))}.qmap.tiny .mn{width:30px}.qmap.tiny .mn-i{width:16px;height:16px;font-size:calc(9px * var(--ts,1));border-width:1px}.qmap.tiny .mn.boss .mn-i{width:20px;height:20px;font-size:calc(11px * var(--ts,1))}.qmap.tiny .mn-l,.qmap.tiny .mn-hid{display:none}.qmap.tiny .map-token{font-size:calc(14px * var(--ts,1))}.map-token{z-index:3;font-size:calc(20px * var(--ts,1));filter:drop-shadow(0 2px 3px #000000b3);pointer-events:none;line-height:1;position:absolute;transform:translate(-50%,-135%)}.map-legend{margin-top:4px}.map-legend .lg{border:1px solid var(--line);width:18px;height:18px;font-size:calc(10px * var(--ts,1));border-radius:50%;place-items:center;display:inline-grid}.map-legend .lg.outline{opacity:.55}.map-legend .lg.full{border-color:var(--warn)}#app[data-motion=reduced] .map-token{transition:none!important}.run-map{padding:4px var(--sp3);background:var(--deep)}.run-map.mini .qmap{margin:2px}.node-card h2{margin-bottom:6px}.node-card.good{border-color:#5cc98a80}.node-card.bad{border-color:#ef71758c}.node-card.warn{border-color:#e8b85e80}.node-card.arrive{animation:.35s ease-out both card-in;animation-delay:var(--arrive,.4s)}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#app[data-motion=reduced] .node-card.arrive{animation:none!important}.nl{font-size:calc(14px * var(--ts,1));margin:3px 0}.chk{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel2);margin:4px 0 8px;padding:8px 10px}.chk.good{border-color:#5cc98a8c}.chk.bad{border-color:#ef717599}.chk-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chk-ico{font-size:calc(18px * var(--ts,1))}.chk-vs{font-variant-numeric:tabular-nums;font-size:calc(13px * var(--ts,1));margin-left:auto}.chk.good .chk-have{color:var(--good);font-weight:800}.chk.bad .chk-have{color:var(--bad);font-weight:800}.chk-bar{margin-top:6px}.chk.bad .chk-bar i{background:var(--bad)}.dlg-band{flex-direction:column;gap:4px;margin:6px 0;display:flex}.dlg{background:var(--panel2);border:1px solid var(--line);font-size:calc(14px * var(--ts,1));border-radius:12px 12px 12px 4px;padding:6px 10px}.dlg.npc{border-color:#c58cff73}.dlg-who{color:var(--accent);margin-right:6px}.dlg.npc .dlg-who{color:var(--ult)}.run-party .stat-row{font-size:calc(13px * var(--ts,1))}.route-card h4{margin-top:10px}.dir-slots{flex-direction:column;gap:6px;display:flex}.dir-slot{grid-template-columns:22px 1fr;align-items:center;gap:2px 6px;display:grid}.dir-slot .small{grid-column:2}.dir-n{background:var(--panel2);border:1px solid var(--line);width:22px;height:22px;font-size:calc(12px * var(--ts,1));border-radius:50%;place-items:center;font-weight:800;display:grid}.dir-sc{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 6px 28px;display:flex}.route-lines li{font-size:calc(13px * var(--ts,1))}.causes{text-align:left;flex-direction:column;gap:6px;margin:10px 0 4px;padding:0;list-style:none;display:flex}.cause{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);border-left-width:4px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.cause.bad{border-left-color:var(--bad)}.cause.warn{border-left-color:var(--warn)}.cause.good{border-left-color:var(--good)}.cause.info{border-left-color:var(--dim)}.c-ico{text-align:center;width:16px;font-weight:800}.cause.bad .c-ico{color:var(--bad)}.cause.warn .c-ico{color:var(--warn)}.cause.good .c-ico{color:var(--good)}.c-fix{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.unlock-card{background:#e8b85e14;border-color:#e8b85e99}.story-step{border-bottom:1px dashed var(--line);padding:6px 0}.story-step:last-child{border-bottom:0}.story-step .dlg{margin-top:4px}.return-card .dlg{margin-top:6px}.fate-screen{align-items:center;min-height:60vh;display:flex}.fate-card{text-align:center;width:100%;padding:var(--sp5) var(--sp3)}.fate-card .fate-line{margin:12px 0}.scene-screen{align-items:center;min-height:60vh;display:flex}.scene-card{width:100%;padding:var(--sp4) var(--sp3);background:linear-gradient(180deg, #e8b85e1a, transparent 60%), var(--panel);border-color:#e8b85e8c}.scene-card.serious{border-color:var(--line);background:var(--panel)}.scene-card .scene-title{margin:4px 0 10px}.scene-card .dlg{margin-top:8px;line-height:1.5}.scene-card .dlg.react{border-color:#78c88c73;border-radius:12px 12px 4px;margin-left:18px}.unlock-card .guide{color:var(--text);opacity:.9;margin-top:8px;line-height:1.45}.newcomer-card{background:#78c88c14;border-color:#78c88c8c;line-height:1.5}