.app{padding:32px 40px 72px;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px 22px;border-bottom:1px solid var(--line);margin-bottom:24px;position:relative}.header:after{content:"";position:absolute;bottom:-1px;left:30%;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--pink),transparent)}.logo{display:flex;align-items:center;gap:14px;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:22px;letter-spacing:.08em}.logo-diamond{width:11px;height:11px;background:var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px var(--cyan)}.logo .slash{color:var(--pink);margin:0 2px}.header-right{display:flex;align-items:center;gap:12px}.header-btn{padding:6px 14px;border:1px solid var(--cyan);background:transparent;color:var(--cyan);font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:500;letter-spacing:.12em;cursor:pointer;transition:all .15s}.header-btn:hover{background:#00e5ff1a;box-shadow:0 0 12px #00e5ff4d}.header-save{padding:4px 10px;border:1px solid var(--cov-color, var(--text-faint));color:var(--cov-color, var(--text-faint));font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.18em;background:#00000040;transition:color .2s,border-color .2s}.header-save.save-saving{--cov-color: var(--cyan)}.header-save.save-saved{--cov-color: var(--good)}.header-save.save-error{--cov-color: var(--bad)}.header-save.save-idle{--cov-color: var(--text-faint)}.header-save.save-readonly{--cov-color: var(--custom)}.header-btn-edit{color:var(--good);border-color:var(--good)}.fflogs-fights{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto;border:1px solid var(--line);padding:4px;background:#00000040}.fflogs-fight{display:grid;grid-template-columns:16px 1fr auto auto;gap:8px;align-items:center;padding:4px 6px;background:transparent;border:1px solid transparent;color:var(--text-dim);text-align:left;font-family:JetBrains Mono,monospace;font-size:11px;cursor:pointer}.fflogs-fight:hover{background:#ffffff0a;color:var(--text)}.fflogs-fight.on{border-color:var(--cyan);background:#00e5ff14;color:var(--text)}.fflogs-fight .ff-fight-status{color:var(--bad);font-weight:600}.fflogs-fight.kill .ff-fight-status{color:var(--good)}.fflogs-fight .ff-fight-dur{color:var(--text-faint)}.fflogs-fight .ff-fight-pct{color:var(--warn);font-size:10px}.fflogs-empty{padding:12px;color:var(--text-faint);font-style:italic}.fflogs-preview{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;border:1px solid var(--line);padding:4px;background:#00000040;font-family:JetBrains Mono,monospace}.fflogs-mech{display:grid;grid-template-columns:50px 18px 1fr auto;gap:8px;align-items:center;padding:2px 4px;font-size:10px;color:var(--text)}.fflogs-mech:nth-child(2n){background:#ffffff06}.ff-mech-time{color:var(--text-dim)}.ff-mech-kind{text-align:center;padding:0 3px;border:1px solid currentColor;font-size:8px}.ff-mech-kind.k-physical{color:var(--phys-ranged)}.ff-mech-kind.k-magical{color:var(--magic-ranged)}.ff-mech-kind.k-pure{color:var(--text-faint)}.ff-mech-name{color:var(--text)}.ff-mech-targets{color:var(--text-faint);font-size:9px}.fflogs-more{text-align:center;padding:4px;color:var(--text-faint);font-style:italic}.app.read-only .timeline-toolbar,.app.read-only .mech-remove,.app.read-only .lane-remove,.app.read-only .cd-use-remove,.app.read-only .lane-add,.app.read-only .modal-backdrop{display:none}.header-btn-share{color:var(--cyan);border-color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em}.header-btn-share.is-copied{color:var(--good);border-color:var(--good)}.header-tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.header-tag:before{content:"◆";color:var(--cyan)}.section{border:1px solid var(--line);background:var(--panel);margin-bottom:18px;position:relative}.section:before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}.section:after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan)}.section-header{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}.section-num{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--cyan);border:1px solid var(--cyan);padding:2px 7px;letter-spacing:.1em}.section-title{font-family:Chakra Petch,sans-serif;font-size:14px;font-weight:600;letter-spacing:.18em}.section-meta{color:var(--text-dim);font-size:11px;font-family:JetBrains Mono,monospace;letter-spacing:.08em;margin-left:auto}.section-meta .sep{color:var(--text-faint);margin:0 6px}.enc-row{display:flex;align-items:center;gap:22px;padding:12px 18px;flex-wrap:wrap}.enc-field{display:flex;flex-direction:column;gap:4px}.enc-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.15em;text-transform:uppercase}.enc-input{padding:7px 10px;border:1px solid var(--line-bright);background:var(--panel-2);color:var(--text);font-family:Chakra Petch,sans-serif;font-size:14px;letter-spacing:.04em;width:250px}.enc-input:focus{outline:none;border-color:var(--cyan)}.enc-input-mono{padding:7px 10px;border:1px solid var(--line-bright);background:var(--panel-2);color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:14px;width:84px;text-align:center}.enc-input-mono:focus{outline:none;border-color:var(--cyan)}.enc-value-mono{font-family:JetBrains Mono,monospace;font-size:16px;color:var(--cyan);padding-top:2px}.party-row{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:14px 18px}.player-card-mini{border:1px solid var(--line);border-top:2px solid var(--role-color);background:#ffffff04;padding:10px 10px 8px;position:relative;min-width:0}.player-card-mini.role-tank{--role-color: var(--tank)}.player-card-mini.role-heal{--role-color: var(--heal)}.player-card-mini.role-dps{--role-color: var(--dps)}.player-card-mini.sub-melee{--role-color: var(--melee)}.player-card-mini.sub-phys_ranged{--role-color: var(--phys-ranged)}.player-card-mini.sub-magic_ranged{--role-color: var(--magic-ranged)}.pcm-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pcm-job-icon{width:30px;height:30px;border:1px solid var(--role-color);background:linear-gradient(135deg,#0006,#00000026);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 8px #0000004d;padding:3px}.pcm-info{min-width:0;flex:1}.pcm-name{font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcm-badge{display:inline-block;padding:1px 5px;border:1px solid var(--role-color);color:var(--role-color);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.12em;line-height:1.3;margin-top:2px}.pcm-job-icon-editable{cursor:pointer;transition:box-shadow .15s}.pcm-job-icon-editable:hover{box-shadow:inset 0 0 8px #0000004d,0 0 8px #00e5ff66}.pcm-name-editable{cursor:pointer}.pcm-name-editable:hover{color:var(--cyan)}.pcm-name-input{width:100%;padding:1px 4px;border:1px solid var(--cyan);background:var(--panel-2);color:var(--text);font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:500;letter-spacing:.02em}.pcm-name-input:focus{outline:none}.player-card-mini{position:relative}.job-picker-pop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--panel-3);border:1px solid var(--cyan);padding:8px;box-shadow:0 4px 16px #0009,0 0 12px #00e5ff40}.job-picker-pop:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}.job-picker-pop:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan)}.job-picker-label{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}.job-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.job-picker-opt{display:flex;align-items:center;justify-content:center;padding:1px;width:100%;aspect-ratio:1 / 1;border:1px solid var(--line-bright);background:#00000040;cursor:pointer;transition:all .12s}.job-picker-opt>*{width:14px;height:14px}.job-picker-opt:hover{border-color:var(--cyan);background:#00e5ff14}.job-picker-opt.selected{border-color:var(--cyan);background:#00e5ff26;box-shadow:0 0 8px #00e5ff66}.job-picker-empty{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-faint);letter-spacing:.08em;margin-top:6px;text-align:center}.pcm-chips{display:flex;flex-wrap:wrap;gap:4px;padding-top:6px;border-top:1px dashed var(--line)}.pcm-chip{display:flex;align-items:center;gap:5px;padding:3px 5px 3px 3px;border:1px solid var(--chip-color);background:#00000040;cursor:grab;user-select:none;font-family:Chakra Petch,sans-serif;font-size:10px;color:var(--text);letter-spacing:.02em;text-transform:uppercase;line-height:1.2;transition:all .12s}.pcm-chip:hover{background:#ffffff0d;box-shadow:0 0 6px var(--chip-glow)}.pcm-chip.dragging{opacity:.4;cursor:grabbing}.pcm-chip .chip-icon{width:16px;height:16px;flex-shrink:0}.pcm-chip .chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.pcm-chip .chip-cd{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--chip-color);opacity:.7}.pcm-chip.type-personal{--chip-color: var(--cyan);--chip-glow: rgba(0, 229, 255, .35)}.pcm-chip.type-party{--chip-color: var(--pink);--chip-glow: rgba(255, 46, 154, .35)}.pcm-chip.type-heal{--chip-color: var(--heal);--chip-glow: rgba(74, 222, 128, .35)}.timeline-toolbar{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tl-tool-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.15em;text-transform:uppercase;margin-right:4px}.tl-btn{padding:5px 10px;border:1px solid var(--btn-color, var(--line-bright));background:#0003;color:var(--btn-color, var(--text-dim));font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;cursor:pointer;text-transform:uppercase}.tl-btn:hover{background:#ffffff0a}.tl-btn:before{content:"+ ";opacity:.7}.tl-btn.no-plus:before{content:""}.tl-btn.raidwide{--btn-color: var(--raidwide)}.tl-btn.tankbuster{--btn-color: var(--tankbuster)}.tl-btn.autos{--btn-color: var(--autos)}.tl-btn.custom{--btn-color: var(--custom)}.tl-btn.add-lane{--btn-color: var(--cyan)}.tl-btn.reset{--btn-color: var(--pink);margin-left:auto}.tl-btn.tl-vis{padding:4px 8px 4px 7px;font-family:JetBrains Mono,monospace;letter-spacing:.1em}.tl-btn.tl-vis .tl-vis-dot{display:inline-block;margin-right:4px;font-size:9px}.tl-btn.tl-vis.c-damage{--vis-color: var(--tankbuster)}.tl-btn.tl-vis.c-placement{--vis-color: var(--custom)}.tl-btn.tl-vis.on{color:var(--vis-color);border-color:var(--vis-color);background:#00000040}.tl-btn.tl-vis.off{color:var(--text-faint);border-color:var(--line);background:transparent;text-decoration:line-through;text-decoration-color:var(--text-faint)}.tl-divider{width:1px;height:20px;background:var(--line);margin:0 6px}.timeline-shell{display:grid;grid-template-columns:230px 1fr;border-top:1px solid var(--line);background:var(--panel-2)}.tl-left{border-right:1px solid var(--line-bright);background:var(--panel-2);overflow:hidden}.tl-right{overflow-x:auto;overflow-y:hidden;position:relative}.tl-canvas{position:relative}.tl-axis-spacer{height:34px;border-bottom:1px solid var(--line-bright);background:var(--panel);display:flex;align-items:center;justify-content:flex-end;padding-right:12px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.15em;text-transform:uppercase}.tl-axis{position:relative;height:34px;border-bottom:1px solid var(--line-bright);background:var(--panel)}.tl-tick{position:absolute;bottom:0;width:1px;background:var(--line-bright)}.tl-tick.major{height:18px;background:var(--text-dim)}.tl-tick.minor{height:8px}.tl-tick-label{position:absolute;top:4px;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.05em}.boss-row-height{height:56px}.boss-row-left,.boss-row-right{min-height:calc(56px + (max(var(--mech-slots, 1),1) - 1)*22px)}.boss-row-left{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--panel-3);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;justify-content:flex-end}.boss-row-left .lane-num{border:1px solid var(--cyan);padding:1px 5px;font-size:9px}.boss-row-left .lane-remove{color:var(--bad);cursor:pointer;opacity:.4;font-size:12px}.boss-row-left .lane-remove:hover{opacity:1}.lane-name{padding:1px 2px}.lane-name-editable{cursor:pointer}.lane-name-editable:hover{color:var(--text)}.lane-name-input{flex:1;min-width:0;padding:1px 4px;border:1px solid var(--cyan);background:var(--panel-2);color:var(--text);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.lane-name-input:focus{outline:none}.boss-row-right{position:relative;border-bottom:1px solid var(--line);background:var(--panel-3);cursor:grab}.player-header-row-height{height:36px}.player-header-left{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:0 10px 0 8px;height:36px;background:var(--panel-4);border-bottom:1px solid var(--line-bright);border-top:1px solid var(--line-bright);cursor:pointer}.player-header-left.role-tank{--role-color: var(--tank)}.player-header-left.role-heal{--role-color: var(--heal)}.player-header-left.role-dps{--role-color: var(--dps)}.player-header-left.sub-melee{--role-color: var(--melee)}.player-header-left.sub-phys_ranged{--role-color: var(--phys-ranged)}.player-header-left.sub-magic_ranged{--role-color: var(--magic-ranged)}.ph-job-icon{width:24px;height:24px;border:1px solid var(--role-color);background:linear-gradient(135deg,#0006,#00000026);display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #0006;padding:2px}.ph-name-block{display:flex;align-items:center;gap:8px;min-width:0}.ph-name{font-family:Chakra Petch,sans-serif;font-size:13px;font-weight:600;color:var(--text);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-badge{display:inline-block;padding:1px 5px;border:1px solid var(--role-color);color:var(--role-color);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.12em;line-height:1.3}.ph-collapse{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);width:14px;text-align:center}.player-header-right{height:36px;background:var(--panel-4);border-bottom:1px solid var(--line-bright);border-top:1px solid var(--line-bright);position:relative}.player-header-right.role-tank{--role-color: var(--tank)}.player-header-right.role-heal{--role-color: var(--heal)}.player-header-right.role-dps{--role-color: var(--dps)}.player-header-right.sub-melee{--role-color: var(--melee)}.player-header-right.sub-phys_ranged{--role-color: var(--phys-ranged)}.player-header-right.sub-magic_ranged{--role-color: var(--magic-ranged)}.player-header-right:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--role-color);opacity:.6}.cd-row-height{height:30px}.cd-row-left{display:grid;grid-template-columns:24px 22px 1fr auto;gap:7px;align-items:center;padding:0 10px 0 14px;height:30px;border-bottom:1px solid var(--line);background:var(--panel-2)}.cd-row-left.alt{background:#ffffff03}.cd-row-left.type-personal{--ability-color: var(--cyan)}.cd-row-left.type-party{--ability-color: var(--pink)}.cd-row-left.type-heal{--ability-color: var(--heal)}.cd-indent{width:24px;height:1px;border-top:1px dashed var(--line-bright);align-self:center;opacity:.7}.cd-ability-icon{width:22px;height:22px;border:1px solid var(--ability-color);background:linear-gradient(135deg,#0006,#00000026);display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #0006;padding:2px}.cd-row-name{font-family:Chakra Petch,sans-serif;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.cd-row-cd{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim)}.cd-row-right{position:relative;height:30px;border-bottom:1px solid var(--line);background:var(--panel-2)}.cd-row-right.alt{background:#ffffff03}.cd-row-right.type-personal{--cd-color: var(--cyan);--cd-glow: rgba(0, 229, 255, .45)}.cd-row-right.type-party{--cd-color: var(--pink);--cd-glow: rgba(255, 46, 154, .45)}.cd-row-right.type-heal{--cd-color: var(--heal);--cd-glow: rgba(74, 222, 128, .45)}.cd-row-right.drop-target{background:#00e5ff0d;box-shadow:inset 0 0 0 1px var(--cyan)}.cd-use{position:absolute;top:3px;height:24px;cursor:grab;z-index:3;display:flex;align-items:stretch}.cd-use.dragging-use{opacity:.55;cursor:grabbing;z-index:6}.cd-use-active-block{position:relative;background:var(--cd-color);height:24px;box-shadow:0 0 8px var(--cd-glow);border:1px solid var(--cd-color);display:flex;align-items:stretch;flex-shrink:0}.cd-use-active-block:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:#fff6}.cd-use-icon{width:22px;height:22px;margin:1px;background:var(--bg);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cd-use-active-extend{flex:1;background:linear-gradient(90deg,#ffffff2e,#ffffff0f);border-left:1px solid rgba(255,255,255,.15)}.cd-use-cooldown{flex:1;background:var(--cd-color);opacity:.18;border-top:1px solid var(--cd-color);border-bottom:1px solid var(--cd-color);border-right:1px solid var(--cd-color);position:relative}.cd-use-cooldown:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 4px,rgba(0,0,0,.25) 4px,rgba(0,0,0,.25) 5px);opacity:.7}.cd-use-start-time{position:absolute;bottom:-1px;left:0;transform:translateY(100%) translate(-2px);font-family:JetBrains Mono,monospace;font-size:8px;color:var(--cd-color);background:var(--panel-2);padding:0 3px;line-height:1.3;border:1px solid var(--cd-color);opacity:0;pointer-events:none;z-index:5}.cd-use:hover .cd-use-start-time{opacity:1}.cd-use-tip{position:absolute;bottom:100%;left:0;transform:translateY(-6px);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--cd-color);background:var(--panel-2);border:1px solid var(--cd-color);padding:2px 6px;white-space:nowrap;z-index:7;opacity:0;pointer-events:none;transition:opacity .15s}.cd-use:hover .cd-use-tip{opacity:1}.cd-use-remove{position:absolute;top:-3px;right:-10px;width:14px;height:14px;background:var(--bad);color:var(--bg);border:1px solid var(--bad);font-size:10px;line-height:1.2;text-align:center;cursor:pointer;opacity:0;z-index:7;font-family:JetBrains Mono,monospace;font-weight:700}.cd-use:hover .cd-use-remove{opacity:1}.cd-use.cd-use-preview{opacity:.5;cursor:pointer;z-index:2}.cd-use.cd-use-preview .cd-use-active-block{border-style:dashed;background:transparent;box-shadow:none}.cd-use.cd-use-preview .cd-use-cooldown{opacity:.1}.cd-use.cd-use-preview.is-conflict .cd-use-active-block{border-color:var(--bad)}.cd-use.cd-use-preview.is-conflict .cd-use-cooldown{background:var(--bad);border-color:var(--bad)}.cd-use-preview-tip{position:absolute;bottom:100%;left:0;transform:translateY(-4px);font-family:JetBrains Mono,monospace;font-size:9px;color:var(--cd-color);background:var(--panel-2);border:1px solid var(--cd-color);padding:2px 6px;white-space:nowrap;z-index:8;pointer-events:none}.cd-use.cd-use-preview.is-conflict .cd-use-preview-tip{color:var(--bad);border-color:var(--bad)}.cd-use.cd-use-preview.is-snapped .cd-use-active-block{border-color:var(--cyan);box-shadow:0 0 6px var(--cyan)}.cd-use.cd-use-preview.is-snapped .cd-use-preview-tip{color:var(--cyan);border-color:var(--cyan)}.cd-row-right.preview-target{background:#00e5ff0a;cursor:pointer}.cd-row-right.preview-target.preview-conflict{background:#ff4f6e0f;cursor:not-allowed}.mechanic.preview-covered .mech-cap,.mechanic.preview-covered{box-shadow:0 0 14px var(--cyan),0 0 6px var(--mech-glow)}.mechanic.preview-covered .mech-label,.mechanic.preview-covered .mech-coverage{border-color:var(--cyan);color:var(--cyan)}.mechanic{cursor:grab}.mechanic.dragging-mech{opacity:.55;cursor:grabbing;z-index:6}.cd-drop{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed var(--cyan);pointer-events:none;display:none;z-index:5}.cd-drop.show{display:block}.cd-drop-time{position:absolute;top:-18px;left:0;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:9px;color:var(--cyan);background:var(--panel-2);border:1px solid var(--cyan);padding:1px 4px}.mechanic{position:absolute;top:0;bottom:0;width:2px;background:var(--mech-color);box-shadow:0 0 8px var(--mech-glow);z-index:4;cursor:pointer}.mechanic.raidwide{--mech-color: var(--raidwide);--mech-glow: rgba(255, 159, 67, .55)}.mechanic.tankbuster{--mech-color: var(--tankbuster);--mech-glow: rgba(255, 79, 110, .55)}.mechanic.autos{--mech-color: var(--autos);--mech-glow: rgba(90, 100, 120, .35)}.mechanic.custom{--mech-color: var(--custom);--mech-glow: rgba(192, 132, 252, .45)}.mech-cap{position:absolute;top:4px;left:50%;width:10px;height:10px;background:var(--mech-color);transform:translate(-50%) rotate(45deg);box-shadow:0 0 8px var(--mech-glow)}.mech-label{position:absolute;bottom:calc(14px + var(--mech-slot, 0) * 22px);left:50%;transform:translate(-50%);font-family:Chakra Petch,sans-serif;font-size:10px;font-weight:600;color:var(--mech-color);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:2px 6px;background:var(--panel-3);border:1px solid var(--mech-color)}.mech-time{position:absolute;bottom:calc(1px + var(--mech-slot, 0) * 22px);left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:9px;color:var(--mech-color);background:var(--panel-3);padding:0 4px;white-space:nowrap}.mech-coverage{position:absolute;top:4px;left:50%;margin-left:9px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;padding:1px 5px;border:1px solid var(--cov-color);color:var(--cov-color);background:var(--panel-2);white-space:nowrap;z-index:5;line-height:1.3}.mech-coverage.cov-bad{--cov-color: var(--bad);box-shadow:0 0 6px #ff4f6e80}.mech-coverage.cov-warn{--cov-color: var(--warn)}.mech-coverage.cov-good{--cov-color: var(--good);box-shadow:0 0 6px #4ade8066}.mech-coverage.cov-pure{--cov-color: var(--text-faint);font-weight:500}.mech-coverage.is-preview{box-shadow:0 0 10px var(--cov-color),0 0 4px var(--cov-color)}.mech-coverage .cov-from{opacity:.55;margin-right:2px}.mech-coverage .cov-arrow{margin:0 2px;color:var(--cyan);opacity:.9}.mech-coverage .cov-to{font-weight:600}.mech-kind{display:inline-block;margin-left:6px;padding:0 3px;border:1px solid currentColor;font-family:JetBrains Mono,monospace;font-size:8px;line-height:1.3;opacity:.85}.mech-kind.k-physical{color:var(--phys-ranged)}.mech-kind.k-magical{color:var(--magic-ranged)}.mech-kind.k-pure{color:var(--text-faint)}.mechanic.kind-pure .mech-cap{background:transparent;border:1px solid var(--mech-color);box-shadow:none}.mech-remove{position:absolute;top:4px;left:50%;margin-left:-18px;color:var(--bad);background:var(--panel-2);border:1px solid var(--bad);font-size:10px;line-height:1.2;cursor:pointer;opacity:0;z-index:6;padding:0 4px}.mechanic:hover .mech-remove{opacity:1}.mech-guideline{position:absolute;top:0;bottom:0;width:1px;opacity:.2;pointer-events:none;z-index:1}.mech-guideline.raidwide{background:var(--raidwide)}.mech-guideline.tankbuster{background:var(--tankbuster)}.mech-guideline.autos{background:var(--autos)}.mech-guideline.custom{background:var(--custom)}.boss-hover{position:absolute;top:0;bottom:0;width:0;border-left:1px dotted var(--text-dim);pointer-events:none;display:none;z-index:2}.boss-hover.show{display:block}.boss-hover-time{position:absolute;top:2px;left:0;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);background:var(--panel-3);padding:1px 5px;border:1px solid var(--line-bright);white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#050810cc;display:none;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px)}.modal-backdrop.show{display:flex}.modal{background:var(--panel);border:1px solid var(--cyan);width:420px;position:relative}.modal:before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.modal:after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--line);font-family:Chakra Petch,sans-serif;font-weight:600;letter-spacing:.15em;font-size:13px;color:var(--cyan)}.modal-body{padding:20px}.modal-row{margin-bottom:16px}.modal-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px;display:block}.modal-input{width:100%;padding:9px 12px;border:1px solid var(--line-bright);background:var(--panel-2);color:var(--text);font-family:Chakra Petch,sans-serif;font-size:14px}.modal-input:focus{outline:none;border-color:var(--cyan)}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.type-opt{padding:7px 9px;border:1px solid var(--type-color);color:var(--type-color);background:#0003;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:center;transition:all .15s}.type-opt.selected{background:var(--type-color);color:var(--bg);box-shadow:0 0 10px var(--type-color)}.type-opt.t-raidwide{--type-color: var(--raidwide)}.type-opt.t-tankbuster{--type-color: var(--tankbuster)}.type-opt.t-autos{--type-color: var(--autos)}.type-opt.t-custom{--type-color: var(--custom)}.kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kind-opt{padding:7px 9px;border:1px solid var(--type-color);color:var(--type-color);background:#0003;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:center;transition:all .15s}.kind-opt.selected{background:var(--type-color);color:var(--bg);box-shadow:0 0 10px var(--type-color)}.kind-opt.k-physical{--type-color: var(--phys-ranged)}.kind-opt.k-magical{--type-color: var(--magic-ranged)}.kind-opt.k-pure{--type-color: var(--text-faint)}.modal-wide{width:520px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.category-opt{padding:9px 11px;border:1px solid var(--cat-color, var(--line-bright));background:#0003;color:var(--cat-color, var(--text-dim));cursor:pointer;transition:all .15s}.category-opt:hover{background:#ffffff0a}.category-opt.selected{background:var(--cat-color);color:var(--bg);box-shadow:0 0 10px var(--cat-color)}.category-opt.c-damage{--cat-color: var(--tankbuster)}.category-opt.c-placement{--cat-color: var(--custom)}.category-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.category-help{font-family:Chakra Petch,sans-serif;font-size:11px;opacity:.85;line-height:1.3}.category-opt.selected .category-help{opacity:.7}.targets-picker{display:flex;flex-direction:column;gap:6px}.targets-shortcuts{display:flex;gap:4px;flex-wrap:wrap}.targets-shortcut{padding:4px 8px;border:1px solid var(--line-bright);background:#0003;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;cursor:pointer}.targets-shortcut:hover{border-color:var(--cyan);color:var(--cyan)}.targets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.target-chip{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid var(--line);background:#00000040;color:var(--text-dim);cursor:pointer;font-family:Chakra Petch,sans-serif;font-size:11px;text-align:left;min-width:0}.target-chip:hover{background:#ffffff0a}.target-chip.on{border-color:var(--cyan);background:#00e5ff1a;color:var(--text);box-shadow:inset 0 0 0 1px var(--cyan)}.target-chip-badge{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--text-faint);flex-shrink:0}.target-chip.on .target-chip-badge{color:var(--cyan)}.target-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.modal-textarea{width:100%;resize:vertical;min-height:180px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.45;white-space:pre;overflow-wrap:normal;overflow-x:auto}.modal-error{margin-top:8px;padding:6px 9px;border:1px solid var(--bad);color:var(--bad);background:#ff4f6e14;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.05em}.modal-hint{margin-top:10px;padding:6px 9px;border-left:2px solid var(--line-bright);color:var(--text-dim);font-family:Chakra Petch,sans-serif;font-size:11px;line-height:1.45}.modal-hint code{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--cyan);background:#0006;padding:1px 4px}.modal-btn-danger{border-color:var(--bad);color:var(--bad)}.modal-btn-danger:hover{background:#ff4f6e1a}.mech-kind.k-placement{color:var(--custom)}.mech-coverage.cov-none{--cov-color: var(--text-faint);font-style:italic}.mechanic.is-placement .mech-cap{background:transparent;border:1px solid var(--mech-color);box-shadow:none}.modal-footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.modal-btn{padding:7px 16px;border:1px solid var(--line-bright);background:#0000004d;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;cursor:pointer;text-transform:uppercase}.modal-btn.primary{border-color:var(--cyan);color:var(--cyan)}.modal-btn.primary:hover{background:#00e5ff1a}.legend{display:flex;align-items:center;gap:18px;padding:12px 18px;border-top:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.08em;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:11px;height:11px;background:var(--sw)}.legend-line{width:16px;height:2px;background:var(--sw)}.footer{margin-top:44px;text-align:center;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.2em}.footer .slash{color:var(--text-dim);margin:0 4px}.app-loading,.app-error{padding:60px 40px;text-align:center;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.app-error{color:var(--bad)}:root{--bg: #050810;--panel: #0a0f1a;--panel-2: #0d1422;--panel-3: #0f1828;--panel-4: #121b2e;--line: #1a2236;--line-bright: #2a3550;--text: #d8e1f0;--text-dim: #6b7896;--text-faint: #3d4a66;--cyan: #00e5ff;--pink: #ff2e9a;--tank: #2b9eff;--heal: #4ade80;--dps: #ff4f6e;--melee: #ff4f6e;--phys-ranged: #ffb547;--magic-ranged: #c084fc;--raidwide: #ff9f43;--tankbuster: #ff4f6e;--autos: #5a6478;--custom: #c084fc;--good: #4ade80;--warn: #ff9f43;--bad: #ff4f6e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text);font-family:Chakra Petch,sans-serif;font-size:14px;background-image:radial-gradient(ellipse at 20% 0%,rgba(0,229,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,46,154,.04) 0%,transparent 50%);background-attachment:fixed;overflow-x:hidden}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--line-bright)}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}