@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-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}}}@layer theme{:root,:host{--font-mono:var(--font-geist-mono);--color-gray-200:#e5e7eb;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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]){appearance:button}::file-selector-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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-6{gap:calc(var(--spacing) * 6)}.border{border-style:var(--tw-border-style);border-width:1px}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}.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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-gray-200:hover{color:var(--color-gray-200)}}}:root{--background:#0a0a0a;--foreground:#ededed;--eq-panel-bg:#1a1a1a;--eq-panel-border:#333;--eq-slot-bg:#0f0f0f;--eq-slot-border:#2a2a2a;--eq-viewport-bg:#0a0a0a;--bg-primary:#0a0a0a;--bg-secondary:#1c1c1c;--bg-tertiary:#2a2a2a;--bg-elevated:#151515;--bg-inset:#111;--bg-hover:#1f1f1f;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#6e6e73;--text-dim:#666;--border-default:#333;--border-subtle:#2a2a2a;--border-emphasis:#555;--border-row:#1a1a1a;--accent-blue:#6cf;--accent-teal:#7ab;--accent-teal-hover:#9cd;--color-positive:#4c4;--color-negative:#e44;--color-capped:#e86;--color-flag:#a86;--color-shared:#6a6;--color-special:#e5e;--fill-primary:#ffffffd9;--fill-secondary:#ffffff12;--fill-tertiary:#ffffff08;--fill-hover:#ffffff21;--fill-active:#ffffff1f;--overlay-bg:#000000b3;--fill-subtle:#ffffff0f;--fill-ghost:#ffffff0d;--fill-ghost-hover:#ffffff1a;--fill-dim-hover:#ffffff14;--fill-active-hover:#ffffff2e;--fill-btn-hover:#fffffff2;--text-hover-light:#f0f0f0;--shadow-window:0 4px 20px #000c;--titlebar-top:#3a3a3a;--titlebar-bottom:#2a2a2a;--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-xl:17px;--text-2xl:22px;--text-3xl:24px;--text-4xl:30px;--window-width:660px;--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-inset:inset 0 1px 4px #00000080;--shadow-inset-deep:inset 0 2px 8px #00000080;--duration-fast:.15s;--duration-normal:.25s;--ease-default:cubic-bezier(.25, .1, .25, 1)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eq-window{background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-window);overflow:hidden}.eq-window-titlebar{background:linear-gradient(to bottom, var(--titlebar-top), var(--titlebar-bottom));border-bottom:1px solid var(--border-default);padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;min-height:36px;display:flex}.eq-window-titlebar span{color:var(--text-secondary);font-size:var(--text-md);font-weight:700}.eq-slot{background:var(--eq-slot-bg);border:1px solid var(--eq-slot-border);cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow-inset);transition:border-color var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;display:flex;position:relative}.eq-slot:hover{border-color:var(--border-emphasis)}.eq-slot.equipped{border-color:var(--border-emphasis);background:var(--bg-elevated);overflow:hidden}.eq-slot .slot-icon{font-size:var(--text-2xs);color:var(--border-subtle);text-transform:uppercase;letter-spacing:.3px;pointer-events:none;text-align:center;line-height:1}.eq-slot.equipped .slot-icon{color:var(--text-tertiary);font-size:var(--text-2xs)}.eq-slot .clear-btn{background:var(--color-negative);border:1px solid var(--color-negative);width:16px;height:16px;color:var(--text-primary);font-size:var(--text-2xs);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-default);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.eq-slot:hover .clear-btn{opacity:1}.eq-slot-tooltip{background:var(--bg-inset);border:1px solid var(--border-emphasis);padding:5px var(--space-3);font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:50;box-shadow:var(--shadow-md);border-radius:var(--radius-xs);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.eq-viewport{background:var(--eq-viewport-bg);border:1px solid var(--eq-slot-border);box-shadow:var(--shadow-inset-deep)}.eq-stats{font-size:var(--text-md);font-family:var(--font-system);color:var(--text-secondary);padding:var(--space-3) var(--space-3);flex-shrink:0;width:150px}.globe-indicator{font-size:var(--text-xs);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:2px;padding:0;font-weight:500;line-height:1;transition:opacity .15s;display:inline-flex}.globe-indicator:hover{opacity:.8}.globe-label{font-size:var(--text-xs);letter-spacing:.02em}.eq-stats .char-name{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-0);font-weight:700}.eq-stats .char-info{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-0)}.eq-stat-row{padding:var(--space-0) 0;line-height:1.5;font-size:var(--text-md);align-items:baseline;display:flex}.eq-stat-row .stat-label{min-width:72px;font-weight:700}.eq-stat-row .stat-value{color:var(--text-secondary);margin-left:var(--space-1)}.eq-stat-row .stat-value.red{color:var(--color-negative)}.eq-search-modal{background:var(--overlay-bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.eq-search-panel{background:var(--bg-secondary);border:2px solid var(--border-emphasis);border-radius:var(--radius-sm);width:620px;height:620px;max-height:620px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.eq-input{background:var(--bg-inset);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);outline:none}.eq-input:focus{border-color:var(--text-tertiary)}.eq-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eq-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.eq-input[type=number]{-moz-appearance:textfield}.eq-input-sm{background:var(--bg-inset);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-xs);text-align:right;outline:none;width:64px;padding:2px 6px}.eq-input-sm:focus{border-color:var(--text-tertiary)}.eq-input-sm[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eq-input-sm[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.eq-input-sm[type=number]{-moz-appearance:textfield}.eq-select{background:var(--bg-inset);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);outline:none}.eq-select:focus{border-color:var(--text-tertiary)}.eq-btn{font-size:var(--text-base);color:var(--bg-primary);background:var(--fill-primary);padding:5px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);border:none;font-weight:500}.eq-btn:hover{background:var(--fill-btn-hover)}.eq-btn:disabled{opacity:.4;cursor:default}.eq-btn-gold{background:var(--text-primary);color:var(--bg-primary)}.eq-btn-gold:hover{background:var(--text-hover-light)}.eq-btn-pill{font-size:var(--text-base);color:var(--text-secondary);background:var(--fill-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-1);white-space:nowrap;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);border:none;font-weight:500;display:inline-flex}.eq-btn-pill:hover{background:var(--fill-hover);color:var(--text-primary)}.eq-btn-pill:disabled{opacity:.35;cursor:default}.eq-btn-pill:disabled:hover{background:var(--fill-secondary);color:var(--text-secondary)}.eq-btn-pill-active{background:var(--fill-active);color:var(--text-primary)}.eq-btn-pill-active:hover{background:var(--fill-active-hover)}.eq-btn-pill-dim{background:var(--fill-tertiary);color:var(--text-tertiary)}.eq-btn-pill-dim:hover{background:var(--fill-dim-hover);color:var(--text-secondary)}.eq-btn-close{font-size:var(--text-md);color:var(--text-tertiary);background:var(--fill-subtle);width:var(--space-6);height:var(--space-6);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:400;line-height:1;display:flex}.eq-btn-close:hover{background:var(--fill-active);color:var(--text-secondary)}.eq-btn-ghost{background:var(--fill-ghost);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);border:none;font-weight:500}.eq-btn-ghost:hover{background:var(--fill-ghost-hover);color:var(--text-secondary)}.char-card:hover{background:var(--bg-secondary);border-color:var(--border-default)}.char-card-subtitle{color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-default)}.char-card-subtitle-public{color:#4ade80}.char-card-subtitle-shared{color:var(--color-shared)}.char-card-subtitle-private{color:var(--text-dim)}.char-card:hover .char-card-subtitle{color:var(--text-secondary)!important}.aa-panel{flex-direction:column;height:100%;display:flex}.aa-header{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.aa-points{font-size:var(--text-base);color:var(--text-tertiary)}.aa-points-value{color:var(--text-primary);font-weight:600}.aa-search{width:150px;font-size:var(--text-sm)}.aa-tabs{background:var(--border-row);border-bottom:2px solid var(--border-default);padding:0 var(--space-2);gap:0;display:flex}.aa-tab{padding:7px var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:500}.aa-tab:hover{color:var(--text-secondary)}.aa-tab-active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.aa-table-header{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-weight:600;display:flex}.aa-table-body{flex:1;min-height:0;max-height:320px;overflow-y:auto}.aa-col-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.aa-col-rank{text-align:center;flex-shrink:0;width:64px}.aa-col-cost{text-align:center;flex-shrink:0;width:44px}.aa-col-controls{justify-content:flex-end;align-items:center;gap:var(--radius-xs);flex-shrink:0;width:90px;display:flex}.aa-row{padding:5px var(--space-3);border-bottom:1px solid var(--border-row);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);align-items:center;display:flex}.aa-row:hover{background:var(--bg-hover)}.aa-row-selected{background:var(--bg-tertiary);border-left:2px solid var(--text-primary);padding-left:var(--space-3)}.aa-row-maxed{color:var(--text-tertiary)}.aa-row-maxed .aa-name{color:var(--text-tertiary);font-weight:600}.aa-row-partial .aa-name{color:var(--text-secondary);font-weight:600}.aa-row-locked{opacity:.4}.aa-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aa-prereq-badge{font-size:var(--text-2xs);color:var(--text-tertiary);margin-left:var(--space-2);white-space:nowrap}.aa-cost-done{color:var(--text-tertiary);font-weight:700}.aa-empty{padding:var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--text-dim)}.aa-ctrl-btn{width:22px;height:22px;font-size:var(--text-lg);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;padding:0;font-weight:700;display:flex}.aa-ctrl-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.aa-ctrl-btn:disabled{background:var(--bg-elevated);color:var(--border-default);cursor:default}.aa-ctrl-max{width:auto;padding:0 var(--space-2);font-size:var(--text-2xs);text-transform:uppercase;font-weight:600}.aa-description-pane{border-top:2px solid var(--border-default);background:var(--bg-elevated);flex-direction:column;min-height:100px;max-height:120px;display:flex}.aa-description-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-2) var(--space-3) 0;font-weight:600}.aa-description-text{padding:var(--space-1) var(--space-3) var(--space-3);font-size:var(--text-base);color:var(--text-secondary);flex:1;line-height:1.5;overflow-y:auto}.aa-description-title{color:var(--text-primary);margin-bottom:var(--space-0);font-weight:600}.aa-description-none{color:var(--text-dim);font-style:italic}.build-view-tabs{background:var(--bg-elevated);border-bottom:1px solid var(--border-default);padding:0 var(--space-2);align-items:center;gap:0;margin-bottom:0;display:flex}.build-view-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-md);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.build-view-tab:hover{color:var(--text-secondary)}.build-view-tab-active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}.header{z-index:50;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-4);justify-content:space-between;align-items:center;height:44px;display:flex;position:sticky;top:0}.header-logo{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.3px;font-weight:700;text-decoration:none}.nav-link{font-size:var(--text-md);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-default);text-decoration:none}.nav-link:hover{color:var(--text-primary)}.field-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;margin-bottom:var(--space-1)}.stat-btn{width:22px;height:22px;font-size:var(--text-lg);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;font-weight:700;display:flex}.stat-btn:disabled{background:var(--bg-elevated);color:var(--border-default);cursor:default}.stat-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.landing-page{flex:1;justify-content:center;align-items:center;display:flex}.landing-menu{gap:var(--space-3);flex-direction:column;display:flex}.landing-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-md);color:var(--text-secondary);background:var(--fill-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);text-decoration:none;display:block}.landing-btn:hover{background:var(--fill-hover);color:var(--text-primary)}.landing-btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:#0000;font-weight:600}.landing-btn-primary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);text-decoration:none}.card:hover{background:var(--bg-secondary);border-color:var(--border-default)}.context-menu{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:200;min-width:160px;padding:var(--space-1) 0;position:fixed}.context-menu-item{padding:var(--space-2) var(--space-3);font-size:var(--text-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item-danger{color:var(--color-negative)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-md);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.tab:hover{color:var(--text-secondary)}.tab-active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.gear-tab{align-items:center;gap:var(--space-1);background:0 0;border-bottom:none;min-height:32px;padding:0;display:flex;overflow-x:auto}.gear-tab-item{padding:3px var(--space-3);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);align-items:center;gap:var(--space-1);color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;display:flex}.gear-tab-item:hover{color:var(--text-secondary);background:var(--fill-ghost-hover)}.gear-tab-item-active{color:var(--text-primary);background:var(--fill-active);border-bottom-color:#0000;font-weight:600}.gear-tab-new{padding:3px var(--space-3);font-size:var(--text-sm);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:var(--space-1);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:0 0;border:none;display:flex}.gear-tab-new:hover{color:var(--text-secondary);background:var(--fill-ghost-hover)}.vis-control{background:var(--fill-tertiary);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex;position:relative}.vis-segment{border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;color:var(--text-tertiary);transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);white-space:nowrap;background:0 0;border:none;padding:4px 12px;font-weight:500}.vis-segment:hover:not(.vis-segment-active){background:var(--fill-ghost-hover)}.vis-segment-active{background:var(--fill-active)}.vis-segment:disabled{opacity:.35;cursor:default}.vis-confirm-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vis-confirm-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:90%;max-width:340px;padding:20px 24px}.vis-confirm-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.vis-confirm-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.owner-action-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-default);font-size:var(--text-sm);display:flex}.owner-action-bar-left{align-items:center;gap:var(--space-2);display:flex}.owner-action-bar-right{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.compare-header{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);font-weight:600}.compare-cell{padding:var(--space-1) var(--space-3);font-size:var(--text-base);color:var(--text-secondary);border-bottom:1px solid var(--border-row)}.item-detail{padding:var(--space-3);font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.item-detail-dim{color:var(--text-dim)}.effect-link{color:var(--accent-blue);transition:text-decoration var(--duration-fast) var(--ease-default);text-decoration:none}.effect-link:hover{text-decoration:underline}.text-positive{color:var(--color-positive)}.text-negative{color:var(--color-negative)}.text-capped{color:var(--color-capped)}.text-special{color:var(--color-special)}.text-dim{color:var(--text-dim)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.search-result-row{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-row);cursor:pointer;align-items:center;gap:var(--space-2);transition:background var(--duration-fast) var(--ease-default);display:flex}.search-result-row:hover{background:var(--bg-hover)}.inventory-row{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-row);align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-default);display:flex}.inventory-row:hover{background:var(--bg-hover)}.section-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}@media (max-width:639px){body{overflow-x:hidden}:root{--window-width:100%}.header{padding:0 var(--space-3)}.header-nav-desktop{display:none!important}.header-hamburger,.header-mobile-menu{display:flex!important}.eq-window{border-left:none;border-right:none;border-radius:0;overflow-x:hidden}.eq-search-modal{align-items:stretch}.eq-search-panel{border:none;border-radius:0;flex-direction:column;max-width:100vw;height:100vh;max-height:100vh;display:flex;width:100%!important}.aa-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.aa-tabs::-webkit-scrollbar{display:none}.gear-tab{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.gear-tab::-webkit-scrollbar{display:none}.build-view-tabs{flex-wrap:wrap;gap:0}.eq-stats{width:100%}.mobile-stats-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-row);cursor:pointer;flex-wrap:wrap;display:flex}.mobile-stats-bar .stat-highlight{color:var(--text-primary);font-weight:600}.mobile-stats-bar .expand-hint{font-size:var(--text-2xs);color:var(--text-dim);margin-left:auto}.compare-modal-panel{border:none;border-radius:0;height:100vh;max-height:100vh;width:100%!important;max-width:100vw!important}.inventory-layout-row{width:100%;max-width:100vw;overflow-x:hidden}.bag-frame{margin:12px auto 0}.bag-search-panel{border-radius:0;max-width:100vw;width:100%!important}}.header-hamburger{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;display:none}.header-hamburger:hover{color:var(--text-primary)}.header-mobile-menu{background:var(--bg-primary);padding:var(--space-4);gap:var(--space-1);z-index:49;border-top:1px solid var(--border-subtle);flex-direction:column;display:none;position:fixed;inset:44px 0 0}.header-mobile-menu .nav-link{padding:var(--space-3) var(--space-2);font-size:var(--text-lg);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-default);display:block}.header-mobile-menu .nav-link:hover{background:var(--bg-hover)}.eq-chip{align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-size:var(--text-sm);color:var(--text-primary);background:var(--fill-active);border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.eq-chip-close{color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;padding:0;line-height:1}.eq-chip-close:hover{color:var(--text-primary)}.eq-zone-dropdown{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xs);box-shadow:var(--shadow-lg);max-height:240px;margin-top:2px;overflow-y:auto}.eq-zone-dropdown-header{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-weight:600;position:sticky;top:0}.eq-zone-dropdown-item{padding:var(--space-2) var(--space-3);font-size:var(--text-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);justify-content:space-between;align-items:center;display:flex}.eq-zone-dropdown-item:hover{background:var(--bg-hover)}.eq-zone-dropdown-item.selected{background:var(--fill-active);color:var(--text-primary)}.eq-zone-checklist{background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-xs);grid-template-columns:1fr 1fr;align-content:start;max-height:280px;display:grid;overflow-y:auto}.eq-zone-checklist>div{break-inside:avoid}.eq-zone-checklist-header{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-weight:600}.eq-zone-checklist-item{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:var(--space-2);transition:background var(--duration-fast) var(--ease-default);display:flex}.eq-zone-checklist-item:hover{background:var(--bg-hover)}.eq-zone-checklist-item.selected{color:var(--text-primary)}.eq-zone-checkbox{border:1px solid var(--border-emphasis);width:14px;height:14px;color:var(--accent-blue);background:var(--bg-inset);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.eq-zone-checklist-item.selected .eq-zone-checkbox{background:var(--fill-active);border-color:var(--accent-blue)}.details-sub-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-default);padding:0 var(--space-2);gap:0;display:flex}.details-sub-tab{padding:7px var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.details-sub-tab:hover{color:var(--text-secondary)}.details-sub-tab-active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.tanking-section-header{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;align-items:center;margin-top:0;font-weight:600;display:flex}.tanking-section-card{padding:var(--space-2) var(--space-3)}.tanking-detail-toggle{align-items:center;gap:var(--space-1);padding:var(--space-1) 0;cursor:pointer;font-size:var(--text-xs);color:var(--text-dim);text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;display:flex}.tanking-detail-toggle:hover{color:var(--text-tertiary)}.tanking-detail-content{padding:var(--space-1) 0 var(--space-1) var(--space-3)}.tanking-hint{font-size:var(--text-xs);color:var(--text-dim);padding:var(--space-1) 0;line-height:1.4}.eq-btn-icon{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.eq-btn-icon:hover{background:var(--fill-ghost-hover);color:var(--text-secondary)}.eq-btn-icon-active{background:var(--fill-active);color:var(--text-primary)}.eq-btn-icon-active:hover{background:var(--fill-active-hover)}.eq-btn-icon:disabled{opacity:.35;cursor:default}.build-view-tab-actions{align-items:center;gap:var(--space-1);padding-right:var(--space-1);display:flex}.build-bottom-bar{padding:var(--space-1) var(--space-3);border-top:1px solid var(--border-default);background:var(--bg-elevated);align-items:center;min-height:32px;display:flex}.build-bottom-bar-right{align-items:center;gap:var(--space-2);display:flex}.save-dot{width:6px;height:6px;margin-left:var(--space-2);vertical-align:middle;border-radius:50%;flex-shrink:0;display:inline-block}.save-dot-saving{animation:1s ease-in-out infinite save-pulse}@keyframes save-pulse{0%,to{opacity:1}50%{opacity:.3}}.char-visibility-section{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default)}.hidden{display:none}.public-table-wrap{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-elevated);overflow-x:auto}.public-table{border-collapse:collapse;table-layout:fixed;width:100%}.public-table-th{font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;text-align:right;border-bottom:1px solid var(--border-default);background:var(--bg-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 16px;font-weight:600}.public-table-th-stat{cursor:pointer;width:76px;transition:color .15s}.public-table-th-stat:hover{color:var(--text-secondary)}.public-table-th-active{color:var(--text-primary)}.public-table-th-name{text-align:left;width:auto}.public-table-row{transition:background .12s}.public-table-row:hover{background:var(--bg-hover)}.public-table-row:not(:last-child) .public-table-td{border-bottom:1px solid var(--border-row)}.public-table-td{vertical-align:middle;padding:0}.public-table-td-name{text-align:left}.public-table-td-stat{text-align:right;font-size:var(--text-md);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.public-table-td-active{color:var(--text-primary)}.public-table-link{color:inherit;flex-direction:column;gap:2px;padding:12px 16px;text-decoration:none;display:flex}.public-table-stat-link{color:inherit;padding:12px 16px;text-decoration:none;display:block}.public-table-charname{font-size:var(--text-md);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.public-table-charinfo{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.3}@media (max-width:640px){.public-table{table-layout:auto;min-width:600px}.public-table-th-stat{width:auto;min-width:60px}}.wizard-container{margin:0 auto}.wizard-dots{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.wizard-dot-group{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.wizard-dot{background:var(--border-default);width:8px;height:8px;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);border-radius:50%}.wizard-dot-active{background:var(--text-primary);transform:scale(1.25)}.wizard-dot-completed{background:var(--text-tertiary)}.wizard-dot-label{font-size:var(--text-xs);color:var(--text-dim);letter-spacing:.02em;transition:color var(--duration-fast) var(--ease-default)}.wizard-dot-label-active{color:var(--text-secondary)}.wizard-step{padding:var(--space-5) var(--space-4) var(--space-4)}.wizard-step-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.wizard-step-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-5);line-height:1.5}.wizard-import-area{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-sm);background:var(--fill-tertiary);flex-direction:column;display:flex}.wizard-import-btn{font-size:var(--text-md);color:var(--text-primary);background:var(--fill-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-5);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);font-weight:500}.wizard-import-btn:hover{background:var(--fill-hover)}.wizard-import-btn:disabled{opacity:.5;cursor:default}.wizard-import-success{align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--color-positive);font-weight:500;display:flex}.wizard-import-check{font-size:var(--text-lg)}.wizard-import-status{font-size:var(--text-sm);color:var(--text-tertiary)}.wizard-import-hint{font-size:var(--text-xs);color:var(--text-dim)}.wizard-import-hint code{font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--fill-secondary);border-radius:var(--radius-xs);padding:1px 4px}.wizard-save-section{padding:var(--space-3) 0}.wizard-vis-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2);line-height:1.4}.wizard-save-actions{margin-top:var(--space-5);align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.wizard-save-btn{font-size:var(--text-md);color:var(--bg-primary);background:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-6);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);border:none;font-weight:600}.wizard-save-btn:hover{background:var(--fill-btn-hover)}.wizard-save-btn:disabled{opacity:.5;cursor:default}.wizard-save-error{font-size:var(--text-sm);color:var(--color-negative)}.wizard-nav{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.wizard-nav-btn{align-items:center;gap:var(--space-1);font-size:var(--text-base);color:var(--text-tertiary);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:0 0;border:none;font-weight:500;display:flex}.wizard-nav-btn:hover{color:var(--text-secondary);background:var(--fill-ghost-hover)}.wizard-nav-btn-primary{color:var(--text-primary);background:var(--fill-secondary)}.wizard-nav-btn-primary:hover{background:var(--fill-hover)}.wizard-nav-arrow{font-size:var(--text-sm);opacity:.6}.wizard-nav-btn:disabled{opacity:.3;cursor:default}.wizard-nav-btn:disabled:hover{color:var(--text-primary);background:var(--fill-secondary)}.wizard-validation-hint{font-size:var(--text-sm);color:var(--text-dim);padding:0 var(--space-4) var(--space-2)}.effect-filter-grid{gap:var(--space-2);flex-direction:column;display:flex}.effect-filter-category{width:100%}.effect-filter-row2{gap:var(--space-2);flex-wrap:wrap;display:flex}.effect-filter-row2>select{flex:1;min-width:100px}.inventory-layout-row{align-items:flex-start;gap:var(--space-1);display:flex}.bags-toggle-group{background:var(--fill-ghost);border-radius:6px;flex-shrink:0;gap:2px;padding:2px;display:flex}.bags-toggle-btn{font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:3px 8px;transition:all .15s}.bags-toggle-btn:hover{color:var(--text-secondary);background:var(--fill-ghost-hover)}.bags-toggle-btn:disabled{opacity:.5;cursor:default}.bags-toggle-btn:disabled:hover{color:inherit}.bags-toggle-btn.active{color:var(--text-primary);background:var(--fill-secondary)}.bags-grid{gap:var(--space-2);padding:var(--space-2) var(--space-3);grid-template-columns:1fr 1fr;display:grid}.bag-slot-card{padding:var(--space-1);background:var(--bg-inset);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.bag-slot-card:hover{border-color:var(--border-emphasis);background:var(--bg-hover)}.bag-slot-icon{width:32px;height:32px;image-rendering:pixelated;border-radius:4px;flex-shrink:0}.bag-slot-icon-empty{background:var(--eq-slot-bg);border:1px solid var(--eq-slot-border);color:var(--text-tertiary);font-size:var(--text-xs);justify-content:center;align-items:center;display:flex}.bag-slot-info{flex-direction:column;gap:1px;min-width:0;display:flex}.bag-slot-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.bag-slot-count{font-size:var(--text-sm);color:var(--text-tertiary)}.bag-frame{background:var(--eq-slot-bg);border:2px solid var(--eq-slot-border);width:108px;box-shadow:var(--shadow-inset);flex-direction:column;flex-shrink:0;display:flex}.bag-frame-overview{padding:2px}.bag-frame-titlebar{background:linear-gradient(to bottom, var(--titlebar-top), var(--titlebar-bottom));border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;min-height:20px;padding:2px 4px;display:flex}.bag-frame-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.bag-frame-closebox{border:1px solid var(--border-default);width:14px;height:14px;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:8px;line-height:1;display:flex}.bag-frame-closebox:hover{color:var(--text-primary);background:var(--fill-ghost-hover)}.bag-frame-icon-row{justify-content:center;padding:4px 0 2px;display:flex}.bag-frame-icon{background:var(--eq-slot-bg);border:1px solid var(--eq-slot-border);width:52px;height:52px;box-shadow:var(--shadow-inset);cursor:pointer;image-rendering:pixelated;outline:none;overflow:hidden}.bag-frame-icon-empty{color:var(--text-tertiary);font-size:var(--text-sm);cursor:default;justify-content:center;align-items:center;display:flex}.bag-frame-slots{width:104px;margin:0 auto;position:relative}.bag-frame-slot{background:var(--eq-slot-bg);border:1px solid var(--eq-slot-border);width:52px;height:52px;box-shadow:var(--shadow-inset);transition:border-color var(--duration-fast) var(--ease-default);outline:none;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.bag-frame-slot.filled{cursor:pointer;border-color:var(--border-emphasis);background:var(--bg-elevated)}.bag-frame-slot.filled:hover{border-color:var(--accent-teal)}.bag-frame-slot.clicky{box-shadow:var(--shadow-inset), inset 0 0 0 1px var(--accent-teal)}.bag-frame-slot-icon{width:52px;height:52px;image-rendering:pixelated}.bag-frame-done-row{justify-content:center;padding:4px 0 6px;display:flex}.bag-frame-done{color:var(--text-primary);background:linear-gradient(to bottom, var(--titlebar-top), var(--titlebar-bottom));border:1px solid var(--border-default);cursor:pointer;transition:background var(--duration-fast);outline:none;padding:2px 16px;font-size:10px;font-weight:500}.bag-frame-done:hover{background:var(--fill-ghost-hover)}.bag-frame-empty{color:var(--text-tertiary);padding:var(--space-3) var(--space-2);text-align:center;font-size:10px}.bag-frame-animate-in{animation:.12s ease-out bag-frame-fade-in}@keyframes bag-frame-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.bag-frame-slot-addable{cursor:pointer;border:1px dashed var(--border-subtle)!important;background:0 0!important}.bag-frame-slot-addable:hover{border-color:var(--border-emphasis)!important;background:var(--bg-hover)!important}.bag-frame-slot-add{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;font-size:18px;line-height:1}.bag-frame-slot-addable:hover .bag-frame-slot-add{color:var(--text-secondary)}.bag-frame-slot-remove{border:1px solid var(--border-subtle);width:16px;height:16px;color:var(--text-tertiary);cursor:pointer;opacity:0;z-index:2;background:#000000b3;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;transition:opacity .1s;display:flex;position:absolute;top:1px;right:1px}.bag-frame-slot:hover .bag-frame-slot-remove{opacity:1}.bag-frame-slot-remove:hover{color:#fff;background:#b42828cc;border-color:#dc3c3c99}.bag-search-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding-top:120px;display:flex;position:fixed;inset:0}.bag-search-panel{background:var(--bg-secondary);border:1px solid var(--border-emphasis);border-radius:8px;flex-direction:column;width:360px;max-height:420px;display:flex;box-shadow:0 8px 32px #00000080}.bag-search-header{gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--border-subtle);display:flex}.bag-search-input{flex:1;min-width:0}.bag-search-btn{font-size:var(--text-sm);white-space:nowrap;padding:4px 12px}.bag-search-results{padding:var(--space-1);flex:1;overflow-y:auto}.bag-search-result-row{align-items:center;gap:var(--space-2);padding:6px var(--space-2);cursor:pointer;border-radius:4px;transition:background .1s;display:flex}.bag-search-result-row:hover{background:var(--bg-hover)}.bag-search-item-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bag-search-item-meta{color:var(--text-tertiary);font-size:10px}.bag-search-add-btn{flex-shrink:0;padding:2px 8px;font-size:10px}.bag-search-empty{padding:var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.easter-egg{border-bottom:1px dotted var(--text-secondary);cursor:help;position:relative}.easter-egg:after{content:attr(data-tip);background:var(--bg-inset);border:1px solid var(--border-emphasis);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;z-index:50;border-radius:4px;padding:4px 10px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0009}.easter-egg:hover:after{opacity:1}@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-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}