/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e2f0;background:radial-gradient(circle at 25% -10%,#221836,#16121f,#100c16);min-height:100vh;font-family:Sora,system-ui,sans-serif}::selection{background:#c084fc44}input,textarea,select,button{font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:#c084fc!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#15121c}::-webkit-scrollbar-thumb{background:#332d44;border-radius:4px}.wrap{max-width:1160px;margin:0 auto;padding:18px}.topbar{border-bottom:1px solid #2a2438;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.h1{letter-spacing:.04em;color:#f0eaff;font-family:Cinzel,serif;font-size:19px}.sub{color:#8a8398;margin-top:3px;font-size:12px}.tabs{background:#1a1626;border:1px solid #2a2438;border-radius:11px;gap:6px;padding:5px;display:flex}.tab{color:#8a8398;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.tab.active{color:#e8d9ff;background:#2e2546;box-shadow:0 0 0 1px #c084fc44}.langSwitch{background:#15121f;border:1px solid #2a2438;border-radius:8px;align-items:center;gap:2px;margin-left:4px;padding:2px;display:flex}.langBtn{color:#8a8398;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:700;transition:all .15s}.langBtn:hover{color:#d8d0e8}.langBtn.active{color:#e8d9ff;background:#2e2546;box-shadow:0 0 0 1px #c084fc44}.banner{align-items:center;gap:12px;margin-bottom:12px;display:flex}.reloadBtn{color:#c0b3d8;cursor:pointer;background:#1c1826;border:1px solid #332d44;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:flex}.savingTxt{color:#c084fc;align-items:center;gap:5px;font-size:12px;display:flex}.note{border-radius:9px;margin-bottom:14px;padding:9px 13px;font-size:12.5px;line-height:1.5}.note.share{color:#d4c4f0;background:#231a33;border:1px solid #4a3a6b}.note.priv{color:#a8e0c0;background:#16221c;border:1px solid #2e4a3a}.toolRow{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.searchWrap{background:#1c1826;border:1px solid #2e2940;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:200px;padding:0 12px;display:flex}.searchInput{color:#e8e2f0;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px}.primaryBtn{color:#1a0f2e;cursor:pointer;background:linear-gradient(135deg,#9d5fd0,#c084fc);border:none;border-radius:9px;align-items:center;gap:6px;padding:10px 16px;font-size:13.5px;font-weight:600;display:flex}.counterPanel{background:#1a1525;border:1px solid #4a3a6b;border-radius:14px;margin-bottom:22px;padding:18px;box-shadow:0 8px 32px #00000050}.cpHead{justify-content:space-between;align-items:flex-start;display:flex}.cpLabel{letter-spacing:.07em;color:#e0563f;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.cpDivider{color:#c084fc;letter-spacing:.05em;border-top:1px solid #2a2438;align-items:center;gap:6px;margin:18px 0 12px;padding-top:14px;font-family:Cinzel,serif;font-size:13px;display:flex}.counterGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:14px;display:grid}.counterCard{cursor:pointer;background:#15101f;border:1px solid #2e2940;border-radius:11px;padding:16px 18px;transition:all .15s ease-out}.counterCard:hover{background:#1c152a;border-color:#c084fc66;transform:translateY(-2px);box-shadow:0 6px 20px #c084fc14}.counterCardTop{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.counterNote{color:#a89cc0;margin-top:9px;font-size:12.5px;font-style:italic;line-height:1.5}.editLink{color:#8a8398;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:14px;font-size:12.5px;text-decoration:underline;display:inline-flex}.sectionLabel{color:#c0b3d8;letter-spacing:.06em;align-items:center;gap:7px;margin:4px 0 12px;font-family:Cinzel,serif;font-size:13px;display:flex}.libGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:13px;display:grid}.libCard{cursor:pointer;background:#1a1525;border:1px solid #2a2438;border-radius:13px;padding:15px;transition:all .15s;position:relative}.libCard.active{border-color:#c084fc;box-shadow:0 0 0 1px #c084fc66,0 6px 24px #c084fc22}.libCard:hover{border-color:#4a3a6b}.libCardBadge{color:#c0b3d8;background:#2e2546;border-radius:20px;padding:3px 8px;font-size:11px;position:absolute;top:11px;right:11px}.libCardStats{justify-content:space-between;align-items:center;gap:8px;margin-top:13px;display:flex}.statCounters{color:#4caf7d;background:#16221c;border:1px solid #2e4a3a;border-radius:7px;padding:4px 10px;font-size:12px}.compRow{gap:10px;display:flex}.avatarWrap{flex-direction:column;align-items:center;gap:5px;width:64px;display:flex}.avatar{color:#fff;text-shadow:0 1px 3px #00000080;border:2px solid #2a2438;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;position:relative}.roleDot{border:2px solid #15101f;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;display:flex;position:absolute;bottom:-2px;right:-2px}.heroName{color:#c0b3d8;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:11.5px;overflow:hidden}.tierBadge{background:#15101f;border:1px solid;border-radius:7px;padding:4px 10px;font-size:11.5px;font-weight:600}.wrBadge{color:#e8e2f0;font-size:12px;font-weight:600}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0712cc;justify-content:center;align-items:flex-start;padding:30px 16px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.modal{background:#16121f;border:1px solid #3a3450;border-radius:16px;width:100%;max-width:560px;box-shadow:0 20px 60px #000000a0}.modalHead{border-bottom:1px solid #2a2438;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modalTitle{color:#f0eaff;font-family:Cinzel,serif;font-size:16px}.modalBody{max-height:60vh;padding:18px;overflow-y:auto}.modalFoot{border-top:1px solid #2a2438;align-items:center;gap:10px;padding:14px 18px;display:flex}.fieldLabel{color:#a89cc0;align-items:center;gap:6px;margin:12px 0 6px;font-size:12.5px;font-weight:500;display:flex}.textField{color:#e8e2f0;background:#0f0c17;border:1px solid #2e2940;border-radius:8px;width:100%;padding:9px 12px;font-size:14px}.textArea{color:#e8e2f0;resize:vertical;background:#0f0c17;border:1px solid #2e2940;border-radius:8px;width:100%;min-height:90px;padding:11px 14px;font-size:16px;line-height:1.65}.heroEditRow{align-items:center;gap:8px;margin-bottom:7px;display:flex}.heroEditName{color:#e8e2f0;background:#0f0c17;border:1px solid #2e2940;border-radius:8px;flex:1;padding:8px 11px;font-size:13.5px}.roleBtns{gap:3px;display:flex}.roleBtn{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;font-size:13px;transition:all .12s;display:flex}.tierPick{cursor:pointer;background:0 0;border:1px solid;border-radius:7px;padding:5px 10px;font-size:12.5px;font-weight:600}.tierPick.small{padding:3px 7px;font-size:11px}.counterEditHead{color:#c0b3d8;border-top:1px solid #2a2438;justify-content:space-between;align-items:center;margin:18px 0 10px;padding-top:14px;font-family:Cinzel,serif;font-size:13px;display:flex}.smallBtn{color:#d4c4f0;cursor:pointer;background:#2e2546;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;display:flex}.counterEditCard{background:#100d18;border:1px solid #2a2438;border-radius:10px;margin-bottom:10px;padding:12px}.counterEditTop{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:9px;display:flex}.wlEdit{color:#a89cc0;flex:1;align-items:center;gap:7px;font-size:12px;display:flex}.stepper{align-items:center;gap:6px;display:flex}.stepBtn{color:#e8e2f0;cursor:pointer;background:#221c33;border:1px solid #3a3450;border-radius:6px;width:24px;height:24px;font-size:15px;line-height:1}.stepVal{text-align:center;min-width:20px;font-family:Cinzel,serif;font-size:15px;font-weight:600}.ghostBtn{color:#c0b3d8;cursor:pointer;background:0 0;border:1px solid #3a3450;border-radius:9px;padding:9px 16px;font-size:13.5px}.dangerBtn{color:#e0563f;cursor:pointer;background:#2a1620;border:1px solid #5a2838;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;display:flex}.iconBtn{color:#8a8398;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;display:flex}.dashBtn{color:#a89cc0;cursor:pointer;background:0 0;border:1.5px dashed #3a3450;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:9px;font-size:13px;display:flex}.emptyHint{color:#6b6478;grid-column:1/-1;font-size:12.5px;font-style:italic;line-height:1.5}.myLayout{grid-template-columns:260px 1fr;align-items:start;gap:16px;display:grid}@media(max-width:680px){.myLayout{grid-template-columns:1fr}}.myside{background:#1a1525;border:1px solid #2a2438;border-radius:12px;padding:10px}.sideHead{color:#8a8398;letter-spacing:.06em;padding:6px 8px 10px;font-family:Cinzel,serif;font-size:11.5px}.teamChip{cursor:pointer;background:#211b30;border:1px solid #2a2438;border-radius:9px;align-items:center;gap:8px;margin-bottom:7px;padding:10px 11px;display:flex}.teamChip.active{background:#2a2240;border-color:#c084fc}.chipName{color:#e8e2f0;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.chipMeta{color:#8a8398;margin-top:1px;font-size:11px}.chipRec{font-family:Cinzel,serif;font-size:12px}.myMain{background:#1a1525;border:1px solid #2a2438;border-radius:12px;min-height:360px;padding:18px}.myHead{align-items:center;gap:10px;margin-bottom:16px;display:flex}.myName{color:#f0eaff;background:#0f0c17;border:1px solid #2e2940;border-radius:8px;flex:1;padding:7px 12px;font-family:Cinzel,serif;font-size:17px}.select{color:#e8e2f0;cursor:pointer;background:#0f0c17;border:1px solid #2e2940;border-radius:8px;padding:8px 10px;font-size:13px}.heroSecHead{color:#8a8398;letter-spacing:.05em;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-family:Cinzel,serif;font-size:12px;display:flex}.dragHint{color:#6b6478;font-family:Sora,sans-serif;font-size:11px;font-style:italic;font-weight:400}.mHeroRow{background:#211b30;border:1px solid #2a2438;border-radius:9px;align-items:center;gap:8px;margin-bottom:7px;padding:8px 11px;display:flex}.mOrder{color:#c084fc;text-align:center;width:16px;font-family:Cinzel,serif;font-size:14px}.mHeroInput{color:#e8e2f0;background:0 0;border:none;border-bottom:1px solid #2e2940;flex:1;padding:4px 2px;font-size:14px}.wlRow{gap:12px;margin:18px 0;display:flex}.wlBox{color:#c0b3d8;background:#0f0c17;border:1px solid #2e2940;border-radius:10px;flex:1;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.placeholder{color:#6b6478;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:70px;display:flex}.progressCard{background:#1a1525;border:1px solid #2a2438;border-radius:13px;margin-bottom:14px;padding:18px}.progressTop{color:#c0b3d8;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13.5px;display:flex}.progressTrack{background:#0f0c17;border:1px solid #2e2940;border-radius:6px;height:10px;overflow:hidden}.progressFill{border-radius:6px;height:100%;transition:width .4s}.progressNote{color:#8a8398;margin-top:8px;font-size:12.5px}.guildStats{gap:12px;margin-bottom:16px;display:flex}.statBox{text-align:center;background:#1a1525;border:1px solid #2a2438;border-radius:10px;flex:1;padding:12px}.statVal{font-family:Cinzel,serif;font-size:22px;font-weight:700}.statLbl{color:#8a8398;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:11px}.memberList{flex-direction:column;gap:9px;display:flex}.memberRow{background:#1a1525;border:1px solid #2a2438;border-radius:11px;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 14px;display:flex}.memberAvatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.memberName{color:#e8e2f0;font-size:14.5px;font-weight:500}.memberMeta{color:#8a8398;margin-top:1px;font-size:11.5px}.memberCtrl{align-items:center;gap:6px;display:flex}.ctrlLabel{color:#8a8398;text-align:right;width:24px;font-size:11px}.loading{text-align:center;color:#8a8398;padding:60px;font-style:italic}.hero-picker-overlay{z-index:1300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0712d9;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.hero-picker-modal{background:#161220;border:1px solid #3d3356;border-radius:18px;flex-direction:column;width:100%;max-width:700px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 80px #000c}.hero-picker-modal.hpm-large{max-width:980px;max-height:92vh}.hero-picker-head{border-bottom:1px solid #2e2646;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hero-picker-title{color:#f0eaff;font-family:Cinzel,serif;font-size:15px}.hero-picker-body{flex:1;padding:16px 20px;overflow-y:auto}.hero-picker-filters{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.hero-picker-search{color:#e8e2f0;background:#0c0915;border:1px solid #2f274c;border-radius:8px;width:100%;padding:10px 14px;font-size:13.5px}.hero-picker-pills{flex-wrap:wrap;gap:5px;display:flex}.hero-picker-pill{color:#8a8398;cursor:pointer;text-transform:uppercase;background:#1c172d;border:1px solid #2f274c;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.hero-picker-pill.active{color:#15121a;background:#c084fc;border-color:#c084fc}.hero-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:2px;display:grid}.hero-picker-grid.hpm-grid-large{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.hero-picker-card{cursor:pointer;text-align:center;background:#110d1a;border:1px solid #251e39;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:all .15s;display:flex;position:relative;overflow:hidden}.hero-picker-card:hover{border-color:#c084fc;transform:translateY(-2px);box-shadow:0 4px 15px #c084fc26}.hero-picker-avatar{color:#8a8398;background-position:top;background-size:cover;border:2px solid #2a2438;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:14px;display:flex;position:relative;overflow:hidden}.hero-picker-avatar.hpm-avatar-large{border:2.5px solid #2a2438;width:72px;height:72px;font-size:16px}.hero-picker-card-name{color:#c0b3d8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.hero-picker-card-name.hpm-name-large{font-size:12.5px;font-weight:600}.hero-picker-card-badge{border-radius:4px;padding:1px 4px;font-size:7.5px;font-weight:800;position:absolute;top:4px;right:4px}.hpm-selected-strip{box-sizing:border-box;background:#0f0c17;border-bottom:1px solid #2e2646;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 28px;display:flex}.hpm-pick-slot{cursor:default;background:#161220;border:2px dashed #2f274c;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;max-width:200px;height:160px;transition:all .15s;display:flex;position:relative}.hpm-pick-slot.filled{cursor:pointer;background:#1e1630;border-style:solid;border-color:#c084fc}.hpm-pick-slot.filled:hover{background:#1e150e;border-color:#e0563f}.hpm-pick-empty{color:#2f274c;font-family:Cinzel,serif;font-size:32px}.hpm-pick-avatar{color:#8a8398;background-position:top;background-size:cover;border:2.5px solid #3d3356;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:18px;display:flex}.hpm-pick-name{color:#e0d8f8;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:90%;font-size:13px;font-weight:700;overflow:hidden}.hpm-pick-badge{color:#110d1a;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800;position:absolute;top:6px;left:6px}.hpm-pick-remove{color:#e0563f;cursor:pointer;background:#e0563f33;border:1.5px solid #e0563f80;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.hpm-pick-remove:hover{color:#fff;background:#e0563f}.hpm-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#c084fc);border:none;border-radius:16px;flex-direction:column;flex:1.2;justify-content:center;align-items:center;gap:6px;max-width:240px;height:160px;transition:all .15s;display:flex}.hpm-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#c084fc);transform:translateY(-2px);box-shadow:0 8px 24px #c084fc66}.hpm-confirm-btn:disabled{color:#4a3e6d;cursor:not-allowed;box-shadow:none;background:#1b162a;border:2px solid #2f274c}.hpm-confirm-icon{font-size:28px;font-weight:700}.hpm-confirm-text{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.hpm-confirm-count{opacity:.85;font-size:12px}.hpm-confirm-btn:disabled .hpm-confirm-icon{color:#2f274c}@media(max-width:768px){.hpm-selected-strip{gap:16px;padding:16px 20px}.hpm-pick-slot{border-radius:12px;gap:6px;height:130px}.hpm-pick-avatar{width:60px;height:60px}.hpm-pick-name{font-size:11.5px}.hpm-pick-empty{font-size:26px}.hpm-pick-badge{padding:1px 4px;font-size:8px}.hpm-pick-remove{width:18px;height:18px;font-size:8px}.hpm-confirm-btn{border-radius:12px;gap:4px;height:130px}.hpm-confirm-icon{font-size:22px}.hpm-confirm-text{font-size:12px}.hpm-confirm-count{font-size:10px}}@media(max-width:500px){.hpm-selected-strip{gap:10px;padding:12px 14px}.hpm-pick-slot{border-radius:10px;gap:4px;height:100px}.hpm-pick-avatar{width:44px;height:44px}.hpm-pick-name{font-size:10px}.hpm-pick-empty{font-size:20px}.hpm-pick-badge{padding:.5px 3px;font-size:7px;top:4px;left:4px}.hpm-pick-remove{width:15px;height:15px;font-size:7px;top:4px;right:4px}.hpm-confirm-btn{border-radius:10px;gap:2px;height:100px}.hpm-confirm-icon{font-size:18px}.hpm-confirm-text{font-size:11px}.hpm-confirm-count{font-size:9px}}@media(max-width:380px){.hpm-selected-strip{gap:6px;padding:8px 10px}.hpm-pick-slot{border-radius:8px;height:90px}.hpm-pick-avatar{width:36px;height:36px}.hpm-pick-name{font-size:9px}.hpm-pick-empty{font-size:16px}.hpm-confirm-btn{border-radius:8px;height:90px}.hpm-confirm-icon{font-size:14px}.hpm-confirm-text{font-size:10px}.hpm-confirm-count{font-size:8px}}.hero-picker-card.hpm-chosen{background:#1e1630;border-color:#c084fc;box-shadow:0 0 12px #c084fc33}.hero-picker-card.hpm-already-in{opacity:.35;cursor:default}.hero-picker-card.hpm-maxed{opacity:.4;cursor:not-allowed}.hpm-check-overlay{color:#c084fc;pointer-events:none;background:#7c3aed40;border-radius:10px;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.hpm-order-badge{color:#15121a;background:#c084fc;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-family:Cinzel,serif;font-size:9px;font-weight:900;display:flex;position:absolute;top:4px;left:4px}.hpm-bulk-btn{color:#c084fc;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2e2546,#3d3060);border:1px solid #c084fc55;border-radius:7px;padding:5px 11px;font-size:11.5px;font-weight:700;transition:all .15s}.hpm-bulk-btn:hover{background:linear-gradient(135deg,#3d3060,#5b3fa8);border-color:#c084fc;box-shadow:0 0 10px #c084fc33}.p-slots-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}@media(max-width:500px){.p-slots-row{grid-template-columns:repeat(2,1fr)}}.p-slot{aspect-ratio:1;cursor:pointer;background:#110d1a;border:1.5px dashed #2f274c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;transition:all .15s;display:flex;position:relative;overflow:hidden}.p-slot:hover{background:#c084fc05;border-color:#c084fc}.p-slot.filled{border:1.5px solid #2f274c}.p-slot.filled:hover{border-color:#c084fc}.p-slot-avatar{background-position:top;background-size:cover;border:2px solid #2a2438;border-radius:50%;width:82px;height:82px;transition:transform .15s ease-out;position:relative;box-shadow:0 4px 10px #0000004d}.p-slot:hover .p-slot-avatar{transform:scale(1.06)}.p-slot-remove{color:#e0563f;cursor:pointer;z-index:5;background:#e0563f33;border:1px solid #e0563f66;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.p-slot-remove:hover{color:#fff;background:#e0563f}.p-slot-name{color:#e0d8f8;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin-top:4px;font-size:12px;font-weight:700;transition:color .15s;overflow:hidden}.p-slot:hover .p-slot-name{color:#c084fc}.p-slot-role{color:#fff;border:2px solid #110d1a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex;position:absolute;bottom:-2px;right:-2px}.skill-queue-section{background:#110d1a;border:1px solid #251e39;border-radius:12px;margin-top:14px;padding:14px}.skill-queue-title{color:#c0b3d8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.skill-queue-slots{justify-content:center;gap:14px;margin-bottom:12px;display:flex}.skill-queue-slot{cursor:pointer;background:#0b0812;border:2px dashed #2f274c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;transition:all .15s;display:flex;position:relative}.skill-queue-slot:hover{border-color:#c084fc}.skill-queue-slot.filled{border-style:solid;border-color:#2f274c}.skill-queue-slot.filled:hover{border-color:#c084fc;box-shadow:0 0 10px #c084fc33}.skill-queue-img{object-fit:cover;border-radius:10px;width:100%;height:100%}.skill-queue-num{color:#15121a;z-index:2;background:#c084fc;border:1.5px solid #161220;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:900;display:flex;position:absolute;top:-6px;left:-6px}.skill-queue-remove{color:#fff;z-index:2;background:#e0563fe6;border:1px solid #161220;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;display:flex;position:absolute;top:-6px;right:-6px}.skill-picker-overlay{background:#0c0915;border:1px solid #221c33;border-radius:9px;margin-top:10px;padding:12px}.skill-picker-heroes{gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex;overflow-x:auto}.skill-picker-hero-tab{cursor:pointer;color:#a89cc0;white-space:nowrap;background:#161220;border:1px solid #221c33;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;transition:all .15s;display:flex}.skill-picker-hero-tab.active{color:#e8d9ff;background:#2e2546;border-color:#c084fc}.skill-picker-hero-avatar{background-position:top;background-size:cover;border-radius:50%;width:20px;height:20px}.skill-picker-icons{justify-content:center;gap:10px;display:flex}.skill-picker-icon-btn{cursor:pointer;background:#161220;border:1.5px solid #221c33;border-radius:8px;width:48px;height:48px;transition:all .12s;position:relative;overflow:hidden}.skill-picker-icon-btn:hover{border-color:#c084fc;transform:scale(1.05)}.skill-picker-icon-img{object-fit:cover;width:100%;height:100%}.skill-picker-icon-order{background:var(--accent);color:#fff;border-top-left-radius:4px;padding:1px 3px;font-size:8px;font-weight:800;position:absolute;bottom:0;right:0}.stats-toggle-btn{color:#c0b3d8;cursor:pointer;background:#1d182b;border:1px solid #2e274c;border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-top:10px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.stats-toggle-btn:hover{background:#27203b;border-color:#c084fc}.stats-editor-grid{background:#0f0c17;border:1.5px dashed #2f274c;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px;padding:12px;display:grid}@media(max-width:500px){.stats-editor-grid{grid-template-columns:1fr}}.stat-editor-item{background:#161220;border:1px solid #221c33;border-radius:8px;flex-direction:column;justify-content:center;padding:8px 12px;display:flex;position:relative;overflow:hidden}.stat-editor-item.hp:before{content:"";background:#10b981;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-editor-item.atk:before{content:"";background:#ef4444;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-editor-item.atk.magic:before{background:#a855f7}.stat-editor-item.def:before{content:"";background:#3b82f6;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-editor-item.speed:before{content:"";background:#f59e0b;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-editor-lbl{color:#8a8398;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:9.5px;font-weight:700}.stat-editor-ctrls{justify-content:space-between;align-items:center;display:flex}.stat-editor-val{color:#fff;font-size:13.5px;font-weight:700}.wr-skills-row{align-items:center;gap:4px;margin-top:10px;display:flex}.wr-skill-badge{border:1px solid #2e2940;border-radius:6px;width:28px;height:28px;position:relative;overflow:hidden}.wr-skill-badge img{object-fit:cover;width:100%;height:100%}.wr-skill-badge-num{color:#15121a;background:#c084fc;border:.5px solid #161220;border-radius:50%;justify-content:center;align-items:center;width:11px;height:11px;font-size:7.5px;font-weight:900;display:flex;position:absolute;bottom:0;right:0}.wr-stats-bar{border-top:1px dashed #ffffff0a;flex-wrap:wrap;gap:8px;margin-top:9px;padding-top:8px;display:flex}.wr-stat-lbl{color:#8a8398;text-transform:uppercase;letter-spacing:.02em;gap:3px;font-size:9.5px;font-weight:600;display:flex}.wr-stat-val{color:#f0eaff;font-weight:700}.edit-stats-btn-slot{color:#a89cc0;cursor:pointer;text-transform:uppercase;background:#1c182a;border:1px solid #2e2940;border-radius:5px;align-items:center;gap:3px;margin-top:6px;padding:3px 6px;font-size:9.5px;font-weight:600;transition:all .12s;display:inline-flex}.edit-stats-btn-slot:hover{color:#fff;background:#25203a;border-color:#c084fc}.gear-edit,.gear-view{background:#120f1c;border:1px solid #2a2438;border-radius:10px;margin-top:12px;padding:12px}.gear-title{color:#c084fc;letter-spacing:.02em;margin-bottom:10px;font-size:12px;font-weight:700}.gear-field{margin-bottom:12px}.gear-mode{gap:6px;margin:6px 0;display:flex}.gear-mode-btn{cursor:pointer;color:#8a8398;background:#1c1826;border:1px solid #2e2940;border-radius:7px;padding:4px 10px;font-size:11.5px}.gear-mode-btn.active{color:#e8d9ff;background:#2e2546;border-color:#c084fc}.gear-selects{flex-wrap:wrap;gap:8px;display:flex}.gear-select{color:#e8e2f0;background:#0f0c17;border:1px solid #2e2940;border-radius:8px;flex:1;min-width:130px;padding:7px 10px;font-size:13px}.gear-effect{color:#a89cc0;margin-top:5px;font-size:11.5px;font-style:italic}.gear-mains-edit{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.gear-main-slot{flex-direction:column;gap:4px;display:flex}.gear-slot-lbl{color:#8a8398;font-size:11px}.gear-sub-toggles{flex-wrap:wrap;gap:6px;display:flex}.gear-sub-toggle{cursor:pointer;color:#8a8398;background:#1c1826;border:1px solid #2e2940;border-radius:20px;padding:4px 10px;font-size:11.5px}.gear-sub-toggle.active{color:#e8d9ff;background:#2e2546;border-color:#c084fc}.gear-sub-toggle b{color:#c084fc;margin-right:2px}.gear-slots-grid{align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.gear-column{flex-direction:column;gap:8px;width:84px;display:flex}.gear-column.accessory-col{align-self:center;margin-top:15px}.gear-group-title{text-transform:uppercase;letter-spacing:.05em;color:#8a8398;text-align:center;margin-bottom:2px;font-size:8.5px;font-weight:700}.gear-slot-card{background:#16122199;border:2px solid #2e2940;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.gear-slot-card.weapon-slot{border-color:#e0563f40}.gear-slot-card.weapon-slot:hover{border-color:#e0563f;box-shadow:0 0 10px #e0563f66}.gear-slot-card.armor-slot{border-color:#4a9fe040}.gear-slot-card.armor-slot:hover{border-color:#4a9fe0;box-shadow:0 0 10px #4a9fe066}.gear-slot-card.accessory-slot{border-color:#c084fc40}.gear-slot-card.accessory-slot:hover{border-color:#c084fc;box-shadow:0 0 10px #c084fc66}.gear-slot-card.equipped{background:#151020}.gear-slot-type-badge{text-transform:uppercase;color:#8a8398;z-index:2;pointer-events:none;background:#0009;border-radius:3px;padding:1px 4px;font-size:7px;font-weight:700;position:absolute;top:4px;left:4px}.gear-slot-img{object-fit:cover;border-radius:10px;width:100%;height:100%;transition:transform .2s}.gear-slot-card:hover .gear-slot-img{transform:scale(1.05)}.gear-slot-info{text-align:center;z-index:1;pointer-events:none;background:linear-gradient(#0000,#000000f2 25%);flex-direction:column;align-items:center;padding:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.gear-slot-name{color:#e8e2f0;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;font-weight:700;overflow:hidden}.gear-slot-set-badge{text-transform:uppercase;color:#110d1a;background:#c084fc;border-radius:2px;margin-top:1.5px;padding:.5px 3px;font-size:6.5px;font-weight:700;display:inline-block}.gear-slot-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.placeholder-plus{color:#3d3356;font-size:18px;font-weight:700}.placeholder-lbl{color:#8a8398;font-size:8px}.gear-slot-card:hover .placeholder-plus{color:#e8e2f0}.gear-slot-clear{color:#8a8398;cursor:pointer;z-index:3;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:7px;transition:all .2s;display:flex;position:absolute;top:3px;right:3px}.gear-slot-clear:hover{color:#fff;background:#e0563f}.item-picker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.item-picker-card{text-align:center;cursor:pointer;background:#161221;border:1px solid #2e2940;border-radius:10px;flex-direction:column;align-items:center;padding:6px;transition:all .2s;display:flex;position:relative}.item-picker-card:hover{background:#1e182e;border-color:#c084fc;transform:translateY(-2px);box-shadow:0 4px 10px #c084fc26}.item-picker-img{object-fit:cover;border-radius:6px;width:42px;height:42px;margin-bottom:5px}.item-picker-info{flex-direction:column;align-items:center;width:100%;display:flex}.item-picker-name{color:#e8e2f0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:22px;font-size:8.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.item-picker-effect{color:#8a8398;text-overflow:ellipsis;-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;margin-top:2px;font-size:7.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.item-picker-set-badge{text-transform:uppercase;color:#110d1a;background:#c084fc;border-radius:2px;padding:1px 3px;font-size:6px;font-weight:700;position:absolute;top:4px;right:4px}.gear-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.gear-chip{color:#d4c4f0;background:#1c1826;border:1px solid #3a3450;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.gear-chip b{color:#c084fc}.gear-chip-img{object-fit:cover;border-radius:4px;width:18px;height:18px}.gear-stat{color:#a89cc0;font-size:11.5px}.gear-stat b{color:#e8e2f0}.gear-mains{gap:14px}.gear-sub-label{color:#8a8398;font-size:11.5px}.gear-sub-chip{color:#c0b3d8;background:#15101f;border:1px solid #2e2940;border-radius:6px;padding:2px 8px;font-size:11px}.hero-editor-split{grid-template-columns:1fr;gap:20px;display:grid}@media(min-width:868px){.hero-editor-split{grid-template-columns:1fr 1.1fr}}.hero-editor-left{border-right:0;padding-right:0}@media(min-width:868px){.hero-editor-left{border-right:1px solid #2e2940;padding-right:20px}}.skill-icon-fallback{color:#c084fc;letter-spacing:.02em;box-sizing:border-box;background:#1c1826;border:1px solid #2e2940;border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.skill-icon-fallback.skill-queue-img{font-size:13px}.skill-icon-fallback.skill-picker-icon-img{font-size:12px}.wr-skill-badge .skill-icon-fallback{width:100%;height:100%;font-size:10px}.img-fallback{color:#c084fc;letter-spacing:.02em;text-align:center;box-sizing:border-box;background:#1c1826;border:1px solid #2e2940;border-radius:6px;justify-content:center;align-items:center;padding:2px 4px;font-size:11px;font-weight:700;line-height:1.1;display:inline-flex;overflow:hidden}.libCard.dragging,.counterCard.dragging{opacity:.45;transform:scale(.98);box-shadow:0 0 0 2px #c084fc,0 8px 20px #c084fc40}.counterCard,.libCard{position:relative}.cardArrows{z-index:3;gap:3px;margin-left:4px;display:inline-flex}.cardArrowsCorner{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#15101fd9;border-radius:8px;padding:2px;position:absolute;bottom:8px;right:8px}.counterCard:has(.cardArrowsCorner){padding-bottom:38px}.cardArrowBtn{color:#c0b3d8;cursor:pointer;background:#1c1826d9;border:1px solid #2e2940;border-radius:6px;justify-content:center;align-items:center;width:26px;height:22px;padding:0;font-size:11px;line-height:1;transition:border-color .12s,color .12s,background .12s;display:flex}.cardArrowBtn:hover:not(:disabled){color:#fff;background:#2e2546;border-color:#c084fc}.cardArrowBtn:active:not(:disabled){transform:scale(.94)}.cardArrowBtn:disabled{opacity:.25;cursor:default}.counterDetailModal{width:94%;max-width:780px}.formation{background:#15102080;border:1px solid #2e2940;border-radius:14px;flex-direction:column;gap:8px;margin-bottom:16px;padding:14px 12px;display:flex}.formationLane{border-radius:10px;align-items:center;gap:10px;min-height:92px;padding:6px 10px;display:flex;position:relative}.formationLane.back{background:linear-gradient(90deg,#e0563f1a,#0000 70%)}.formationLane.front{background:linear-gradient(90deg,#4a9fe01a,#0000 70%)}.laneTag{color:#15121a;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.laneTag.back{background:#e0563f}.laneTag.front{background:#4a9fe0}.laneHeroes{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.laneHero{position:relative}.laneEmpty{color:#4a3a6b;font-size:18px}.laneBadges{flex-direction:column;gap:3px;display:flex;position:absolute;top:-4px;right:-6px}.orderBadge{color:#15121a;background:#c084fc;border-radius:9px;align-items:center;gap:2px;padding:2px 5px;font-size:10px;font-weight:800;display:flex;box-shadow:0 1px 4px #00000080}.orderBadge.bottom{background:#e0b341}.orderBadge em{opacity:.72;font-size:9px;font-style:normal}.rowPickers{flex-wrap:wrap;gap:10px;margin:10px 0 4px;display:flex}.rowPicker{background:#1c1826;border:1px solid #2e2940;border-radius:10px;align-items:center;gap:8px;padding:5px 8px;display:flex}.rowPickerName{color:#d8d0e8;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.segmented{background:#15121f;border:1px solid #2a2438;border-radius:8px;gap:2px;padding:2px;display:flex}.segBtn{color:#8a8398;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .15s}.segBtn:hover:not(:disabled){color:#d8d0e8}.segBtn:disabled{opacity:.35;cursor:default}.segBtn.active{color:#e8d9ff;background:#2e2546;box-shadow:0 0 0 1px #c084fc44}.moveList{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.moveRow{background:#1c1826;border:1px solid #2e2940;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;display:flex}.moveNum{color:#15121a;background:#c084fc;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.moveHero{flex:1;min-width:0}.moveStatic{color:#d8d0e8;align-items:center;gap:7px;font-size:13px;display:flex}.slotBadge{color:#15121a;background:#c084fc;border-radius:7px;padding:1px 6px;font-size:10px;font-weight:800}.slotBadge.bottom{background:#e0b341}.rowChip{color:#15121a;border-radius:7px;margin-top:4px;padding:1px 7px;font-size:9.5px;font-weight:700;display:inline-block}.rowChip.front{background:#4a9fe0}.rowChip.back{background:#e0563f}.loadoutTable{flex-direction:column;gap:10px;margin-bottom:6px;display:flex}.loadoutHeroRow{background:#15102066;border:1px solid #2e2940;border-radius:12px;gap:14px;padding:12px;display:flex}.loadoutRow{align-items:center;gap:9px;display:flex}.loadoutRowLabel{text-transform:uppercase;letter-spacing:.04em;color:#8a8398;flex:none;width:52px;font-size:10.5px;font-weight:700}.loadoutSlots{gap:6px;display:flex}.loadoutSlot{background:#15121f;border:1px dashed #3d3356;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden}.loadoutSlot.filled{background:#1c1826;border-style:solid;border-color:#4a3a6b}.loadoutSlot:hover{border-color:#c084fc}.loadoutSlotImg{object-fit:contain;width:100%;height:100%}.loadoutSlotPlus{color:#3d3356;font-size:15px}.loadoutSlotClear{color:#fff;cursor:pointer;background:#e0563fe6;border:none;border-radius:0 0 0 6px;place-items:center;width:14px;height:14px;font-size:8px;display:grid;position:absolute;top:0;right:0}.loadoutNoteInput{min-height:46px;margin-top:2px}.loadoutNote{color:#d8d0e8;white-space:pre-wrap;margin:2px 0 0;font-size:13px;line-height:1.6}.advToggle{align-self:flex-start;margin-top:2px;font-size:11px}.advancedPanel{background:#1510208c;border:1px solid #2e2940;border-radius:10px;margin-top:8px;padding:12px}.advancedPanel .panel-subtitle{text-transform:uppercase;letter-spacing:.05em;color:#8a8398;margin-bottom:8px;font-size:10.5px;font-weight:700}.loadoutGroupTitle{letter-spacing:.05em;text-transform:uppercase;color:#c084fc;border-bottom:1px solid #2e2940;margin:6px 0 10px;padding-bottom:4px;font-size:11px;font-weight:700}.loadoutGrid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-bottom:12px;display:grid}.loadoutCard{cursor:pointer;background:#1c1826;border:1px solid #2e2940;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 5px;transition:all .15s;display:flex}.loadoutCard:hover{border-color:#c084fc;transform:translateY(-1px)}.loadoutCard.active{border-color:#c084fc;box-shadow:0 0 0 1px #c084fc66}.loadoutCardImg{object-fit:contain;width:44px;height:44px}.loadoutCardName{color:#d8d0e8;text-align:center;font-size:10.5px;line-height:1.3}.counterPreview{flex-direction:column;gap:9px;margin-bottom:10px;display:flex}.previewHeroes{flex-wrap:wrap;gap:10px;display:flex}.previewHero{flex-direction:column;align-items:center;display:flex}.previewMoves{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.previewLabel{text-transform:uppercase;letter-spacing:.04em;color:#8a8398;font-size:9.5px;font-weight:700}.previewMove{color:#d8d0e8;background:#1c1826;border:1px solid #2e2940;border-radius:9px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:flex}.previewMove b{color:#c084fc}.previewIcons{flex-wrap:wrap;gap:5px;display:flex}.previewIcon{object-fit:contain;background:#15121f;border-radius:6px;width:26px;height:26px}.formationBoard{background:#15102080;border:1px solid #2e2940;border-radius:14px;flex-wrap:nowrap;gap:0;display:flex}.formationMain{flex-wrap:wrap;flex:0 auto;align-items:center;gap:14px;min-width:0;max-width:100%;padding:12px;display:flex}.formationBoard.compact .formationMain{padding:10px}.fRow{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.fHero{align-items:center;gap:4px;display:flex;position:relative}.formationBoard .fHero{flex:none}.formationBoard .fHero .heroPortrait{width:52px!important}.formationBoard .fHero .heroPortraitImg{aspect-ratio:4/5;width:52px!important;height:auto!important}.formationBoard .fHero .heroPortraitName{max-width:52px!important;font-size:9.5px!important}.formationBoard.compact .fHero{flex:1 1 0;justify-content:center;min-width:0;max-width:58px}.formationBoard.compact .fHero .heroPortrait{min-width:38px;width:100%!important}.formationBoard.compact .fHero .heroPortraitImg{aspect-ratio:4/5;min-width:38px;width:100%!important;height:auto!important}.formationBoard.compact .fHero .heroPortraitName{max-width:100%!important;font-size:9.5px!important}.fNote{border-left:2px solid #3d3356;flex-direction:column;flex:0 auto;justify-content:center;align-self:stretch;min-width:0;max-width:260px;padding-left:12px;display:flex}.fNoteLabel{text-transform:uppercase;letter-spacing:.06em;color:#6b6478;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.fNote p{color:#b9b0cc;white-space:pre-wrap;margin:0;font-size:12.5px;line-height:1.5}.formationNoteField{flex-direction:column;gap:4px;margin-top:10px;display:flex}.cpHeadActions{flex:none;align-items:center;gap:8px;display:flex}.soBadges{z-index:3;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:18px;right:-5px}.soBadge{color:#15121a;background:#c084fc;border:2px solid #15121f;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:800;display:grid;box-shadow:0 1px 5px #0009}.soBadge.bottom{background:#e0b341}.rosterRow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:4px;display:grid}.rosterCell{background:#15102066;border:1px solid #2e2940;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.rosterCell.empty{cursor:pointer;border-style:dashed;border-color:#3d3356;justify-content:center}.rosterCell.empty:hover{border-color:#c084fc}.rosterPortrait{cursor:pointer;position:relative}.enemyNote{background:#e0563f12;border:1px solid #3a2a35;border-left:3px solid #e0563f;border-radius:10px;margin:12px 0 4px;padding:10px 12px}.enemyNoteLabel{text-transform:uppercase;letter-spacing:.05em;color:#8a8398;margin-bottom:4px;font-size:9.5px;font-weight:700;display:block}.enemyNote p{color:#d8d0e8;white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.6}.formationBoard.compact .formationMain{flex-flow:wrap;align-items:center;gap:10px;padding:10px}.formationBoard.compact .fRow{flex:auto;gap:7px}.formationBoard.compact .fNote{flex:0 auto;max-width:200px}.formationBoard.compact .fRow{flex-wrap:wrap;align-items:center;gap:6px}.formationBoard.compact .heroPortrait{width:52px!important}.formationBoard.compact .heroPortraitImg{width:52px!important;height:65px!important}.formationBoard.compact .heroPortraitName{max-width:52px!important;font-size:9.5px!important}.formationBoard.compact .fPetInline{width:38px;height:38px}.fPetStack{border-left:1px solid #2e2940;flex-direction:column;flex:none;align-self:center;gap:5px;margin-left:2px;padding-left:8px;display:flex}.fPetStack .fPetInline{border-radius:7px;width:32px;height:32px}.formationBoard.compact .fPetStack{gap:4px;padding-left:6px}.formationBoard.compact .fPetStack .fPetInline{border-radius:6px;width:26px;height:26px}.fPetInline{object-fit:contain;border-radius:6px;flex:none;width:26px;height:26px}.fPetStack:has(>:only-child) .fPetInline{border-radius:9px;width:44px;height:44px}.formationBoard.compact .fPetStack:has(>:only-child) .fPetInline{width:38px;height:38px}.formationBoard.compact .fNote{align-self:auto;padding-left:9px}.formationBoard.compact .fNote p{font-size:11.5px}@media(max-width:700px){.wrap{padding:10px}.topbar{gap:8px;margin-bottom:12px;padding-bottom:10px}.h1{font-size:15px}.sub{display:none}.brand span{font-size:18px!important}.tabs{gap:3px;padding:3px}.tab{gap:4px;padding:6px 9px;font-size:12px}.langBtn{padding:4px 7px;font-size:10.5px}.note{margin-bottom:10px;padding:7px 10px;font-size:11px}.toolRow{flex-wrap:nowrap;gap:7px;margin-bottom:10px}.searchWrap{min-width:0}.searchInput{min-width:0;font-size:13px}.toolRow .primaryBtn{white-space:nowrap;padding:8px 10px;font-size:12px}.filter-row{padding-bottom:3px;overflow-x:auto;flex-wrap:nowrap!important;margin-bottom:10px!important}.filter-row>span{white-space:nowrap}.filter-pill{white-space:nowrap;flex:none}.counterPanel{border-radius:12px;margin-bottom:14px;padding:11px}.libCard{border-radius:11px;padding:10px}.counterCard{padding:11px 12px}.libGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:9px}.counterGrid{gap:10px}.sectionLabel{margin:14px 0 8px}.heroPortrait{width:52px!important}.heroPortraitImg{width:52px!important;height:65px!important}.heroPortraitName{max-width:52px!important;font-size:9.5px!important}.formationMain{flex-wrap:wrap;align-items:center;gap:7px;padding:9px}.fNote{flex:0 auto}.fRow{gap:6px}.fNote{align-self:auto;padding-left:8px}.fNote p{font-size:11.5px}.rosterRow{grid-template-columns:repeat(3,1fr);gap:5px}.rosterCell{gap:5px;padding:6px 3px}.rosterCtrls{gap:3px}.rosterCtrls .segBtn{padding:3px 5px;font-size:9.5px}.rosterCtrlLabel{letter-spacing:.03em;font-size:8px}.loadoutTable{gap:7px}.loadoutHeroRow{gap:9px;padding:9px}.loadoutRow{gap:6px}.loadoutRowLabel{width:34px;font-size:8.5px}.loadoutSlot{width:34px;height:34px}.loadoutSlots{gap:5px}.loadoutNoteInput{min-height:38px;font-size:12px}.overlay{align-items:flex-start;padding:8px}.modal,.counterDetailModal{width:100%!important;max-width:100%!important}.modalHead{padding:11px 13px}.modalTitle{font-size:14px}.modalBody{max-height:74vh;padding:12px}.modalFoot{gap:7px;padding:10px 12px}.fieldLabel{margin-top:10px;font-size:10.5px}.textField,.select{padding:8px 10px;font-size:13px}.textArea{font-size:12.5px;min-height:90px!important}.loadoutGrid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.loadoutCardImg{width:36px;height:36px}.loadoutCardName{font-size:9.5px}.hero-picker-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px}.hero-picker-modal{max-width:100%}.hero-picker-body{padding:10px}.myLayout{grid-template-columns:1fr;gap:10px}.myside{align-items:center;gap:7px;padding:8px;display:flex;overflow-x:auto}.sideHead{display:none}.teamChip{flex:none;min-width:128px;padding:7px 9px}.dashBtn{white-space:nowrap;flex:none;width:auto;margin:0;padding:7px 11px}.myMain{min-height:0;padding:11px}.myHead{gap:7px;margin-bottom:10px}.myName{min-width:0;font-size:15px}.heroSecHead{margin-bottom:7px;font-size:11px}.gear-slots-grid{gap:7px}.gear-slot-card{min-height:62px}.stats-editor-grid{grid-template-columns:repeat(2,1fr)!important;gap:5px!important}}@media(max-width:380px){.heroPortrait{width:46px!important}.heroPortraitImg{width:46px!important;height:58px!important}.heroPortraitName{max-width:46px!important;font-size:9px!important}.libGrid{grid-template-columns:1fr}.rosterCtrls .segBtn{padding:3px 4px;font-size:9px}.loadoutSlot{width:31px;height:31px}}.cpHeadMain{flex:1;min-width:0}.counterPanel,.libCard,.counterCard,.myMain,.myside,.modalBody,.loadoutHeroRow,.rosterCell{min-width:0}html,body,.wrap{max-width:100%}@media(max-width:700px){.cpTopRow{gap:8px}.cpHeadActions .smallBtn{white-space:nowrap}.cpDividerRow{flex-wrap:wrap;gap:8px}.cpDividerRow .smallBtn{white-space:nowrap}.enemyNote{margin:10px 0 4px;padding:8px 10px}.enemyNote p{font-size:12.5px}}.savePill{z-index:1500;color:#8a8398;pointer-events:none;background:#1c1826;border:1px solid #2e2940;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:600;position:fixed;bottom:14px;right:14px;box-shadow:0 6px 20px #00000080}.savePill.saved{color:#4caf7d;border-color:#2f5a45}.saveAlert{z-index:1450;background:#2a1620;border:1px solid #7a2f3f;border-left:4px solid #e0563f;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:11px 13px;display:flex;position:sticky;top:8px;box-shadow:0 8px 26px #00000073}.saveAlert.offline{background:#2a2416;border-color:#7a6a2f #7a6a2f #7a6a2f #e0b341}.saveAlertIcon{font-size:16px;line-height:1.2}.saveAlert strong{color:#f3e6ea;margin-bottom:2px;font-size:13px;display:block}.saveAlert p{color:#d6c3c9;margin:0;font-size:12.5px;line-height:1.5}.saveAlertClose{color:#b9a0a8;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:13px}.confirmModal{max-width:420px}.confirmBody{color:#d8d0e8;margin:0;font-size:13.5px;line-height:1.6}@media(max-width:700px){.savePill{padding:6px 11px;font-size:11px;bottom:10px;right:10px}.saveAlert{gap:8px;padding:9px 11px}.saveAlert p{font-size:11.5px}}.fRow{overflow:visible}.fRow .fHero{flex:none}.rosterCell .heroPortrait{width:60px!important}.rosterCell .heroPortraitImg{aspect-ratio:4/5;width:60px!important;height:auto!important}.rosterCell .heroPortraitName{max-width:60px!important;font-size:10px!important}.rosterRow{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.loadoutHeroRow{flex-direction:column;gap:8px;padding:10px}.loadoutHeroMain{align-items:stretch;gap:12px;display:flex}.loadoutBuildCol{flex-direction:column;flex:none;align-items:center;gap:6px;width:118px;display:flex}.loadoutBuildCol .heroPortrait{width:54px!important}.loadoutBuildCol .heroPortraitImg{aspect-ratio:4/5;width:54px!important;height:auto!important}.loadoutBuildCol .heroPortraitName{max-width:54px!important;font-size:9.5px!important}.loadoutBuildCol .loadoutRow{flex-direction:column;align-items:flex-start;gap:2px;width:100%}.loadoutBuildCol .loadoutRowLabel{letter-spacing:.05em;width:auto;font-size:8px}.loadoutBuildCol .loadoutSlots{gap:4px}.loadoutBuildCol .loadoutSlot{aspect-ratio:auto;flex:none;width:30px;height:30px}.loadoutNoteCol{flex:1;min-width:0;display:flex}.loadoutNoteCol .loadoutNoteInput{resize:vertical;width:100%;min-height:92px;font-size:12.5px}.loadoutNoteCol .loadoutNote{margin:0;font-size:12.5px;line-height:1.55}@media(max-width:700px){.formationBoard .fHero .heroPortrait,.formationBoard .fHero .heroPortraitImg{width:46px!important}.formationBoard .fHero .heroPortraitName{max-width:46px!important}.rosterCell .heroPortrait,.rosterCell .heroPortraitImg{width:52px!important}.rosterCell .heroPortraitName{max-width:52px!important}.rosterRow{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px}.tickBtn{width:19px;height:19px;font-size:10px}.loadoutHeroMain{gap:9px}.loadoutBuildCol{gap:5px;width:104px}.loadoutBuildCol .heroPortrait,.loadoutBuildCol .heroPortraitImg{width:48px!important}.loadoutBuildCol .heroPortraitName{max-width:48px!important}.loadoutBuildCol .loadoutSlot{width:27px;height:27px}.loadoutNoteCol .loadoutNoteInput{min-height:78px}}.rosterPortrait{align-items:center;gap:6px;display:flex}.rosterArt{position:relative}.skillTicks{flex-direction:column;flex:none;gap:5px;display:flex}.tickBtn{color:#9d94ad;cursor:pointer;background:#0c0912d1;border:1px solid #4a3a6b;border-radius:50%;place-items:center;width:21px;height:21px;padding:0;font-size:10.5px;font-weight:800;transition:all .12s;display:grid}.tickBtn:hover:not(:disabled){color:#d8d0e8;border-color:#6b6478}.tickBtn:disabled{opacity:.3;cursor:default}.tickBtn.on{font-size:11.5px;box-shadow:0 1px 5px #0000008c}.tickBtn.top.on{color:#15121a;background:#c084fc;border-color:#c084fc}.tickBtn.bottom.on{color:#15121a;background:#e0b341;border-color:#e0b341}.teamPetRow{background:#c084fc0f;border:1px solid #3d3356;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.counterCardDel{color:#e0563f;cursor:pointer;opacity:.6;z-index:4;background:0 0;border:none;font-size:13px;transition:opacity .15s;position:absolute;top:8px;right:8px}.counterCardDel:hover{opacity:1}:root{--h-nav:62px;--h-tabs:46px;--h-controls:84px}.topbar{z-index:62;background:#110d1a;margin-bottom:0;position:sticky;top:0}.warTabsBar{top:var(--h-nav);z-index:61;background:#110d1a;padding:10px 0;position:sticky}.warTabs{display:inline-flex}.boardControls{top:calc(var(--h-nav) + var(--h-tabs));z-index:60;background:#110d1a;margin:0 -4px;padding-top:8px;padding-left:4px;padding-right:4px;position:sticky}.boardControls:after{content:"";background:#2a2438;height:1px;margin-top:8px;display:block}@media(max-width:700px){.warTabs{margin:9px 0}.boardControls{padding-top:6px}}.inlinePanel{scroll-margin-top:calc(var(--h-nav,62px) + var(--h-tabs,46px) + var(--h-controls,84px) + 10px);grid-column:1/-1;margin:4px 0 10px}.inlinePanel .cpHead{display:block}.cpTopRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cpClose{font-size:16px}@media(max-width:700px){.topbar .brand{display:none}.topbar{justify-content:flex-start;gap:6px;padding:6px 0 8px}.warTabsBar{padding:6px 0}.warTabs{margin:0}.boardControls{padding-top:5px}.boardControls .toolRow{margin-bottom:7px}.boardControls .filter-row{margin-bottom:0!important}.boardControls:after{margin-top:5px}}.counterDetailModal .modalBody{max-height:78vh;padding:14px}.counterDetailModal .fieldLabel{margin-top:12px;margin-bottom:5px;font-size:10.5px}.counterDetailModal .formationBoard{margin-bottom:4px}.counterDetailModal .loadoutTable{gap:7px}.counterDetailModal .textArea{min-height:74px}.counterDetailModal .rosterCell{gap:3px;padding:6px 5px}.counterDetailModal .teamPetRow{margin-top:8px;padding:8px 10px}@media(max-width:700px){.counterDetailModal .modalBody{max-height:80vh;padding:11px}.counterDetailModal .textArea{min-height:66px}}.formationBoard{align-items:stretch;container-type:inline-size}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root{--bg: #060814;--bg2: #0b0d1e;--surf: #10132b;--surf2: #171b3d;--border: rgba(255, 255, 255, .05);--border-h: rgba(124, 111, 255, .35);--text: #f1f3f9;--muted: #7c8ba1;--accent: #7c6fff;--cyan: #00d1b2;--gold: #f59e0b;--crimson: #ef4444;--role-attack: #ff4646;--role-defense: #3b82f6;--role-magic: #a855f7;--role-support: #10b981;--role-universal: #f59e0b;--g-l: #3b82f6;--g-lp: #f59e0b;--g-lpp: #ef4444;--glow-l: rgba(59, 130, 246, .15);--glow-lp: rgba(245, 158, 11, .15);--glow-lpp: rgba(239, 68, 68, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overflow-y:scroll}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(124,111,255,.15) 0%,transparent 65%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(0,209,178,.08) 0%,transparent 65%),radial-gradient(circle at 50% 50%,rgba(15,18,42,.5) 0%,transparent 100%)}.page{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 24px 80px}header{text-align:center;padding:64px 0 36px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.eyebrow:before,.eyebrow:after{content:"";display:block;height:1px;width:32px;background:linear-gradient(to right,transparent,var(--accent))}.eyebrow:after{transform:scaleX(-1)}h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.05;background:linear-gradient(135deg,#fff 15%,var(--accent) 55%,var(--cyan) 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-.02em}.subtitle{font-size:1rem;color:var(--muted);font-weight:400;max-width:600px;margin:0 auto;line-height:1.5}.stats-container{display:flex;flex-direction:column;gap:12px;background:#10132b66;border:1px solid var(--border);border-radius:20px;padding:16px 20px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stats-row.roles{border-top:1px solid rgba(255,255,255,.04);padding-top:12px}.stat-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--surf);border:1px solid var(--border);border-radius:100px;font-size:.8rem}.stat-pill .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.stat-pill .dot.all{background:var(--accent)}.stat-pill .dot.l{background:var(--g-l)}.stat-pill .dot.lp{background:var(--g-lp)}.stat-pill .dot.lpp{background:var(--g-lpp)}.stat-pill .dot.attack{background:var(--role-attack)}.stat-pill .dot.defense{background:var(--role-defense)}.stat-pill .dot.magic{background:var(--role-magic)}.stat-pill .dot.support{background:var(--role-support)}.stat-pill .dot.universal{background:var(--role-universal)}.stat-pill strong{color:var(--text);font-weight:700}.stat-pill span{color:var(--muted)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;background:var(--surf);border:1px solid var(--border);border-radius:20px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-wrap{position:relative;flex:1;min-width:240px}.search-wrap svg{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--muted);pointer-events:none}#q{width:100%;padding:11px 12px 11px 44px;background:var(--surf2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}#q::placeholder{color:var(--muted)}#q:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6fff26}.filter-group{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filter-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.pills{display:flex;gap:6px;flex-wrap:wrap}button.pill{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;border:1px solid var(--border);background:var(--surf2);color:var(--muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .16s ease;white-space:nowrap}button.pill:hover{border-color:#ffffff26;color:var(--text)}button.pill.on{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #7c6fff40}button.pill[data-g=L].on{background:var(--g-l);border-color:var(--g-l);box-shadow:0 4px 12px #3b82f640}button.pill[data-g="L+"].on{background:var(--g-lp);border-color:var(--g-lp);box-shadow:0 4px 12px #f59e0b40}button.pill[data-g="L++"].on{background:var(--g-lpp);border-color:var(--g-lpp);box-shadow:0 4px 12px #ef444440}button.pill[data-r=Attack].on{background:var(--role-attack);border-color:var(--role-attack);box-shadow:0 4px 12px #ff464640}button.pill[data-r=Defense].on{background:var(--role-defense);border-color:var(--role-defense);box-shadow:0 4px 12px #3b82f640}button.pill[data-r=Magic].on{background:var(--role-magic);border-color:var(--role-magic);box-shadow:0 4px 12px #a855f740;color:#fff}button.pill[data-r=Support].on{background:var(--role-support);border-color:var(--role-support);box-shadow:0 4px 12px #10b98140}button.pill[data-r=Universal].on{background:var(--role-universal);border-color:var(--role-universal);box-shadow:0 4px 12px #f59e0b40}.role-icon{width:14px;height:14px;stroke-width:2.2;flex-shrink:0}#count-label{margin-left:auto;font-size:.82rem;color:var(--muted);white-space:nowrap}#count-label strong{color:var(--accent);font-weight:800}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.card{position:relative;background:var(--surf);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease;cursor:pointer}.card[data-grade=L]:hover{border-color:var(--g-l);box-shadow:0 16px 36px #00000080,0 0 16px var(--glow-l)}.card[data-grade="L+"]:hover{border-color:var(--g-lp);box-shadow:0 16px 36px #00000080,0 0 16px var(--glow-lp)}.card[data-grade="L++"]:hover{border-color:var(--g-lpp);box-shadow:0 16px 36px #00000080,0 0 16px var(--glow-lpp)}.card:hover{transform:translateY(-6px) scale(1.02)}.portrait-wrap{position:relative;width:100%;aspect-ratio:1.05;background:var(--surf2);overflow:hidden}.portrait-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--surf) 100%);z-index:1}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s cubic-bezier(.25,1,.5,1)}.card:hover .portrait-wrap img{transform:scale(1.08)}.portrait-wrap .initials{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:950;color:#ffffff0f;background:linear-gradient(135deg,var(--surf) 0%,var(--surf2) 100%);letter-spacing:-.04em}.grade-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:.68rem;font-weight:900;letter-spacing:.05em;padding:3px 10px;border-radius:8px;border:1px solid currentColor;line-height:1.4;font-family:system-ui,sans-serif}.grade-badge.g-L{color:var(--g-l);background:#3b82f61f}.grade-badge.g-LP{color:var(--g-lp);background:#f59e0b1f}.grade-badge.g-LPP{color:var(--g-lpp);background:#ef444426}.role-badge{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s}.card:hover .role-badge{border-color:#ffffff40}.role-badge.r-Attack{background:#ff46462e;color:var(--role-attack);border-color:#ff464640}.role-badge.r-Defense{background:#3b82f626;color:var(--role-defense);border-color:#3b82f638}.role-badge.r-Magic{background:#a855f726;color:var(--role-magic);border-color:#a855f738}.role-badge.r-Support{background:#10b98126;color:var(--role-support);border-color:#10b98138}.role-badge.r-Universal{background:#f59e0b26;color:var(--role-universal);border-color:#f59e0b38}.card-body{padding:12px 14px 16px;position:relative;z-index:2}.hero-name{font-size:.95rem;font-weight:800;color:var(--text);line-height:1.25;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;color:var(--muted);background:var(--surf2);border:1px solid var(--border);padding:3px 8px;border-radius:6px;white-space:nowrap}.tag.role-tag.Attack{color:#ffa3a3;border-color:#ff464626;background:#ff46460a}.tag.role-tag.Defense{color:#a3c7ff;border-color:#3b82f626;background:#3b82f60a}.tag.role-tag.Magic{color:#e9a3ff;border-color:#a855f726;background:#a855f70a}.tag.role-tag.Support{color:#a3ffd1;border-color:#10b98126;background:#10b9810a}.tag.role-tag.Universal{color:#ffe5a3;border-color:#f59e0b26;background:#f59e0b0a}.id-chip{position:absolute;bottom:12px;right:12px;font-size:.58rem;font-weight:800;color:var(--muted);background:var(--surf2);border:1px solid var(--border);padding:1px 6px;border-radius:4px}.hero-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.hero-modal.show{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04050cb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1}.modal-content{position:relative;z-index:2;width:100%;max-width:680px;background:linear-gradient(135deg,#10142e,#070914);border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 25px 80px #000c,0 0 50px #7c6fff26;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hero-modal.show .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:20px;right:20px;z-index:10;width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:1.4rem;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ef444433;border-color:#ef444466;color:#fff;transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:240px 1fr;min-height:380px}.modal-left{position:relative;background:var(--surf2);border-right:1px solid rgba(255,255,255,.04)}.modal-portrait-wrap{width:100%;height:100%;position:relative}.modal-portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center}.modal-portrait-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent 50%,#070914 100%),linear-gradient(to bottom,transparent 60%,#070914 100%)}.modal-right{padding:40px 32px;display:flex;flex-direction:column;justify-content:center}.modal-header-info{margin-bottom:28px}.modal-header-info h2{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#fff 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin-bottom:8px}.modal-badges{display:flex;gap:8px;align-items:center}.modal-skills-section h3{font-size:.85rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.modal-skills-row{display:flex;gap:12px;margin-bottom:16px}.modal-skill-item{position:relative;width:64px;height:64px;background:var(--surf2);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0006;transition:all .25s ease}.modal-skill-item:hover{transform:translateY(-4px) scale(1.05);border-color:var(--accent);box-shadow:0 12px 30px #7c6fff40}.modal-skill-item img{width:100%;height:100%;object-fit:cover}.modal-skill-priority{position:absolute;bottom:-1px;right:-1px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:900;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-top-left-radius:6px;box-shadow:-2px -2px 6px #0000004d;border:1px solid rgba(255,255,255,.15)}.modal-skills-note{font-size:.72rem;color:var(--muted);line-height:1.4}.modal-stats-section{margin-bottom:24px}.modal-stats-section h3{font-size:.85rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.modal-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.modal-stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;transition:all .25s ease;position:relative;overflow:hidden}.modal-stat-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}.modal-stat-card.hp:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#10b981;box-shadow:0 0 10px #10b98180}.modal-stat-card.atk:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ef4444;box-shadow:0 0 10px #ef444480}.modal-stat-card.atk.magic:before{background:#a855f7;box-shadow:0 0 10px #a855f780}.modal-stat-card.def:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6;box-shadow:0 0 10px #3b82f680}.modal-stat-card.speed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.modal-stat-card .stat-label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.modal-stat-card .stat-value{font-size:1.25rem;font-weight:800;color:#fff;font-feature-settings:"tnum"}.modal-stat-card .stat-value-group{display:flex;align-items:baseline;gap:6px}.modal-stat-card .stat-sublabel{font-size:.65rem;font-weight:800;color:var(--muted);text-transform:uppercase}.advanced-stats-wrapper{border:1px solid rgba(255,255,255,.05);border-radius:14px;background:#ffffff03;overflow:hidden;transition:all .3s ease}.adv-toggle-btn{width:100%;background:transparent;border:none;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.adv-toggle-btn:hover{background:#ffffff05;color:#fff}.chevron-icon{width:16px;height:16px;stroke-width:2.5;transition:transform .3s ease}.adv-toggle-btn.active .chevron-icon{transform:rotate(180deg);color:var(--accent)}.modal-adv-stats-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease}.modal-adv-stats-content.show{max-height:300px;opacity:1;border-top:1px solid rgba(255,255,255,.05)}.adv-stats-grid{padding:14px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}.adv-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);padding:2px 0}.adv-stat-row span:last-child{color:#fff;font-weight:700;font-feature-settings:"tnum"}#empty{display:none;flex-direction:column;align-items:center;gap:12px;grid-column:1/-1;padding:100px 0;color:var(--muted);text-align:center}#empty.show{display:flex}#empty svg{opacity:.25}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surf2);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media(max-width:640px){#grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}header{padding:44px 0 24px}.page{padding:0 16px 60px}.stats-container{padding:12px 14px}.modal-body{grid-template-columns:1fr}.modal-left{height:200px;border-right:none;border-bottom:1px solid rgba(255,255,255,.04)}.modal-portrait-wrap:after{background:linear-gradient(to bottom,transparent 30%,#070914 100%)}.modal-right{padding:24px 20px 32px}.modal-header-info h2{font-size:1.8rem}.modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.adv-stats-grid{grid-template-columns:1fr;gap:6px}}.hidden{display:none!important}@media(max-width:700px){header{padding:20px 0 14px}header h1{font-size:1.5rem}.page{padding:0 10px 28px}#grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.stats-container{padding:9px 11px}.filters,.filter-group{gap:6px}.modal-left{height:150px}.modal-right{padding:14px 12px 20px}.modal-header-info h2{font-size:1.35rem}.modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.modal-stat-card{padding:8px 9px}.adv-stats-grid{grid-template-columns:repeat(2,1fr);gap:4px 10px}.modal-skills-row{gap:8px}.modal-skill-item{padding:7px 8px}}