@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap";:root{--bg: #0b0a13;--surface: #12101e;--card: #1a1728;--border: #282440;--border2: #201d32;--accent: #7c5cfc;--accent-rgb: 124,92,252;--accent2: #5a3fdc;--text: #e2deff;--text2: #8880b8;--text3: #4e4878;--green: #3ecc68;--amber: #f0a830;--red: #e05050;--purple: #a060e8;--role-tank: 28,62,185;--role-tank-border: 90,140,255;--role-tank-text: #aac8ff;--role-tank-accent: #7ab0ff;--role-tank-pip: #5b8fd9;--role-heal: 16,100,46;--role-heal-border: 50,188,95;--role-heal-text: #7ae89a;--role-heal-accent: #5ed880;--role-heal-pip: var(--green);--role-melee: 158,48,26;--role-melee-border: 238,100,70;--role-melee-text: #ffa080;--role-melee-accent: #ff8c68;--role-melee-pip: #e06050;--role-pranged: 118,106,16;--role-pranged-border: 212,192,48;--role-pranged-text: #eed858;--role-pranged-accent: #e4cc48;--role-pranged-pip: #d4c040;--role-caster: 85,42,152;--role-caster-border: 178,118,242;--role-caster-text: #d4a0ff;--role-caster-accent: #c48cff;--role-caster-pip: #a860e8;--role-extras: 100,100,100;--role-extras-border: 160,160,160;--role-extras-text: #c0c0c0;--role-extras-accent: #a0a0a0;--role-extras-pip: #909090;--ba-raid: 175,30,30;--ba-raid-text: #ffb8b8;--ba-raid-border: 220,70,70;--ba-tb: 155,95,5;--ba-tb-text: #ffd898;--ba-tb-border: 220,150,30;--ba-mech: 90,38,180;--ba-mech-text: #d0b0ff;--ba-mech-border: 150,80,220;--ba-note: 100,100,110;--ba-note-text: #c8c8d0;--ba-note-border: 140,140,155;--ba-enrage: 0,0,0;--err: 230,120,30;--err-text: #ffa850;--warn: 220,155,35;--warn-bg: 200,130,10;--warn-text: #ffd090;--danger: 220,60,60;--danger-text: #ff8888;--danger-text-light: #ffaaaa;--invuln: 140,140,160;--invuln-border: 200,200,220;--invuln-text: #e0e0f0;--ba-enrage-text: #ffffff;--tip-bg-1: #1a1830;--tip-bg-2: #0e0c1a;--phase-1: #7090ff;--phase-bg-1: 60,80,200;--phase-2: #d080d8;--phase-bg-2: 180,50,180;--phase-3: #40d0a0;--phase-bg-3: 30,160,120;--phase-4: #e0c040;--phase-bg-4: 180,140,30;--phase-5: #e07040;--phase-bg-5: 200,100,50;--phase-6: #40a8e0;--phase-bg-6: 50,150,210;--phase-7: #e04080;--phase-bg-7: 200,50,110}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Lexend,system-ui,sans-serif;font-size:14px;height:100dvh}body.dragging,body.dragging *{cursor:grabbing!important}body.no-animations *,body.no-animations *:before,body.no-animations *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.app{display:flex;flex-direction:column;height:100dvh;will-change:transform}nav{height:52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0;position:relative;z-index:50}.logo{font-family:Oxanium,sans-serif;font-size:27px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px;cursor:pointer}.logo span{color:var(--accent);margin-left:-6px}.logo-icon{width:28px;height:28px;flex-shrink:0;transform:translateY(-3px)}.nav-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.nav-fight{position:relative;display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);padding:6px 12px 6px 14px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;border-radius:4px;-webkit-user-select:none;user-select:none}.nav-fight:hover,.nav-fight.open{border-color:var(--accent)}.nav-fight .arrow{color:var(--text3);font-size:14px}.nav-fight-short{color:var(--accent)}.nav-fight-full{color:var(--text2);font-weight:400;font-size:12px}@keyframes view-in{0%{opacity:0}to{opacity:1}}@keyframes dropdown-in{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:none}}@keyframes dropdown-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96) translateY(-6px)}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}.fight-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:380px;background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 32px #0009;z-index:100;padding:6px 0;overflow-y:auto;max-height:70vh;animation:dropdown-in .15s ease-out forwards}.fight-menu.is-closing{animation:dropdown-out .12s ease-in forwards}.fight-group{padding:4px 0}.fight-group-lbl{padding:4px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text2)}.fight-item{display:flex;align-items:baseline;gap:10px;padding:6px 14px;cursor:pointer;transition:background .1s}.fight-item:hover{background:rgba(var(--accent-rgb),.12)}.fight-item.active{background:rgba(var(--accent-rgb),.2)}.fight-item-short{font-size:12px;font-weight:700;color:var(--accent);min-width:7ch;flex-shrink:0}.fight-item-name{font-size:12px;color:var(--text2)}.fight-item-wip{opacity:.45;cursor:default}.fight-item-wip:hover{background:none}.fight-item-wip .fight-item-short{color:var(--text3)}.fight-item-wip-badge{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--text3)}.fight-group-lbl-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}.fight-group-lbl-toggle:hover{color:var(--text)}.fight-group-arrow{font-size:8px;display:inline-block;transition:transform .15s ease}.fight-menu-footer{position:sticky;bottom:-6px;margin:6px 0 -6px;background:var(--card);border-top:2px solid var(--border);border-radius:0 0 6px 6px;box-shadow:0 -8px 12px -8px #00000080}.custom-create{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;background:rgba(var(--accent-rgb),.06);transition:background .1s}.custom-create+.custom-create{border-top:1px solid var(--border)}.custom-create:hover{background:rgba(var(--accent-rgb),.12)}.custom-create-icon{width:24px;height:24px;border-radius:6px;background:rgba(var(--accent-rgb),.2);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:300;flex-shrink:0}.custom-create-text{font-size:13px;font-weight:600;color:var(--accent)}.custom-create-sub{font-size:11px;color:var(--text3);margin-top:1px}.custom-convert-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(var(--accent-rgb),.08);font-size:12px;color:var(--text2)}.custom-convert-cancel{background:none;border:1px solid var(--border);color:var(--text2);cursor:pointer;padding:3px 10px;border-radius:4px;font:11px/1 inherit}.custom-convert-cancel:hover{border-color:var(--text3);color:var(--text)}.custom-convert-confirm{flex-direction:column;align-items:stretch;gap:8px;background:rgba(var(--accent-rgb),.14)}.custom-convert-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.custom-convert-confirm-yes{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;padding:3px 12px;border-radius:4px;font:11px/1 inherit;font-weight:600}.custom-convert-confirm-yes:hover{opacity:.85}.fight-group-arrow.expanded{transform:rotate(90deg)}.nav-tools{display:flex;align-items:center;gap:3px}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid transparent;color:var(--text2);cursor:pointer;border-radius:4px;font-size:16px;line-height:1}.icon-btn:hover{background:var(--card);border-color:var(--border);color:var(--text)}.icon-btn:disabled{opacity:.3;cursor:default}.kofi-btn{color:var(--accent);text-decoration:none}.kofi-btn:hover{color:var(--accent2);background:rgba(var(--accent-rgb),.12);border-color:var(--accent)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:4px;font:13px/1 inherit;cursor:pointer;font-weight:500;white-space:nowrap;border:1px solid transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-outline{background:transparent;border-color:var(--accent);color:var(--accent)}.btn-outline:hover{background:rgba(var(--accent-rgb),.12)}.plan-code{font-family:Consolas,Courier New,monospace;font-size:12px;color:var(--text3);letter-spacing:1px}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text2)}.btn-ghost:hover{background:var(--card);color:var(--text)}.btn:disabled{opacity:.8;cursor:default}.btn-confirmed:before{content:"✓";margin-right:2px}.nav-btn{width:86px;height:30px;justify-content:center}.nav-btn-wide{width:110px}.nav-btn-muted{border-color:var(--border);color:var(--text2)}.preview-badge{border-color:var(--accent);color:var(--accent);cursor:default;pointer-events:none}.nav-btn-muted:hover{background:var(--card);color:var(--text)}.save-group{display:flex;align-items:center;gap:4px}.save-note-input{height:30px;padding:0 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:13px;width:180px;transition:border-color .15s,width .2s}.save-note-input::placeholder{color:var(--text3)}.save-note-input:focus{outline:none;border-color:var(--accent);width:240px}.plan-item-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle;flex-shrink:0}.changelog-modal-body{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0}.changelog-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px;font-family:inherit;resize:none;line-height:1.5;flex:1;min-height:0}.changelog-textarea:focus{outline:none;border-color:var(--accent)}.changelog-textarea::placeholder{color:var(--text3)}.changelog-footer{display:flex;justify-content:space-between;align-items:center}.changelog-char-count{font-size:12px;color:var(--text3)}.changelog-readonly{font-size:14px;color:var(--text);line-height:1.6;flex:1;min-height:0;overflow-y:auto}.changelog-readonly p{margin:0 0 6px}.changelog-empty{color:var(--text3);font-style:italic}.modal-hdr-title{font-size:15px;font-weight:600;color:var(--text)}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:4px 10px 4px 4px;height:30px}.user-menu-btn:hover{border-color:var(--accent);background:var(--card)}.user-menu-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu-avatar-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-menu-label{font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000080;min-width:180px;padding:6px 0;animation:dropdown-in .15s ease-out forwards}.user-menu-dropdown.is-closing{animation:dropdown-out .12s ease-in forwards}.user-menu-dropdown:before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px}.user-menu-email{padding:6px 14px 8px;font-size:12px;color:var(--text2);border-bottom:1px solid var(--border);margin-bottom:4px}.user-menu-name-field{padding:8px 14px;border-bottom:1px solid var(--border)}.user-menu-name-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:4px}.user-menu-name-display{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;font:13px/1.3 inherit;color:var(--text);cursor:pointer;padding:4px 6px;border-radius:3px}.user-menu-name-display:hover{border-color:var(--border);background:var(--card)}.user-menu-name-edit{display:flex;gap:4px}.user-menu-name-input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:4px 6px;border-radius:3px;font:13px/1.3 inherit;outline:none}.user-menu-name-input:focus{border-color:var(--accent)}.user-menu-name-save{background:var(--accent);border:none;color:#fff;padding:4px 10px;border-radius:3px;font:11px/1 inherit;font-weight:600;cursor:pointer}.user-menu-name-count{font-size:10px;color:var(--text3);text-align:right;margin-top:2px}.user-menu-signout{display:block;width:100%;text-align:left;background:none;border:none;padding:7px 14px;font:13px/1 inherit;color:var(--text2);cursor:pointer}.user-menu-signout:hover{background:rgba(var(--accent-rgb),.12);color:var(--text)}.share-wrap{position:relative}.share-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:200;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px;white-space:nowrap;min-width:360px}.share-popover-lbl{font-size:11px;color:var(--text2);flex-shrink:0}.share-popover-input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--text);font:12px/1 Consolas,Courier New,monospace;padding:4px 8px;border-radius:4px;cursor:text}.share-popover-close{flex-shrink:0;background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:2px 4px;line-height:1}.share-popover-close:hover{color:var(--text)}.plan-load-error{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#b41e1e2e;border-bottom:1px solid rgba(var(--danger),.4);color:var(--danger-text-light);font-size:13px;font-weight:500;flex-shrink:0}.plan-load-error button{background:none;border:none;color:var(--danger-text-light);cursor:pointer;font-size:14px;padding:0 4px;line-height:1;opacity:.7}.plan-load-error button:hover{opacity:1}.bookmark-btn{background:none;border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;color:var(--accent);cursor:pointer;font-size:12px;font-weight:500;padding:3px 10px;transition:background .1s,border-color .1s}.bookmark-btn:hover{background:rgba(var(--accent-rgb),.15);border-color:var(--accent)}.bookmark-btn.bookmarked{background:rgba(var(--accent-rgb),.15)}.bookmark-btn:disabled{opacity:.5;cursor:default}.plan-remote-update{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:#f0a8301a;border-bottom:1px solid rgba(240,168,48,.25);color:var(--amber);font-size:13px;font-weight:500;flex-shrink:0}.plan-autosync-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px;background:#3ecc680f;border-bottom:1px solid rgba(62,204,104,.15);color:var(--green);font-size:12px;font-weight:500;flex-shrink:0}.body{display:flex;flex:1;overflow:hidden}.editor-bar-wrap{position:relative;flex-shrink:0}.ebar-scroll{display:none;position:absolute;top:0;bottom:0;z-index:1;width:40px;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--text3);font-size:16px;font-weight:700;transition:color .1s}.ebar-scroll:hover{color:var(--text)}.ebar-scroll-right{right:0;background:linear-gradient(to right,transparent,var(--surface) 50%)}.ebar-scroll-left{left:0;background:linear-gradient(to left,transparent,var(--surface) 50%)}.editor-bar-wrap.has-overflow .ebar-scroll-right{display:flex}.editor-bar-wrap.scrolled-end .ebar-scroll-right,.editor-bar-wrap.has-overflow.scrolled-start .ebar-scroll-left{display:none}.editor-bar-wrap.has-overflow:not(.scrolled-start) .ebar-scroll-left{display:flex}.editor-bar{height:40px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:4px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.editor-bar::-webkit-scrollbar{display:none}.editor-bar>*{flex-shrink:0}.ebar-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.ebar-lbl{font-size:12px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-title-input{background:transparent;border:1px solid transparent;color:var(--text);font:14px/1 Lexend,system-ui,sans-serif;font-weight:600;padding:4px 8px;border-radius:4px;outline:none;min-width:240px;max-width:400px}.plan-title-input:hover{border-color:var(--border);background:var(--card)}.plan-title-input:focus{border-color:var(--accent);background:var(--card)}.plan-title-input:disabled{color:var(--text3);pointer-events:none}.view-toggle{display:flex;gap:2px}.vt-btn{font-size:13px;font-weight:600;padding:5px 14px;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.vt-btn:hover{color:var(--text);border-color:var(--border);background:var(--surface)}.vt-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pp-pills{display:flex;gap:2px;flex-wrap:wrap}.pp-btn{font-size:13px;font-weight:700;padding:5px 12px;border-radius:3px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:background .1s,color .1s;min-width:54px;text-align:center}.pp-btn:hover{color:var(--text);background:var(--surface)}.pp-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pp-select{display:none;font:13px/1 Lexend,system-ui,sans-serif;font-weight:600;padding:5px 8px;border-radius:4px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;outline:none}.pp-select:hover,.pp-select:focus{border-color:var(--accent)}.ebar-plan-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.zoom-controls{display:flex;align-items:center;gap:2px}.zoom-btn{width:30px;height:30px;background:var(--card);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:16px}.zoom-btn:hover{color:var(--text)}.zoom-lbl{font-size:14px;color:var(--text2);min-width:42px;text-align:center}.hidden-players{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.hidden-players-lbl{font-size:12px;color:var(--text3);white-space:nowrap}.hidden-player-btn{font:13px/1 inherit;font-weight:600;padding:5px 14px;border-radius:3px;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--text2);transition:color .1s,border-color .1s}.hidden-player-btn:hover{color:var(--text);border-color:var(--accent)}.hidden-players-dropdown{position:relative}.hidden-players-dropdown .arrow{font-size:18px;line-height:1;vertical-align:middle}.hidden-dropdown-menu:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}.hidden-dropdown-menu.is-closing{animation:dropdown-out .12s ease-in forwards}.hidden-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:50;background:var(--card);border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 24px #00000080;width:180px;margin-top:4px;animation:dropdown-in .12s ease-out forwards}.hidden-dropdown-item{display:grid;grid-template-columns:48px 1fr;width:100%;align-items:baseline;padding:6px 10px;border:none;background:none;font:13px/1.2 inherit;font-weight:600;color:var(--text2);cursor:pointer;transition:background .1s}.hidden-dropdown-item:hover{background:var(--surface);color:var(--text)}.hidden-dropdown-job{text-align:center;font-family:Consolas,Courier New,monospace;font-size:12px;letter-spacing:.5px}.hidden-dropdown-name{text-align:left;color:var(--text3);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-dropdown-showall{display:flex;justify-content:center;border-top:1px solid var(--border2);color:var(--accent);grid-template-columns:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0000008c;display:flex;align-items:center;justify-content:center;animation:overlay-in .15s ease-out forwards}.modal-overlay.is-closing{animation:overlay-out .15s ease-in forwards}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:400px;zoom:calc(var(--zoom, 9) / 9);box-shadow:0 12px 40px #00000080;animation:modal-in .18s cubic-bezier(.34,1.2,.64,1) forwards}.changelog-modal{width:min(600px,61vw);display:flex;flex-direction:column;max-height:80vh;min-height:300px;resize:both;overflow:hidden}.modal.is-closing{animation:modal-out .15s ease-in forwards}.modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text)}.modal-hdr-right{display:flex;align-items:center;gap:10px}.plans-counter{font-size:12px;font-weight:500;color:var(--text3)}.plans-counter-full{color:var(--red)}.plans-limit-notice{padding:8px 18px;font-size:13px;color:var(--red)}.modal-close{background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;line-height:1;padding:0 2px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.modal-close:hover{color:var(--text)}.modal-body{padding:8px 4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;cursor:pointer;border-radius:6px}.setting-row:hover{background:var(--card)}.setting-lbl{display:flex;flex-direction:column;gap:3px}.setting-lbl-title{font-size:13px;font-weight:500;color:var(--text)}.setting-lbl-desc{font-size:12px;color:var(--text2)}.toggle{position:relative;width:38px;height:22px;flex-shrink:0}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:11px;cursor:pointer;transition:background .18s}.toggle input:checked~.toggle-track{background:var(--accent)}.toggle-thumb{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;pointer-events:none;transition:left .18s;box-shadow:0 1px 3px #0000004d}.toggle input:checked~.toggle-thumb{left:19px}.plans-modal{width:580px}.plans-modal-body{padding:4px 0;height:60vh;overflow-y:auto}.plans-empty{padding:24px 18px;color:var(--text3);font-size:14px;text-align:center}.plans-tabs{display:flex;gap:0}.plans-tab{background:none;border:none;color:var(--text3);cursor:pointer;font:14px/1 inherit;font-weight:600;padding:4px 14px;border-bottom:2px solid transparent;transition:color .1s,border-color .1s;display:flex;align-items:center;gap:6px}.plans-tab:hover{color:var(--text)}.plans-tab.active{color:var(--text);border-bottom-color:var(--accent)}.plan-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.plan-item:last-child{border-bottom:none}.plan-item:hover{background:rgba(var(--accent-rgb),.08)}.plan-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.plan-item-title{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-item-fight{font-size:13px;color:var(--text2);display:flex;align-items:baseline;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-item-short{font-weight:700;color:var(--accent)}.plan-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.plan-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.plan-item-date{font-size:13px;color:var(--text2);white-space:nowrap}.plan-item-code{font-size:11px;color:var(--text2);font-family:Consolas,Courier New,monospace;letter-spacing:.5px}.plan-item-delete{width:22px;height:22px;border-radius:3px;background:none;border:1px solid transparent;color:var(--text3);cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s,background .1s,border-color .1s}.plan-item:hover .plan-item-delete{opacity:1}.plan-item-delete:hover{background:rgba(var(--danger),.15);border-color:rgba(var(--danger),.4);color:var(--danger-text)}.plan-item-confirm{display:flex;align-items:center;gap:6px}.plan-item-confirm-lbl{font-size:13px;color:var(--text2);white-space:nowrap}.plan-item-confirm-yes,.plan-item-confirm-no{font:12px/1 inherit;padding:4px 10px;border-radius:3px;cursor:pointer;border:1px solid}.plan-item-confirm-yes{background:rgba(var(--danger),.2);border-color:rgba(var(--danger),.5);color:var(--danger-text)}.plan-item-confirm-yes:hover{background:rgba(var(--danger),.35)}.plan-item-confirm-yes:disabled{opacity:.5;cursor:default}.plan-item-confirm-no{background:transparent;border-color:var(--border);color:var(--text2)}.plan-item-confirm-no:hover{background:var(--card);color:var(--text)}.feedback-modal{width:460px}.feedback-sub{font-size:12px;color:var(--text3);margin-top:2px;font-weight:400}.feedback-body{padding:20px}.feedback-field{margin-bottom:16px}.feedback-field:last-child{margin-bottom:0}.feedback-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:6px;display:flex;align-items:center;gap:6px}.feedback-required{color:var(--red)}.feedback-optional{font-weight:400;text-transform:none;letter-spacing:0;font-size:10px;opacity:.6}.feedback-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:5px;font:14px/1.4 inherit;resize:vertical}.feedback-input:focus{outline:none;border-color:var(--accent)}.feedback-hint{font-size:11px;color:var(--text3);margin-top:4px}.feedback-error{font-size:13px;color:var(--red);margin-top:8px}.feedback-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.feedback-footer-hint{font-size:11px;color:var(--text3)}.feedback-success{text-align:center;padding:40px 30px}.feedback-success-icon{font-size:40px;color:var(--green);margin-bottom:12px}.feedback-success-title{font-size:18px;font-weight:700;color:var(--green);margin-bottom:8px}.feedback-success-sub{font-size:13px;color:var(--text2);margin-bottom:24px}.ct-modal{width:480px}.ct-body{padding:20px}.ct-field{margin-bottom:16px}.ct-field:last-child{margin-bottom:0}.ct-field-row{display:flex;gap:12px}.ct-field-row .ct-field{flex:1}.ct-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:6px}.ct-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:5px;font:14px/1.4 inherit}.ct-input:focus{outline:none;border-color:var(--accent)}.ct-hint{font-size:11px;color:var(--text3);margin-top:6px}.ct-error{font-size:13px;color:var(--red);margin-top:4px}.ct-phase-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.ct-phase-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--card);border:1px solid var(--border2);border-radius:5px}.ct-phase-row .ct-input{flex:1;padding:5px 8px;font-size:13px}.ct-phase-num{font-size:11px;font-weight:700;color:var(--text3);min-width:14px}.ct-phase-time{flex:none!important;width:64px!important;text-align:center;font-family:Consolas,Courier New,monospace}.ct-phase-arrow{color:var(--text3);font-size:12px}.ct-phase-remove{background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;padding:0 2px;line-height:1}.ct-phase-remove:hover{color:var(--red)}.ct-add-phase{background:none;border:1px dashed var(--border);color:var(--text3);padding:8px;border-radius:5px;width:100%;cursor:pointer;font:13px inherit;transition:border-color .1s,color .1s}.ct-add-phase:hover{border-color:var(--accent);color:var(--accent)}.ct-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.editors-modal{width:480px;min-height:420px}.editors-body{padding:16px 20px;max-height:60vh;overflow-y:auto}@keyframes skel-pulse{0%,to{opacity:.08}50%{opacity:.16}}.editors-skeleton{display:flex;flex-direction:column;gap:10px}.skel-row{display:flex;justify-content:space-between;align-items:center}.skel-label{width:80px;height:12px;background:var(--text);border-radius:3px;animation:skel-pulse 1.2s ease-in-out infinite}.skel-btn{width:90px;height:26px;background:var(--text);border-radius:5px;animation:skel-pulse 1.2s ease-in-out infinite}.skel-counter{width:32px;height:12px;background:var(--text);border-radius:3px;animation:skel-pulse 1.2s ease-in-out infinite}.skel-item{height:40px;background:var(--text);border-radius:5px;animation:skel-pulse 1.2s ease-in-out infinite}.plans-skeleton,.community-skeleton{display:flex;flex-direction:column}.skel-plan-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.skel-plan-main{display:flex;flex-direction:column;gap:6px}.skel-community-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border2)}.skel-community-main{display:flex;flex-direction:column;gap:8px}.editors-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:8px}.editors-empty{font-size:13px;color:var(--text3);padding:12px 0}.editor-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--border2);border-radius:5px;margin-bottom:6px}.editor-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.editor-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.editor-info{flex:1;min-width:0}.editor-id{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.editor-date{font-size:11px;color:var(--text3)}.editor-remove{font:11px/1 inherit;padding:4px 10px;border-radius:3px;cursor:pointer;border:1px solid var(--border);color:var(--text3);background:none}.editor-remove:hover{border-color:var(--red);color:var(--red)}.editor-transfer-confirm{display:flex;align-items:center;gap:6px;margin-left:auto}.editor-transfer-label{font-size:11px;color:var(--text3);white-space:nowrap}.editor-add-row{display:flex;gap:6px;margin-top:8px}.editor-add-input{flex:1;font:13px/1 inherit;padding:6px 10px;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.editor-add-input::placeholder{color:var(--text3)}.editor-add-input:focus{outline:none;border-color:var(--accent)}.editor-add-input:disabled{opacity:.5}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--border2);border-radius:5px;margin-bottom:6px}.invite-info{display:flex;align-items:center;gap:8px;font-size:12px}.invite-type{font-weight:600;color:var(--text)}.invite-expiry{color:var(--amber)}.invite-used{color:var(--text3)}.invite-actions{display:flex;gap:4px}.btn-sm{font:11px/1 inherit;padding:4px 10px;border-radius:3px;cursor:pointer;border:1px solid}.btn-sm-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-sm-primary:hover{background:var(--accent2)}.btn-sm-danger{background:none;border-color:var(--border);color:var(--text3)}.btn-sm-danger:hover{border-color:var(--red);color:var(--red)}.invite-create{margin-top:12px;padding:12px;background:var(--surface);border:1px solid var(--border2);border-radius:5px}.invite-create-row{display:flex;align-items:center;justify-content:space-between}.invite-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);cursor:pointer}.invite-toggle input{accent-color:var(--accent);width:14px;height:14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.invite-toggle input:checked{background:var(--accent);border-color:var(--accent)}.invite-toggle input:checked:after{content:"✓";color:#fff;font-size:10px;font-weight:700;line-height:1}.invite-hint{font-size:11px;color:var(--text3);margin-top:6px}.editors-error{font-size:13px;color:var(--red);padding:8px 0}.history-row{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;border-bottom:1px solid var(--border2)}.history-row:last-child{border-bottom:none}.history-by{color:var(--text2);flex:0 0 auto;white-space:nowrap;min-width:60px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.history-action{font-weight:600;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.history-time{color:var(--text3);font-size:11px;white-space:nowrap;flex-shrink:0}.history-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;margin-top:4px}.history-pagination button:disabled{opacity:.3;cursor:default}.history-page-info{font-size:11px;color:var(--text3)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:600;background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #00000080;cursor:pointer;animation:toast-in .2s ease-out;max-width:calc(100vw - 32px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-error{border-color:var(--red);color:var(--red)}.toast-info{border-color:var(--green);color:var(--green)}.toast-out{animation:toast-out .2s ease-in forwards}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.community-modal{width:680px;max-height:85vh;display:flex;flex-direction:column}.community-modal .modal-hdr{flex-shrink:0}.modal-title{font-size:15px;font-weight:600}.community-filters{padding:10px 16px;border-bottom:1px solid var(--border2);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.community-section-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);padding-top:4px}.community-filter-row{display:flex;align-items:center;gap:8px}.community-filter-label{font-size:12px;font-weight:600;color:var(--text2);min-width:48px}.community-selected-jobs{display:flex;gap:4px;flex-wrap:wrap}.community-selected-job{font-size:11px;font-weight:700;line-height:24px;padding:0 6px;border-radius:3px;border:1px solid var(--border);cursor:pointer;background:none;transition:opacity .1s;display:inline-flex;align-items:center;gap:3px;height:24px;box-sizing:border-box}.community-job-select-btn{height:24px}.community-selected-job:hover{opacity:.6}.community-selected-job.role-tank{color:var(--role-tank-accent);border-color:rgba(var(--role-tank-border),.4)}.community-selected-job.role-heal{color:var(--role-heal-accent);border-color:rgba(var(--role-heal-border),.4)}.community-selected-job.role-melee{color:var(--role-melee-accent);border-color:rgba(var(--role-melee-border),.4)}.community-selected-job.role-pranged{color:var(--role-pranged-accent);border-color:rgba(var(--role-pranged-border),.4)}.community-selected-job.role-caster{color:var(--role-caster-accent);border-color:rgba(var(--role-caster-border),.4)}.community-selected-job.role-extras{color:var(--role-extras-accent);border-color:rgba(var(--role-extras-border),.4)}.community-selected-job.excluded{color:var(--red);border-color:#e0505066;text-decoration:line-through}.community-job-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#00000080;display:flex;align-items:center;justify-content:center}.community-job-picker{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0009;width:360px;animation:modal-in .18s cubic-bezier(.34,1.2,.64,1) forwards}.community-job-picker-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border2);font-size:14px;font-weight:600}.community-job-picker-hint{padding:6px 14px 0;font-size:11px;color:var(--amber)}.community-job-picker-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.community-job-picker-actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 14px;border-top:1px solid var(--border2)}.community-search{flex:1;font:13px/1 inherit;padding:6px 10px;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.community-search::placeholder{color:var(--text3)}.community-search:focus{outline:none;border-color:var(--accent)}.community-fight-filter{position:relative}.community-fight-btn{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);padding:6px 12px 6px 14px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;border-radius:4px;-webkit-user-select:none;user-select:none}.community-fight-btn:hover,.community-fight-btn.active{border-color:var(--accent)}.community-fight-btn .arrow{color:var(--text3);font-size:22px;line-height:1}.community-fight-btn .community-fight-short{color:var(--accent)}.community-fight-btn .community-fight-full{color:var(--text2);font-weight:400;font-size:12px}.community-fight-dropdown{position:absolute;top:100%;left:0;z-index:100;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000080;padding:4px 0;max-height:360px;overflow-y:auto;min-width:400px}.community-fight-option{padding:6px 14px;font-size:13px;color:var(--text2);cursor:pointer;display:flex;align-items:baseline;gap:6px}.community-fight-option:hover{background:rgba(var(--accent-rgb),.1);color:var(--text)}.community-fight-option.active{color:var(--accent);font-weight:600}.community-fight-short{font-weight:700;color:var(--accent);min-width:52px;display:inline-block}.community-fight-group-lbl{padding:8px 14px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.community-fight-group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}.community-fight-group-toggle:hover{color:var(--text)}.community-job-group{display:flex;align-items:center;gap:4px}.community-job-group-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);line-height:1;min-width:48px}.community-job-group-btns{display:flex;gap:2px}.community-job-btn{font:10px/1 inherit;font-weight:600;padding:4px 0;border-radius:3px;cursor:pointer;background:none;border:1px solid var(--border);transition:border-color .1s,background .1s;width:42px;text-align:center}.community-job-btn:hover{border-color:var(--text3)}.community-job-btn.role-tank{color:var(--role-tank-accent)}.community-job-btn.role-heal{color:var(--role-heal-accent)}.community-job-btn.role-melee{color:var(--role-melee-accent)}.community-job-btn.role-pranged{color:var(--role-pranged-accent)}.community-job-btn.role-caster{color:var(--role-caster-accent)}.community-job-btn.role-extras{color:var(--role-extras-accent)}.community-job-btn.active.role-tank{border-color:var(--role-tank-accent);background:rgba(var(--role-tank-border),.2)}.community-job-btn.active.role-heal{border-color:var(--role-heal-accent);background:rgba(var(--role-heal-border),.2)}.community-job-btn.active.role-melee{border-color:var(--role-melee-accent);background:rgba(var(--role-melee-border),.2)}.community-job-btn.active.role-pranged{border-color:var(--role-pranged-accent);background:rgba(var(--role-pranged-border),.2)}.community-job-btn.active.role-caster{border-color:var(--role-caster-accent);background:rgba(var(--role-caster-border),.2)}.community-job-btn.active.role-extras{border-color:var(--role-extras-accent);background:rgba(var(--role-extras-border),.2)}.community-job-btn.excluded{color:var(--red)!important;border-color:var(--red);background:#e050501f;text-decoration:line-through}.community-filter-actions{display:flex;gap:6px;margin-left:auto}.community-sort{display:flex;gap:2px}.community-sort-btn{font:12px/1 inherit;font-weight:500;padding:5px 12px;border-radius:4px;cursor:pointer;background:none;border:1px solid var(--border);color:var(--text3)}.community-sort-btn:hover{color:var(--text);border-color:var(--text3)}.community-sort-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.community-body{flex:1;overflow-y:auto;padding:4px 0}.community-empty{display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:14px;padding:40px 20px}.community-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--border2);transition:background .1s}.community-item:last-child{border-bottom:none}.community-item:hover{background:rgba(var(--accent-rgb),.08)}.community-item-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.community-item-top{display:flex;align-items:baseline;gap:8px}.community-item-title{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.community-item-likes{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--accent)}.community-likes-icon{font-size:12px}.community-likes-count{font-variant-numeric:tabular-nums}.community-item-meta{display:flex;align-items:center;gap:6px}.community-card-fight{font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;padding:2px 6px;background:rgba(var(--accent-rgb),.12);border-radius:3px}.community-card-jobs{display:flex;gap:4px;flex-wrap:wrap}.community-card-job{font-size:10px;font-weight:700;padding:2px 5px;border-radius:3px;border:1px solid var(--border)}.community-card-job.role-tank{color:var(--role-tank-accent);border-color:rgba(var(--role-tank-border),.4)}.community-card-job.role-heal{color:var(--role-heal-accent);border-color:rgba(var(--role-heal-border),.4)}.community-card-job.role-melee{color:var(--role-melee-accent);border-color:rgba(var(--role-melee-border),.4)}.community-card-job.role-pranged{color:var(--role-pranged-accent);border-color:rgba(var(--role-pranged-border),.4)}.community-card-job.role-caster{color:var(--role-caster-accent);border-color:rgba(var(--role-caster-border),.4)}.community-card-job.role-extras{color:var(--role-extras-accent);border-color:rgba(var(--role-extras-border),.4)}.community-card-author{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text2)}.community-card-avatar{width:16px;height:16px;border-radius:50%;object-fit:cover}.community-card-date{font-size:11px;color:var(--text3)}.community-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px;margin-top:8px}.community-pagination button:disabled{opacity:.3;cursor:default}.community-page-info{font-size:12px;color:var(--text3)}.online-editors{display:flex;align-items:center;gap:4px}.online-editors-label{font-size:12px;color:var(--text3);font-weight:600;margin-right:2px}.online-editor{position:relative;cursor:default}.online-editor-img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--surface)}.online-editor-initials{width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);background:var(--accent);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.online-editor-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid var(--surface)}.pp-pills.pp-overflow{display:none}.pp-pills.pp-overflow+.pp-select{display:block}@media(max-width:768px){nav{height:auto;flex-wrap:wrap;padding:8px 12px;gap:6px}.logo{font-size:22px}.logo-icon{width:22px;height:22px}.nav-fight{font-size:13px;padding:5px 10px;flex:1;min-width:0}.nav-fight-full{display:none}.nav-tools{order:10}.nav-divider{display:none}.nav-right{order:11;width:100%;gap:6px;overflow-x:auto;padding-top:4px;border-top:1px solid var(--border2);margin-top:2px}.nav-btn{width:auto;min-width:unset;padding:5px 10px;font-size:12px;height:28px}.nav-btn-wide{width:auto}.icon-btn{width:28px;height:28px;font-size:14px}.save-group,.save-single{display:none}.share-wrap{margin-left:auto}.kofi-btn{display:none}.editor-bar{height:auto;flex-wrap:wrap;padding:6px 10px;gap:4px;row-gap:6px}.ebar-lbl{display:none}.plan-title-input{min-width:100px;max-width:none;flex:1;font-size:13px;padding:3px 6px}.ebar-sep{height:14px;margin:0 2px}.vt-btn{font-size:12px;padding:4px 10px}.pp-btn{font-size:12px;padding:4px 8px;min-width:42px;flex-shrink:0}.zoom-controls{margin-left:auto}.zoom-btn{width:26px;height:26px;font-size:14px}.zoom-lbl{font-size:12px;min-width:36px}.hidden-players{font-size:11px}.hidden-player-btn{font-size:10px;padding:2px 6px}.modal{width:calc(100vw - 32px);max-width:460px}.editors-modal{max-width:480px}.plans-modal{width:calc(100vw - 32px);max-width:580px}.changelog-modal{width:calc(100vw - 32px);resize:none}.feedback-modal{width:calc(100vw - 32px)}.share-popover{min-width:unset;width:calc(100vw - 60px)}.tl-area-mobile-msg{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text3);font-size:14px;flex-direction:column;gap:12px}.tl-area-mobile-msg .btn{margin-top:4px}}@media(max-width:480px){nav{padding:6px 10px}.logo{font-size:20px;gap:6px}.nav-fight{font-size:12px;padding:4px 8px}.nav-right{gap:4px}.nav-btn{font-size:11px;padding:4px 8px;height:26px}.editor-bar{padding:4px 8px}.plan-title-input{font-size:12px}.vt-btn{font-size:11px;padding:3px 8px}.pp-select{font-size:11px;padding:3px 5px}}.tl-wrap{flex:1;display:flex;flex-direction:column;position:relative;min-height:0}.tl-area{flex:1;overflow:auto;position:relative;cursor:default}.tl-scroll-btn{position:absolute;top:50%;z-index:40;width:32px;height:64px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:#0c0a168c;border:1px solid var(--border);color:#fff9;font-size:22px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.tl-scroll-btn:hover{background:#0c0a16d9;color:#fff}.tl-scroll-left{left:270px;border-radius:0 6px 6px 0}.tl-scroll-right{right:0;border-radius:6px 0 0 6px}.tl-scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);z-index:32;display:flex;align-items:center;pointer-events:none;font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap;padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:3px}.tl-scroll-indicator-left{left:274px}.tl-scroll-indicator-right{right:4px}.tl{display:flex;flex-direction:column;position:relative}.tl-hdr{display:flex;flex-direction:row;flex-shrink:0;position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:2px solid var(--border)}.boss-hdr-cell{width:270px;flex-shrink:0;height:50px;display:flex;align-items:stretch;border-right:2px solid var(--border);position:sticky;left:0;z-index:31;background:var(--surface)}.boss-hdr-main{width:220px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text2)}.boss-hdr-time{flex:1;display:flex;align-items:center;justify-content:center;border-left:2px solid var(--border);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text2)}.player-hdr{flex:1;min-width:60px;height:50px;display:flex;align-items:center;gap:6px;border-right:1px solid var(--border2);padding:0 8px;position:relative}.hdr-tank{background:#285adc66}.hdr-heal{background:#148c3766}.hdr-melee{background:#b4371e66}.hdr-pranged{background:#a08c0a66}.hdr-caster{background:#6e2db966}.hdr-extras{background:#78787866}.player-hdr .player-job{font-size:14px;font-weight:700;color:#fff;font-family:Consolas,Courier New,monospace;letter-spacing:.5px}.player-name-field{flex:1;min-width:0;font-size:12px;font-family:inherit;background:transparent;border:none;border-radius:2px;color:#fff;outline:none;padding:2px 4px;height:20px;opacity:0;transition:opacity .12s}.player-name-field.has-name{opacity:.75}.player-hdr:hover .player-name-field{opacity:1}.player-name-field:focus{opacity:1;background:#00000059;color:#fff}.player-job-btn{cursor:pointer;border-radius:3px;padding:0 5px;transition:background .1s,border-color .1s;border:1px solid rgba(255,255,255,.35);flex-shrink:0;width:50px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:space-between;height:26px}.player-job-btn:after{content:"▾";font-size:16px;opacity:.65;line-height:1}.player-job-btn:hover,.player-job-btn.open{background:#00000059;border-color:#ffffffbf}.player-job-btn.open:after{content:" ▴"}.job-picker{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px;z-index:60;min-width:260px;box-shadow:0 4px 16px #0006;animation:dropdown-in .15s ease-out forwards}.job-picker:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.job-picker.is-closing{animation:dropdown-out .12s ease-in forwards}.job-picker-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.job-picker-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.job-picker-group{margin-bottom:8px}.job-picker-group:last-child{margin-bottom:0}.job-picker-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:4px}.job-picker-row{display:flex;flex-wrap:wrap;gap:4px}.job-picker-btn{font-size:13px;font-weight:700;padding:3px 7px;border-radius:3px;border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;transition:background .1s,color .1s,border-color .1s;width:46px;text-align:center}.job-picker-btn:hover{background:rgba(var(--accent-rgb),.15);color:var(--text);border-color:var(--accent)}.job-picker-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.2)}.job-picker-btn.role-tank{color:var(--role-tank-accent)}.job-picker-btn.role-heal{color:var(--role-heal-accent)}.job-picker-btn.role-melee{color:var(--role-melee-accent)}.job-picker-btn.role-pranged{color:var(--role-pranged-accent)}.job-picker-btn.role-caster{color:var(--role-caster-accent)}.job-picker-btn.active.role-tank{border-color:var(--role-tank-accent);background:rgba(var(--role-tank-border),.2)}.job-picker-btn.active.role-heal{border-color:var(--role-heal-accent);background:rgba(var(--role-heal-border),.2)}.job-picker-btn.active.role-melee{border-color:var(--role-melee-accent);background:rgba(var(--role-melee-border),.2)}.job-picker-btn.active.role-pranged{border-color:var(--role-pranged-accent);background:rgba(var(--role-pranged-border),.2)}.job-picker-btn.active.role-caster{border-color:var(--role-caster-accent);background:rgba(var(--role-caster-border),.2)}.job-pip{width:4px;height:24px;border-radius:2px;flex-shrink:0}.pip-tank{background:var(--role-tank-pip)}.pip-heal{background:var(--role-heal-pip)}.pip-melee{background:var(--role-melee-pip)}.pip-pranged{background:var(--role-pranged-pip)}.pip-caster{background:var(--role-caster-pip)}.pip-extras{background:var(--role-extras-pip)}.row-add{width:20px;height:20px;border-radius:3px;padding:0;border:1px solid rgba(255,255,255,.55);color:#ffffffd9;display:block;position:relative;font-size:0;cursor:pointer;flex-shrink:0;align-self:center;opacity:.7;transition:opacity .15s;background:#0000004d}.row-add:before,.row-add:after{content:"";position:absolute;background:currentColor;border-radius:1px;top:50%;left:50%}.row-add:before{width:10px;height:2px;transform:translate(-50%,-50%)}.row-add:after{width:2px;height:10px;transform:translate(-50%,-50%)}.player-hdr:hover .row-add,.player-hdr:hover .row-solo{opacity:1}.row-add:hover,.row-add.open{border-color:#fff;color:#fff;background:#00000073;opacity:1}.app.patterns .row-add{background:#00000080;border-color:#fffc;opacity:.85}.row-solo{width:20px;height:20px;border-radius:3px;padding:0;border:1px solid rgba(255,255,255,.55);color:#ffffffd9;display:block;cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .15s;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgba(255,255,255,0.85)'%3E%3Cpath d='M10 4C4.5 4 1 10 1 10s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 10a4 4 0 110-8 4 4 0 010 8zm0-6a2 2 0 100 4 2 2 0 000-4z'/%3E%3C/svg%3E") center/14px no-repeat}.row-solo:hover{border-color:#fff;background-color:#00000073;opacity:1}.col-drag-handle{display:flex;align-items:center;align-self:stretch;padding:0 2px;cursor:grab}.player-hdr.col-dragging{opacity:.7}.player-hdr.col-drag-over{box-shadow:inset 3px 0 0 var(--accent)}.row-remove{width:20px;height:20px;border-radius:3px;padding:0;border:1px solid rgba(255,255,255,.55);color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .15s;background:#0000004d;font-size:14px;line-height:1}.player-hdr:hover .row-remove{opacity:.7}.row-remove:hover{border-color:var(--red);color:var(--red);background:#c828284d;opacity:1}.col-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000059;animation:fade-in .15s ease-out;pointer-events:none}.col-drop-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;font-size:18px;font-weight:600;color:var(--text3);padding:40px 60px;border:2px dashed var(--border);border-radius:12px;background:#000000b3;white-space:nowrap;pointer-events:auto;transition:border-color .12s,color .12s,background .12s;animation:fade-in .15s ease-out}.col-drop-active .col-drop-text,.col-drop-text:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.15)}.tl-content{display:flex;flex-direction:row;position:relative;flex-shrink:0;min-width:100%}.phase-bg{position:absolute;left:0;right:0}.phase-1{background:rgba(var(--phase-bg-1),.07)}.phase-2{background:rgba(var(--phase-bg-2),.07)}.phase-3{background:rgba(var(--phase-bg-3),.07)}.phase-4{background:rgba(var(--phase-bg-4),.07)}.phase-5{background:rgba(var(--phase-bg-5),.07)}.phase-6{background:rgba(var(--phase-bg-6),.07)}.phase-7{background:rgba(var(--phase-bg-7),.07)}.phase-prepull{background:#ffffff08}.boss-col{width:270px;flex-shrink:0;position:sticky;left:0;z-index:20;background:#0a0812;border-right:2px solid var(--border);overflow:hidden}.boss-drag-ghost{position:absolute;left:0;right:0;border-radius:0;background:#b4b4b44d;border-top:1px solid rgba(180,180,180,.7);border-bottom:1px solid rgba(180,180,180,.7);pointer-events:none;z-index:10}.boss-time-marker{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--accent);pointer-events:none;z-index:55;transform:translateY(-1px)}.boss-time-marker-label{position:absolute;right:4px;top:-1px;transform:translateY(-100%);font-family:monospace;font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.5px;white-space:nowrap;-webkit-text-stroke:3px rgba(12,10,22,.9);paint-order:stroke fill}.boss-time-ruler{position:absolute;top:0;bottom:0;left:220px;right:0;border-left:2px solid var(--border);background:var(--surface);overflow:hidden}.phase-label{position:absolute;left:6px;right:56px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-label-1{color:var(--phase-1)}.phase-label-2{color:var(--phase-2)}.phase-label-3{color:var(--phase-3)}.phase-label-4{color:var(--phase-4)}.phase-label-5{color:var(--phase-5)}.phase-label-6{color:var(--phase-6)}.phase-label-7{color:var(--phase-7)}.boss-phase{position:absolute;left:0;right:0;pointer-events:none;z-index:0}.boss-phase-1{background:rgba(var(--phase-bg-1),.12)}.boss-phase-2{background:rgba(var(--phase-bg-2),.12)}.boss-phase-3{background:rgba(var(--phase-bg-3),.12)}.boss-phase-4{background:rgba(var(--phase-bg-4),.12)}.boss-phase-5{background:rgba(var(--phase-bg-5),.12)}.boss-phase-6{background:rgba(var(--phase-bg-6),.12)}.boss-phase-7{background:rgba(var(--phase-bg-7),.12)}.boss-phase-prepull{background:#ffffff0a}.phase-label-prepull{color:var(--text3)}.rtick-v{position:absolute;left:0;right:0;text-align:center;transform:translateY(-50%);font-size:12px;font-family:Consolas,Courier New,monospace;color:var(--text2);pointer-events:none;white-space:nowrap;line-height:1}.rtick-v.minor{height:1px;background:var(--border2);font-size:0}.ba-appearing{animation:mb-appear .3s cubic-bezier(.34,1.56,.64,1) forwards}.boss-action.ba-removing{animation:mb-remove .22s ease-in forwards;pointer-events:none}.boss-action{position:absolute;left:0;right:50px;display:flex;align-items:flex-start;padding:0 8px 0 10px;padding-top:calc(var(--ba-h, 20px) / 2 - .5em);font-size:clamp(10px,calc(var(--zoom, 9) * 1.44px),15px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;border:1px solid;border-left-width:3px;min-height:var(--ba-h, 0px);pointer-events:none;transition:transform .13s ease-out,left .13s ease-out,min-height .13s ease-out,filter .13s ease-out,padding-top .13s ease-out}.boss-action.boss-indented{left:var(--boss-indent, 0px)}.boss-action.boss-hovered{filter:brightness(1.2)}.boss-action.boss-hovered:not(.boss-stacked){z-index:10!important}.boss-action-raid.boss-hovered{background:rgba(var(--ba-raid),1)}.boss-action-tb.boss-hovered{background:rgba(var(--ba-tb),1)}.boss-action-mech.boss-hovered{background:rgba(var(--ba-mech),1)}.boss-action-enrage.boss-hovered{background:rgba(var(--ba-enrage),1)}.boss-action.boss-stacked.boss-hovered{left:0;--ba-grow: max(0px, calc(var(--zoom, 9) * 6px - var(--ba-clear, 999px)));min-height:calc(var(--ba-h, 0px) + var(--ba-grow));transform:translateY(calc(-1 * var(--ba-grow)));padding-top:3px}.boss-action-raid{color:var(--ba-raid-text);border-color:rgba(var(--ba-raid-border),.9);background:rgba(var(--ba-raid),.85);z-index:2}.boss-action-tb{color:var(--ba-tb-text);border-color:rgba(var(--ba-tb-border),.9);background:rgba(var(--ba-tb),.85);z-index:2}.boss-action-mech{color:var(--ba-mech-text);border-color:rgba(var(--ba-mech-border),.9);background:rgba(var(--ba-mech),.85);z-index:1}.boss-action-enrage{color:var(--ba-enrage-text);border-color:#ffffffe6;background:rgba(var(--ba-enrage),.85);z-index:3}.boss-action-note{color:var(--ba-note-text);border-color:rgba(var(--ba-note-border),.9);background:rgba(var(--ba-note),.85);z-index:1}.boss-action-note.boss-hovered{background:rgba(var(--ba-note),1)}.boss-action-editable{pointer-events:auto;cursor:default}.boss-action-editable>span{cursor:text}.boss-action-editable:not(.boss-action-movable):hover{filter:brightness(1.3);z-index:10!important}.boss-action-movable:hover{filter:brightness(1.3)}.boss-action-editable:hover>span{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.boss-action-movable{cursor:grab}.boss-action-movable>span{cursor:text}.boss-action-movable.dragging{cursor:grabbing;z-index:60!important;transition:none}.boss-action-custom{border-style:dashed}.ba-edit-input{background:transparent;border:none;color:inherit;font:inherit;width:100%;outline:none;padding:0;margin:0}.ba-overridden{font-style:italic}.ba-resize-handle{position:absolute;left:0;right:50px;height:12px;cursor:ns-resize;z-index:3}.ba-resize-top{top:-6px}.ba-resize-bottom{bottom:-6px}.boss-action-custom:hover .ba-resize-handle:after{content:"";position:absolute;left:25%;right:75%;height:2px;background:currentColor;opacity:.4;border-radius:1px}.ba-resize-top:after{top:2px}.ba-resize-bottom:after{bottom:2px}.ba-delete{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 4px;opacity:0;flex-shrink:0;margin-left:auto;text-decoration:none!important;position:relative;z-index:2}.boss-action-custom:hover .ba-delete{opacity:.7}.ba-delete:hover{opacity:1!important}.ba-add-btn{width:20px;height:20px;border-radius:3px;padding:0;border:1px solid rgba(255,255,255,.55);color:#ffffffd9;display:block;position:relative;font-size:0;cursor:pointer;flex-shrink:0;opacity:.7;transition:opacity .15s;background:#0000004d;margin-left:auto}.ct-edit-btn+.ba-add-btn{margin-left:0}.ba-add-btn:before,.ba-add-btn:after{content:"";position:absolute;background:currentColor;border-radius:1px;top:50%;left:50%}.ba-add-btn:before{width:10px;height:2px;transform:translate(-50%,-50%)}.ba-add-btn:after{width:2px;height:10px;transform:translate(-50%,-50%)}.ba-add-btn:hover,.ba-add-btn.active{border-color:#fff;color:#fff;background:#00000073;opacity:1}.ct-edit-btn{width:20px;height:20px;border-radius:3px;padding:0;border:1px solid rgba(255,255,255,.55);color:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;cursor:pointer;flex-shrink:0;opacity:.7;transition:opacity .15s;background:#0000004d;margin-left:auto}.ct-edit-btn:hover{border-color:#fff;color:#fff;background:#00000073;opacity:1}.ba-palette{position:absolute;top:100%;left:0;width:220px;background:var(--card);border:1px solid var(--border);border-radius:0 0 5px 5px;box-shadow:0 8px 32px #000000a6;z-index:60;animation:dropdown-in .15s ease-out forwards}.ba-palette.is-closing{animation:dropdown-out .12s ease-in forwards}.ba-palette:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.ba-palette-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border2);transition:background .1s}.ba-palette-item:last-of-type{border-bottom:none}.ba-palette-item:hover{background:rgba(var(--accent-rgb),.08)}.ba-palette-item.active{background:rgba(var(--accent-rgb),.15)}.ba-palette-pip{width:4px;height:18px;border-radius:2px;flex-shrink:0}.ba-palette-pip-raid{background:rgba(var(--ba-raid),1)}.ba-palette-pip-tb{background:rgba(var(--ba-tb),1)}.ba-palette-pip-mech{background:rgba(var(--ba-mech),1)}.ba-palette-pip-note{background:rgba(var(--ba-note),1)}.ba-palette-item:active{cursor:grabbing}.mech-window{position:absolute;left:0;right:50px;background:#198264d1;border-top:1px solid rgba(70,200,155,.8);border-bottom:1px solid rgba(70,200,155,.8);border-left:3px solid rgba(100,235,185,.9);display:flex;align-items:flex-start;padding:3px 8px 3px 10px;font-size:clamp(10px,calc(var(--zoom, 9) * 1.44px),15px);font-weight:600;color:#b0ffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.player-col{flex:1;min-width:60px;border-right:1px solid var(--border2);position:relative}.col-gridline{position:absolute;left:0;right:0;height:1px;pointer-events:none}.col-gridline.major{background:#343052f2}.col-gridline.minor{background:#201d3299}.col-gridline.pull-line{height:2px;background:var(--accent);opacity:.6}.player-col[data-generic] .mb-pip{border-right:1px dashed rgba(255,255,255,.3)}.pull-label{color:var(--accent);font-weight:700}.mb{position:absolute;left:0;right:0;border-radius:3px;border:1px solid;overflow:visible;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;align-items:stretch;min-height:9px;transition:filter .1s}.mb:hover{filter:brightness(1.3);z-index:5}.mb.open{outline:2px solid var(--accent);outline-offset:1px;z-index:6}.mb.dragging{left:0!important;width:100%!important;clip-path:none!important;background:transparent!important;box-shadow:none!important;border-style:dashed!important;border-color:#ffffff4d!important;z-index:50;cursor:grabbing}.mb.dragging>*{visibility:hidden}.mb[data-mb-ghost]{pointer-events:none;z-index:47;box-shadow:0 4px 16px #0006;filter:brightness(1.15)}.mb[data-mb-ghost].tank{background:rgba(var(--role-tank),1)}.mb[data-mb-ghost].heal{background:rgba(var(--role-heal),1)}.mb[data-mb-ghost].melee{background:rgba(var(--role-melee),1)}.mb[data-mb-ghost].pranged{background:rgba(var(--role-pranged),1)}.mb[data-mb-ghost].caster{background:rgba(var(--role-caster),1)}.mb[data-mb-ghost].extras{background:rgba(var(--role-extras),1)}.mb[data-mb-ghost].error{background-color:rgba(var(--err),1)!important}@keyframes mb-appear{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes mb-remove{to{transform:scale(.7);opacity:0}}.mb-appearing{animation:mb-appear .3s cubic-bezier(.34,1.56,.64,1) forwards}.mb.mb-removing{animation:mb-remove .22s ease-in forwards;pointer-events:none}.mb-pip{width:4px;flex-shrink:0;border-radius:3px 0 0 3px;opacity:.9}.mb-body{flex:1;display:flex;align-items:center;justify-content:center;padding:2px 4px;overflow:hidden;min-width:0}.mb-icon{width:32px;height:32px;max-height:calc(100% - 4px);max-width:calc(100% - 4px);aspect-ratio:1;object-fit:contain;border-radius:2px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));pointer-events:none}.mb-name{font-size:max(10px,calc(var(--zoom, 9) * 1.67px));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-width:0;flex-shrink:1}.mb-body:has(.mb-icon){gap:8px}.mb-icon-wrap{position:relative;flex-shrink:0;width:32px;height:32px;max-height:calc(100% - 4px);max-width:calc(100% - 4px)}.mb-icon-wrap>.mb-icon{width:100%;height:100%;max-width:none;max-height:none}.mb.icon-only .mb-name{display:none}.mb-controls{position:absolute;top:2px;right:2px;display:none;flex-direction:row;gap:2px;align-items:center;z-index:7}.mb:hover .mb-controls,.mb.open .mb-controls{display:flex}.mb-cog,.mb-del{width:20px;height:20px;background:#0000008c;border:none;border-radius:3px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:#ffffffa6}.mb-cog:hover{background:#ffffff24;color:var(--accent)}.mb-del:hover{background:#c8282880;color:var(--err-text)}.mb-popover{position:absolute;left:calc(100% + 4px);width:190px;background:var(--card);border:1px solid var(--border);border-radius:5px;box-shadow:0 6px 24px #0000008c;z-index:60}.mb-popover-left{left:auto;right:calc(100% + 4px)}.mbp-hdr{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.mbp-name{font-size:12px;font-weight:700;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbp-job{font-size:11px;color:var(--text3);flex-shrink:0}.mbp-close{background:none;border:none;color:var(--text3);font-size:16px;cursor:pointer;padding:0 3px;line-height:1;flex-shrink:0}.mbp-close:hover{color:var(--text)}.mbp-field{padding:7px 10px;border-bottom:1px solid var(--border2)}.mbp-field:last-child{border-bottom:none}.mbp-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--text3);margin-bottom:4px;font-weight:600}.mbp-row{display:flex;gap:6px;align-items:center}.mbp-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:4px 6px;font:12px/1 inherit;border-radius:3px}.mbp-input:focus{outline:none;border-color:var(--accent)}.mbp-select{cursor:pointer}.mbp-target{position:relative}.mbp-target-btn{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.mbp-target-btn .arrow{font-size:14px;color:var(--text3);line-height:1}.mbp-target-val{display:grid;grid-template-columns:40px 1fr;align-items:baseline;flex:1;min-width:0}.mbp-target-unset{grid-column:1 / -1;color:var(--text3)}.mbp-target-job{text-align:center;font-family:Consolas,Courier New,monospace;font-size:12px;letter-spacing:.5px}.mbp-target-name{text-align:left;color:var(--text3);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbp-target-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--card);border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 24px #00000080;animation:dropdown-in .12s ease-out forwards}.mbp-target-item{display:grid;grid-template-columns:40px 1fr;align-items:baseline;width:100%;padding:6px 8px;border:none;background:none;cursor:pointer;font:12px/1.2 inherit;font-weight:600;color:var(--text2);transition:background .1s}.mbp-target-item:hover{background:var(--surface);color:var(--text)}.mbp-pair-row{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.mbp-pair-check{accent-color:var(--accent);width:13px;height:13px;cursor:pointer;flex-shrink:0}.mbp-pair-lbl{font-size:12px;color:var(--text);font-weight:600}.mbp-pair-offset-row{display:flex;align-items:center;gap:6px;margin-top:6px}.mbp-offset-btn{background:var(--surface);border:1px solid var(--border);color:var(--text2);width:20px;height:20px;border-radius:3px;cursor:pointer;font-size:10px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.mbp-offset-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.mbp-offset-btn:disabled{opacity:.35;cursor:default}.mbp-offset-val{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text);min-width:28px;text-align:center}.mb-pair-tag{font-size:9px;font-weight:700;letter-spacing:.3px;background:#ffffff2e;border-radius:2px;padding:0 3px;margin-left:3px;flex-shrink:0;line-height:1.6;opacity:.9}.tank{background:rgba(var(--role-tank),.58);border-color:rgba(var(--role-tank-border),.8);color:var(--role-tank-text)}.tank .mb-pip{background:var(--role-tank-text)}.heal{background:rgba(var(--role-heal),.58);border-color:rgba(var(--role-heal-border),.8);color:var(--role-heal-text)}.heal .mb-pip{background:var(--role-heal-text)}.melee{background:rgba(var(--role-melee),.58);border-color:rgba(var(--role-melee-border),.8);color:var(--role-melee-text)}.melee .mb-pip{background:var(--role-melee-text)}.pranged{background:rgba(var(--role-pranged),.58);border-color:rgba(var(--role-pranged-border),.8);color:var(--role-pranged-text)}.pranged .mb-pip{background:var(--role-pranged-text)}.caster{background:rgba(var(--role-caster),.58);border-color:rgba(var(--role-caster-border),.8);color:var(--role-caster-text)}.caster .mb-pip{background:var(--role-caster-text)}.extras{background:rgba(var(--role-extras),.58);border-color:rgba(var(--role-extras-border),.8);color:var(--role-extras-text)}.extras .mb-pip{background:var(--role-extras-text)}.invuln{background:rgba(var(--invuln),.58);border-color:rgba(var(--invuln-border),.8);color:var(--invuln-text)}.invuln .mb-pip{background:var(--invuln-text)}.mb.has-note:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.85}.mb.error{border-color:rgba(var(--err),.85)!important;background-color:rgba(var(--err),.22)!important;color:var(--err-text)!important;border-style:dashed!important}.mb.error .mb-pip{background:var(--err-text)!important}.mb.error .mb-body:after{content:"⚠";font-size:clamp(12px,calc(var(--zoom, 9) * 1.67px),18px);margin-left:4px;opacity:.9}.mb.warning{border-color:rgba(var(--warn),.85)!important;background-color:rgba(var(--warn-bg),.28)!important;color:var(--warn-text)!important}.mb.warning .mb-pip{background:var(--warn-text)!important}.mb.warning .mb-body:after{content:"⚠";font-size:clamp(12px,calc(var(--zoom, 9) * 1.67px),18px);margin-left:4px;opacity:.9;color:var(--amber)}.mb.dragging.error{border-color:rgba(var(--err),.85)!important;background-color:transparent!important}.mb.dragging.warning{border-color:rgba(var(--warn),.85)!important;background-color:transparent!important}.ability-palette-wrap{position:absolute;top:100%;right:0;width:100%;z-index:40}.ability-palette-wrap:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.ability-palette{background:var(--card);border:1px solid var(--border);border-radius:6px;width:100%;container-type:inline-size;box-shadow:0 8px 32px #000000a6;overflow-y:auto;max-height:calc(100vh - 160px);animation:dropdown-in .15s ease-out forwards}.ability-palette.is-closing{animation:dropdown-out .12s ease-in forwards}.palette-hdr{padding:10px 16px;border-bottom:1px solid var(--border);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--card);z-index:1}.palette-close{color:var(--text3);cursor:pointer;font-size:21px;font-weight:300;line-height:1}.palette-close:hover{color:var(--text)}.palette-item{display:flex;align-items:center;padding:9px 16px;gap:13px;cursor:grab;border-bottom:1px solid var(--border2);transition:background .1s}.palette-item:hover{background:rgba(var(--accent-rgb),.08)}.palette-item:active{transform:scale(.95);background:rgba(var(--accent-rgb),.15);transition:transform .06s ease-in}.palette-section{padding:5px 16px 4px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);background:var(--bg);border-bottom:1px solid var(--border2)}.palette-item-pip{width:4px;height:39px;border-radius:2px;flex-shrink:0}.palette-item-info{flex:1;min-width:0}.palette-item-icon{width:32px;height:32px;border-radius:4px;flex-shrink:0}@container (max-width: 220px){.palette-item-icon{display:none}}.palette-item-name{font-size:17px;font-weight:600;color:var(--text)}.palette-item-meta{font-size:14px;color:var(--text3);margin-top:2px;display:flex;gap:10px}.palette-hint{padding:9px 16px;font-size:14px;color:var(--text3);font-style:italic}.condensed-view{flex:1;overflow:auto;padding:0 16px 16px 40px;font-size:max(10px,calc(var(--zoom, 9) * 1.44px));display:flex;flex-direction:column;align-items:flex-start;position:relative}.cv-readonly-hint{padding:6px 16px;text-align:center;background:rgba(var(--accent-rgb),.1);border-bottom:1px solid rgba(var(--accent-rgb),.25);color:var(--accent);font-size:12px;font-weight:500}.condensed-view.cv-personal{flex-direction:row;justify-content:center;align-items:flex-start;padding:0 16px 16px}.cv-outer{display:flex;align-items:flex-start;min-width:100%;margin-top:16px}.cv-outer-personal{min-width:unset}.cv-phase-track{width:24px;flex-shrink:0;position:relative;align-self:stretch;margin-right:6px}.cv-phase-bracket{position:absolute;left:0;right:0;border-left:1px solid;border-top:1px solid;border-bottom:1px solid;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px 0 0 3px;pointer-events:none;-webkit-user-select:none;user-select:none}.cv-phase-1{border-color:var(--phase-1)}.cv-phase-2{border-color:var(--phase-2)}.cv-phase-3{border-color:var(--phase-3)}.cv-phase-4{border-color:var(--phase-4)}.cv-phase-5{border-color:var(--phase-5)}.cv-phase-6{border-color:var(--phase-6)}.cv-phase-7{border-color:var(--phase-7)}.cv-phase-label{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.cv-phase-1 .cv-phase-label{color:var(--phase-1)}.cv-phase-2 .cv-phase-label{color:var(--phase-2)}.cv-phase-3 .cv-phase-label{color:var(--phase-3)}.cv-phase-4 .cv-phase-label{color:var(--phase-4)}.cv-phase-5 .cv-phase-label{color:var(--phase-5)}.cv-phase-6 .cv-phase-label{color:var(--phase-6)}.cv-phase-7 .cv-phase-label{color:var(--phase-7)}.cv-wrap{border:1px solid var(--border);border-radius:0 0 6px 6px;flex:1;min-width:0;position:relative}.cv-wrap.cv-wrap-personal{flex:unset;width:55vw}.cv-personal .cv-table{table-layout:fixed}.cv-personal .cv-th-event{width:35%;min-width:unset}.cv-personal .cv-th-player{width:65%;min-width:unset;text-align:center;font-size:1em}.cv-td-inner{min-height:32px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:2px 0;max-width:100%}.cv-personal .cv-td-event,.cv-personal .cv-event-inner{overflow:hidden}.cv-personal .cv-ename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.cv-table{border-collapse:separate;border-spacing:0;font-size:1em;width:100%;table-layout:fixed}.cv-th{padding:8px 14px;text-align:left;white-space:nowrap;border-bottom:2px solid var(--border);border-right:1px solid var(--border);background:var(--surface);font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.cv-th:last-child{border-right:none}.cv-th-event{color:var(--text2);width:220px;border-right:2px solid var(--border);text-align:center}.cv-th-player{text-align:center;color:#fff}.cv-th-player[draggable=true]{cursor:grab}.cv-th-player.col-dragging{filter:brightness(.7)}.cv-th-player.col-drag-over{box-shadow:inset 3px 0 0 var(--accent)}.cv-drop-zone{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;display:none;padding:40px 60px;font-size:18px;font-weight:600;color:var(--text3);border:2px dashed var(--border);border-radius:12px;background:#000000b3;transition:border-color .12s,color .12s,background .12s}.cv-drop-zone.cv-drop-visible{display:block}.cv-drop-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#00000059;pointer-events:none;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.cv-drop-active{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(var(--accent-rgb),.15)!important}.cv-hidden-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 16px;margin-top:8px}.cv-hidden-lbl{font-size:12px;color:var(--text3)}.cv-hidden-btn{font:11px/1 inherit;padding:3px 8px;border-radius:3px;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text2);transition:color .1s,border-color .1s}.cv-hidden-btn:hover{color:var(--text);border-color:var(--accent)}.cv-th-name{font-size:1em;font-weight:400;opacity:.65;letter-spacing:0;text-transform:none;margin-top:2px}.cv-td{padding:7px 12px;border-bottom:1px solid var(--border2);border-right:1px solid var(--border);vertical-align:middle;overflow:hidden}.cv-td:last-child{border-right:none}.cv-row{outline:1px solid transparent;outline-offset:-1px}.cv-row:hover{outline-color:var(--accent)}.cv-td-event{background:#ffffff0a;border-right:2px solid var(--border);overflow:hidden;cursor:default}.cv-row:nth-child(2n) .cv-td-event{background:#ffffff24}.cv-event-inner{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}.cv-time{font-family:Consolas,Courier New,monospace;font-size:.92em;color:var(--text2);flex-shrink:0}.cv-ename{font-weight:600;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cv-etype{font-size:.77em;font-weight:800;border-radius:3px;padding:1px 5px;flex-shrink:0}.cv-etype-raid{background:rgba(var(--ba-raid),.55);color:var(--ba-raid-text)}.cv-etype-tb{background:rgba(var(--ba-tb),.55);color:var(--ba-tb-text)}.cv-etype-enrage{background:rgba(var(--ba-enrage),.7);color:var(--ba-enrage-text)}.cv-etype-note{background:rgba(var(--ba-note),.55);color:var(--ba-note-text)}.cv-mit{display:inline-flex;align-items:center;gap:4px;position:relative;font-size:.92em;font-weight:600;padding:3px 8px;border-radius:3px;margin:0 3px 0 0;cursor:default;min-width:0;max-width:100%;overflow:hidden}.cv-mit-name{min-width:0;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.cv-pair-tag{font-size:.75em;font-weight:700;letter-spacing:.3px;background:#ffffff2e;border-radius:2px;padding:0 3px;flex-shrink:0;opacity:.9}.cv-mit-icon{width:1.2em;height:1.2em;object-fit:contain;border-radius:2px;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));max-width:1.2em;max-height:1.2em}.cv-mit.has-note:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.85}.cv-mit-echo{opacity:.35}.cv-mit-tank{background:rgba(var(--role-tank),.55);color:var(--role-tank-text)}.cv-mit-heal{background:rgba(var(--role-heal),.55);color:var(--role-heal-text)}.cv-mit-melee{background:rgba(var(--role-melee),.55);color:var(--role-melee-text)}.cv-mit-pranged{background:rgba(var(--role-pranged),.55);color:var(--role-pranged-text)}.cv-mit-caster{background:rgba(var(--role-caster),.55);color:var(--role-caster-text)}.cv-mit-extras{background:rgba(var(--role-extras),.55);color:var(--role-extras-text)}.cv-mit-invuln{background:rgba(var(--invuln),.55);color:var(--invuln-text)}.col-tank{background:rgba(var(--role-tank),.12)}.col-heal{background:rgba(var(--role-heal),.12)}.col-melee{background:rgba(var(--role-melee),.12)}.col-pranged{background:rgba(var(--role-pranged),.12)}.col-caster{background:rgba(var(--role-caster),.12)}.col-extras{background:rgba(var(--role-extras),.12)}.cv-row:nth-child(2n) .col-tank{background:rgba(var(--role-tank),.28)}.cv-row:nth-child(2n) .col-heal{background:rgba(var(--role-heal),.28)}.cv-row:nth-child(2n) .col-melee{background:rgba(var(--role-melee),.28)}.cv-row:nth-child(2n) .col-pranged{background:rgba(var(--role-pranged),.28)}.cv-row:nth-child(2n) .col-caster{background:rgba(var(--role-caster),.28)}.cv-row:nth-child(2n) .col-extras{background:rgba(var(--role-extras),.28)}.cv-th.col-tank{background:linear-gradient(#285adc66,#285adc66),var(--surface)}.cv-th.col-heal{background:linear-gradient(#148c3766,#148c3766),var(--surface)}.cv-th.col-melee{background:linear-gradient(#b4371e66,#b4371e66),var(--surface)}.cv-th.col-pranged{background:linear-gradient(#a08c0a66,#a08c0a66),var(--surface)}.cv-th.col-caster{background:linear-gradient(#6e2db966,#6e2db966),var(--surface)}.cv-th.col-extras{background:linear-gradient(#78787866,#78787866),var(--surface)}.condensed-view.export-mode{position:fixed;left:-99999px;top:0;width:max-content;overflow:visible;pointer-events:none;flex-direction:column;align-items:stretch;padding-bottom:0}.export-mode .cv-phase-label{writing-mode:horizontal-tb;transform:rotate(-90deg)}.export-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:4px 16px;font-family:Oxanium,sans-serif;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--text)}.export-footer span{color:var(--accent);margin-left:-4px}.export-mode .cv-wrap{overflow:visible;min-width:unset}.export-mode .cv-table{table-layout:auto}.export-mode .cv-th-event{width:auto}.export-mode .cv-td-event,.export-mode .cv-event-inner{overflow:visible}.export-mode .cv-ename{overflow:visible;text-overflow:unset}.export-mode.cv-personal .cv-td-event,.export-mode.cv-personal .cv-event-inner{overflow:visible}.export-mode.cv-personal .cv-ename{overflow:visible;text-overflow:unset}.export-mode.cv-personal .cv-th-event,.export-mode.cv-personal .cv-th-player{width:auto}@media(max-width:768px){.condensed-view{padding:0 0 8px}.cv-outer{margin-top:8px;min-width:max-content}.cv-wrap{border-radius:0;border-left:none;border-right:none}.cv-table{table-layout:auto}.cv-th{padding:6px 8px}.cv-td{padding:5px 8px}.cv-th-player{min-width:calc(50vw - 1px);max-width:50vw}.cv-td:not(.cv-td-event){min-width:calc(50vw - 1px);max-width:50vw}.cv-th-event{width:min(130px,50vw);min-width:0;max-width:50vw;position:-webkit-sticky;position:sticky;left:0;z-index:12;background:var(--surface)}.cv-td-event{width:min(130px,50vw);min-width:0;max-width:50vw;position:-webkit-sticky;position:sticky;left:0;z-index:1;background:var(--surface);overflow:visible}.cv-row:nth-child(2n) .cv-td-event{background:var(--card)}.cv-mit{padding:1px 3px}.cv-hidden-bar{padding:6px 8px}.cv-drop-zone{padding:24px 32px;font-size:15px}.cv-phase-track{display:none}.condensed-view.cv-personal{flex-direction:column;padding:0 0 8px;justify-content:flex-start;align-items:stretch;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.cv-outer-personal{min-width:100%}.cv-wrap.cv-wrap-personal{width:100%}.cv-personal .cv-table{table-layout:fixed;width:100%}.cv-personal .cv-th-event,.cv-personal .cv-th-player{width:50%;min-width:0;max-width:none}}@media(max-width:480px){.cv-th-event{width:110px}.cv-th{padding:5px 6px}.cv-td{padding:4px 6px}}.app.patterns .mb-name,.app.patterns .player-job,.app.patterns .player-name-field{-webkit-text-stroke:3px rgba(0,0,0,.55);paint-order:stroke fill}.app.patterns .hdr-tank,.app.patterns .mb.tank{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42'><rect width='21' height='21' fill='white' fill-opacity='0.15'/><rect x='21' y='21' width='21' height='21' fill='white' fill-opacity='0.15'/></svg>");background-size:42px 42px}.app.patterns .hdr-heal,.app.patterns .mb.heal{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42'><path d='M7,0 H14 V7 H21 V14 H14 V21 H7 V14 H0 V7 H7 Z' fill='white' fill-opacity='0.15'/><path d='M28,21 H35 V28 H42 V35 H35 V42 H28 V35 H21 V28 H28 Z' fill='white' fill-opacity='0.15'/></svg>");background-size:42px 42px}.app.patterns .hdr-melee,.app.patterns .mb.melee{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42'><circle cx='10.5' cy='10.5' r='10' fill='white' fill-opacity='0.15'/><circle cx='31.5' cy='31.5' r='10' fill='white' fill-opacity='0.15'/></svg>");background-size:42px 42px}.app.patterns .hdr-pranged,.app.patterns .mb.pranged{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><polygon points='14,0 28,14 14,28 0,14' fill='white' fill-opacity='0.15'/></svg>");background-size:28px 28px}.app.patterns .hdr-caster,.app.patterns .mb.caster{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42'><polygon points='10.5,0.5 12.9,7.3 20,7.4 14.3,11.7 16.4,18.6 10.5,14.5 4.6,18.6 6.7,11.7 1,7.4 8.2,7.3' fill='white' fill-opacity='0.15'/><polygon points='31.5,21.5 33.9,28.3 41,28.4 35.3,32.7 37.4,39.6 31.5,35.5 25.6,39.6 27.7,32.7 22,28.4 29.2,28.3' fill='white' fill-opacity='0.15'/></svg>");background-size:42px 42px}.app.patterns .mb.invuln{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42'><rect width='21' height='21' fill='white' fill-opacity='0.15'/><rect x='21' y='21' width='21' height='21' fill='white' fill-opacity='0.15'/></svg>");background-size:42px 42px}.app.patterns .mb.error,.app.patterns .mb.warning{background-image:none!important}.app.patterns .mb.error:before,.app.patterns .mb.warning:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,transparent,transparent 16px,rgba(255,255,255,.12) 16px,rgba(255,255,255,.12) 32px);pointer-events:none}.ab-tip-wrap{position:fixed;z-index:200;pointer-events:none;width:280px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:var(--text)}.ab-tip{background:linear-gradient(135deg,var(--tip-bg-1) 0%,var(--tip-bg-2) 100%);border:1px solid rgba(var(--accent-rgb),.35);box-shadow:0 0 6px 2px #0a0814cc,0 0 1px 1px rgba(var(--accent-rgb),.15);border-radius:4px}.ab-tip-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid rgba(var(--accent-rgb),.25);position:relative;min-height:40px}.ab-tip-icon{width:36px;height:36px;border:1px solid rgba(0,0,0,.6);border-radius:4px;object-fit:contain;box-shadow:0 1px 3px #00000080}.ab-tip-title{flex:1;min-width:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-tip-type{width:100%;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-top:-4px}.ab-tip-stats{display:flex;gap:0;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.ab-tip-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.ab-tip-stat-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.3px}.ab-tip-stat-value{font-size:14px;font-weight:700;color:var(--text)}.ab-tip-desc{padding:8px 12px 10px;font-size:12px;line-height:1.4;color:var(--text2)}.ab-tip-desc p{margin:4px 0 0}.ab-tip-scope{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:3px;background:#ffffff14;color:var(--text3)}.ab-tip-note{margin-top:4px;padding:8px 12px;font-size:13px;line-height:1.4;color:var(--text);background:linear-gradient(135deg,var(--tip-bg-1) 0%,var(--tip-bg-2) 100%);border:1px solid rgba(var(--accent-rgb),.35);box-shadow:0 0 6px 2px #0a0814cc,0 0 1px 1px rgba(var(--accent-rgb),.15);border-radius:4px}.ab-tip-note-label{display:block;margin-bottom:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:3px;width:fit-content;background:rgba(var(--accent-rgb),.2);color:var(--accent)}.tb-planner{--tb-pld: #a8d2e6;--tb-war: #cf2621;--tb-drk: #d126cc;--tb-gnb: #796d30}.tb-planner{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.tb-empty{color:var(--text3);font-size:14px;padding:40px;text-align:center}.tb-hint{font-size:12px;color:var(--text);padding:6px 18px;text-align:center;background:var(--surface);border:1px solid var(--accent);border-radius:4px;margin-bottom:10px;font-weight:500}.tb-pair-bar{display:flex;gap:4px;padding:0 16px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--surface);width:100%;position:sticky;top:0;z-index:20}.tb-pair-btn{font:13px/1 Lexend,system-ui,sans-serif;font-weight:600;padding:8px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text2);cursor:pointer;transition:color .1s,border-color .1s}.tb-pair-btn:hover{color:var(--text)}.tb-pair-btn.active{color:var(--role-tank-accent);border-bottom-color:var(--role-tank-accent)}.tb-pair-btn-empty{opacity:.5}.tb-pair-btn-empty.active{opacity:1}.tb-table-wrap{width:55vw;padding:16px 0;font-size:max(10px,calc(var(--zoom, 9) * 2.16px))}.tb-table{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid var(--border)}.tb-table th,.tb-table td{padding:6px 10px;border-bottom:1px solid var(--border2);border-right:1px solid var(--border);text-align:left;vertical-align:middle}.tb-table th:last-child,.tb-table td:last-child{border-right:none}.tb-table th{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);background:var(--surface);position:sticky;top:var(--bars-h, 62px);z-index:1}.tb-th-event{width:40%}.tb-th-tank{width:30%}.tb-th-tank[data-job=PLD]{color:var(--tb-pld)!important}.tb-th-tank[data-job=WAR]{color:var(--tb-war)!important}.tb-th-tank[data-job=DRK]{color:var(--tb-drk)!important}.tb-th-tank[data-job=GNB]{color:var(--tb-gnb)!important}.tb-phase-row td{border-bottom:none!important}.tb-phase-label{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);padding:10px 10px 4px!important;background:transparent!important}.tb-th-event{background:var(--surface)!important;border-right:2px solid var(--border)!important}.tb-table tbody td:first-child{background:#ffffff0a;border-right:2px solid var(--border)}.tb-table tbody tr:nth-child(2n) td:first-child{background:#ffffff24}.tb-table tr:last-child td{border-bottom:none}.tb-event-name{font-size:1em;font-weight:600;color:var(--text)}.tb-event-time{font-family:Consolas,Courier New,monospace;font-size:.92em;color:var(--text2);margin-left:6px}.tb-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:28px}.tb-ability{display:inline-flex;align-items:center;gap:3px;font-size:.92em;font-weight:600;padding:2px 6px;border-radius:3px;background:rgba(var(--role-tank),.55);color:var(--role-tank-text);position:relative}td[data-job=PLD] .tb-ability{background:#a8d2e640;color:var(--tb-pld)}td[data-job=WAR] .tb-ability{background:#cf262140;color:#ff8070}td[data-job=DRK] .tb-ability{background:#d126cc40;color:#e880e5}td[data-job=GNB] .tb-ability{background:#796d3059;color:#b8a850}td[data-job=PLD]{background:#a8d2e60f}td[data-job=WAR]{background:#cf26210f}td[data-job=DRK]{background:#d126cc0f}td[data-job=GNB]{background:#796d3014}tr:nth-child(2n) td[data-job=PLD]{background:#a8d2e624}tr:nth-child(2n) td[data-job=WAR]{background:#cf262124}tr:nth-child(2n) td[data-job=DRK]{background:#d126cc24}tr:nth-child(2n) td[data-job=GNB]{background:#796d302e}.tb-ability-icon{width:1.2em;height:1.2em;object-fit:contain;border-radius:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.tb-ability-offset{font-size:.75em;background:#0000004d;padding:0 3px;border-radius:2px;margin-left:2px}.tb-ability-note{font-size:.8em;opacity:.7;font-weight:400;font-style:italic;margin-left:3px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-end:.25em}.tb-cotank-tag{font-size:.75em;font-weight:700;background:#ffffff2e;border-radius:2px;padding:0 3px;margin-left:3px;flex-shrink:0;line-height:1.6;opacity:.9}.tb-carryover{opacity:.35;cursor:default;border:1px dashed currentColor!important}.tb-carryover .tb-ability-icon{opacity:.6}.tb-ability-editable{cursor:pointer;transition:opacity .1s}.tb-ability-editable:hover{opacity:.75}.tb-ability-editable:hover .tb-ability-note,.tb-ability-editable.tb-conflict:hover{opacity:1}.tb-conflict{background:rgba(var(--err),.22)!important;border:1px dashed rgba(var(--err),.85);color:var(--err-text)!important}.tb-conflict:after{content:"⚠";font-size:.85em;margin-left:2px;opacity:.9}.tb-conflict .tb-ability-icon{opacity:.6}.tb-conflict-tip{padding:4px 8px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;background:rgba(var(--err),.92);color:#fff;z-index:300;pointer-events:none}.tb-note-tip{z-index:300;pointer-events:none;max-width:240px;white-space:pre-wrap}.tb-add-btn{width:20px;height:20px;border-radius:3px;padding:0;border:1px solid rgba(255,255,255,.55);color:#ffffffd9;display:block;position:relative;font-size:0;cursor:pointer;flex-shrink:0;opacity:.7;transition:opacity .15s;background:#0000004d}.tb-add-btn:before,.tb-add-btn:after{content:"";position:absolute;background:currentColor;border-radius:1px;top:50%;left:50%}.tb-add-btn:before{width:10px;height:2px;transform:translate(-50%,-50%)}.tb-add-btn:after{width:2px;height:10px;transform:translate(-50%,-50%)}.tb-add-btn:hover{border-color:#fff;color:#fff;background:#00000073;opacity:1}.tb-dropdown{z-index:50;min-width:180px;background:var(--card);border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 24px #00000080;animation:dropdown-in .12s ease-out forwards}.tb-dropdown:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.tb-dropdown.is-closing{animation:dropdown-out .12s ease-in forwards}.tb-dropdown-group{padding:4px 0}.tb-dropdown-group+.tb-dropdown-group{border-top:1px solid var(--border2)}.tb-dropdown-group-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);padding:4px 10px 2px}.tb-dropdown-item{display:flex;align-items:center;gap:6px;padding:5px 10px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text);transition:background .1s}.tb-dropdown-item:hover{background:var(--surface)}.tb-dropdown-item-icon{width:18px;height:18px;object-fit:contain;border-radius:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.tb-dropdown-item-cd{font-size:10px;color:var(--text3);margin-left:auto}.tb-variant-bar{display:flex;gap:4px;padding:4px 16px;flex-shrink:0;align-items:center;border-bottom:1px solid var(--border2);background:var(--surface);width:100%;position:sticky;top:var(--pair-bar-h, 32px);z-index:19}.tb-variant-btn{font:11px/1 Lexend,system-ui,sans-serif;font-weight:600;padding:4px 10px;border:1px solid var(--border2);border-radius:3px;background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .1s,border-color .1s,background .1s}.tb-variant-btn:hover{color:var(--text);border-color:var(--border)}.tb-variant-btn.active{color:var(--role-tank-accent);border-color:var(--role-tank-accent);background:rgba(var(--role-tank),.12)}.tb-variant-name-input{background:transparent;border:none;outline:none;color:inherit;font:inherit;width:80px;padding:0}.tb-variant-remove{font-size:13px;line-height:1;opacity:.5;cursor:pointer;margin-left:2px;transition:opacity .1s}.tb-variant-btn:hover .tb-variant-remove{opacity:.8}.tb-variant-remove:hover{opacity:1!important}.tb-variant-add-btn{font:11px/1 Lexend,system-ui,sans-serif;font-weight:600;padding:4px 12px;border:1px dashed var(--accent);border-radius:3px;background:rgba(var(--accent-rgb, 100,80,200),.08);color:var(--accent);cursor:pointer;transition:color .1s,border-color .1s,background .1s;margin-left:4px}.tb-variant-add-btn:hover{background:rgba(var(--accent-rgb, 100,80,200),.2)}.tb-variant-add-btn:disabled{opacity:.35;cursor:not-allowed}.tb-edit-panel{background:var(--card);border:1px solid var(--border);border-radius:5px;padding:8px 10px;z-index:200;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:6px;min-width:200px;animation:dropdown-in .1s ease-out forwards}.tb-edit-note{width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:3px;padding:4px 7px;color:var(--text);font-size:12px;outline:none}.tb-edit-note:focus{border-color:var(--accent)}.tb-edit-row{display:flex;align-items:center;gap:6px}.tb-edit-offset-label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text2);flex:1}.tb-edit-offset-wrap{display:flex;align-items:stretch;border:1px solid var(--border2);border-radius:3px;overflow:hidden;background:var(--surface);transition:border-color .1s}.tb-edit-offset-wrap:focus-within{border-color:var(--accent)}.tb-offset-step{background:transparent;border:none;color:var(--text3);cursor:pointer;padding:2px 5px;font-size:13px;font-weight:700;line-height:1;transition:background .1s,color .1s}.tb-offset-step:hover{background:#ffffff14;color:var(--accent)}.tb-edit-offset{width:36px;background:transparent;border:none;border-left:1px solid var(--border2);border-right:1px solid var(--border2);padding:3px 2px;color:var(--text);font-size:12px;text-align:center;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tb-edit-offset::-webkit-inner-spin-button,.tb-edit-offset::-webkit-outer-spin-button{-webkit-appearance:none}.tb-edit-remove{padding:3px 7px;border-radius:3px;border:1px solid rgba(var(--err),.5);background:rgba(var(--err),.15);color:var(--err-text);font-size:11px;font-weight:600;cursor:pointer;transition:background .1s}.tb-edit-remove:hover{background:rgba(var(--err),.3)}.tb-edit-save{padding:3px 9px;border-radius:3px;border:1px solid var(--accent);background:rgba(var(--accent-rgb, 100,80,200),.15);color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;transition:background .1s}.tb-edit-save:hover{background:rgba(var(--accent-rgb, 100,80,200),.3)}