@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--ink: #fff4ea;--muted: #c0a89a;--line: #4d352c;--paper: #251a16;--paper-raised: #32221c;--bg: #1a1210;--accent: #ff7a2f;--accent-dark: #df5f1e;--cream: #ffcf85;--blue: #8bb8ff;--success: #62d9ac;--shadow: 0 14px 36px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -18%,#4a2b1d 0,var(--bg) 52%) fixed;color:var(--ink);font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif}.app-shell{max-width:1320px;margin:0 auto;padding:44px 24px 72px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:28px}.hero-copy{min-width:0}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero-actions .button{min-height:40px}.page-nav{display:flex;grid-column:1 / -1;gap:6px;padding:5px;border:1px solid var(--line);border-radius:11px;background:#251a16c2;box-shadow:inset 0 1px #fff4ea08}.page-nav button{flex:1 1 0;min-width:0;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.15s}.page-nav button:hover{background:var(--paper-raised);color:var(--ink)}.page-nav button.active{background:var(--accent);color:#fff8ee;box-shadow:0 3px 9px #0004}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 10px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;margin:0 0 10px;text-shadow:0 2px 0 #0006}.subtitle{color:var(--muted);margin:0;font-size:15px}.panel{background:linear-gradient(155deg,var(--paper-raised),var(--paper));border:1px solid var(--line);border-radius:14px;padding:26px;margin-top:18px;box-shadow:var(--shadow),inset 0 1px #fff4ea0a}.page-stack{display:grid;gap:18px}.page-intro{padding:8px 2px 0}.page-intro h2{margin-bottom:7px;font-size:26px}.page-intro>p:last-child{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.state-subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#251a16c2;box-shadow:inset 0 1px #fff4ea08}.state-subnav button{display:grid;min-width:0;gap:3px;padding:11px 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:.15s}.state-subnav button:hover{background:var(--paper-raised);color:var(--ink)}.state-subnav button.active{background:var(--accent);color:#fff8ee;box-shadow:0 3px 9px #0004}.state-subnav button:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.state-subnav strong{font-size:13px}.state-subnav small{overflow:hidden;color:inherit;font-size:10px;opacity:.78;text-overflow:ellipsis;white-space:nowrap}h2{font-size:20px;letter-spacing:-.03em;margin:0 0 6px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.section-kicker{margin:0 0 5px!important;color:var(--accent)!important;font-size:11px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.button-group{display:flex;gap:8px;flex-wrap:wrap}.mode-badge{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-radius:8px;background:var(--paper-raised);color:var(--muted);font-size:12px;white-space:nowrap}.display-mode{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.display-mode select{width:auto;min-height:40px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;font:inherit;font-size:13px;font-weight:750;line-height:1.2;text-decoration:none;cursor:pointer;transition:.15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.primary{background:var(--accent);color:#fff8ee}.primary:hover{background:var(--accent-dark)}.secondary{background:var(--paper-raised);color:var(--ink);border:1px solid var(--line)}.danger{background:#3a211e;color:#ffb0a0;border:1px solid #69423a}.file-button{display:inline-block}.large{padding:14px 24px;font-size:15px}.preset-dropdown{display:block;flex:0 0 auto}.preset-dropdown select{width:auto;min-width:154px;min-height:38px;padding:7px 28px 7px 10px;border-color:#53655d;background:#211e1c;color:var(--ink);font-size:12px;font-weight:750}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.list-title{display:flex;align-items:center;gap:8px;margin:22px 0 8px;font-size:14px;font-weight:800}.list-title:first-of-type{margin-top:0}.list-title small{color:var(--muted);font-size:12px;font-weight:500}.candidate-title{margin-top:28px}.gear-list-section{position:relative;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#1b14116b;overflow:hidden}.gear-list-section:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:var(--line)}.gear-list-section .list-title{margin:0 0 10px 4px}.gear-list-section .list-add-button{margin-left:auto;padding:6px 9px;border-radius:7px;font-size:11px}.result-pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 12px;color:var(--muted);font-size:11px;font-weight:750}.pagination-button{width:27px;height:27px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--paper-raised);color:var(--ink);font:inherit;font-size:18px;line-height:1;cursor:pointer}.pagination-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.current-list-section{border-color:#3f6867;background:linear-gradient(145deg,#263e3c6b,#1b141152)}.current-list-section:before{background:#62b8ac}.current-list-section .list-title{color:#b6e1d7}.candidate-list-section{border-color:#875030;background:linear-gradient(145deg,#4b2f2270,#1b141152)}.candidate-list-section:before{background:var(--accent)}.candidate-list-section .list-title{color:#ffd09a}.retired-list-section{border-color:#51413a;background:#1e181557}.retired-list-section:before{background:#827269}.list-title-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.list-title-toggle:hover{color:var(--accent)}.list-title-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.collapse-indicator{margin-left:auto;color:var(--muted);font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{border-collapse:collapse;width:100%;min-width:1120px;table-layout:fixed;font-size:13px}.enhancement-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.enhancement-card{min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--paper-raised)}.enhancement-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:8px}.enhancement-heading{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:5px}.enhancement-slot{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.enhancement-heading select{width:100%;padding:5px 6px;font-size:12px}.enhancement-values{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;color:var(--muted);font-size:10px;white-space:nowrap}.enhancement-values span{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;width:100%;gap:4px}.enhancement-values b{color:var(--accent);font-size:12px;text-align:right}th:nth-child(1),td:nth-child(1){width:58px}th:nth-child(2),td:nth-child(2){width:72px}th:nth-child(3),td:nth-child(3){width:56px}th:nth-child(4),td:nth-child(4){width:155px}th:nth-child(5),td:nth-child(5){width:92px}th:nth-child(6),td:nth-child(6){width:140px}th:nth-child(7),td:nth-child(7){width:82px}th:nth-child(8),td:nth-child(8){width:140px}th:nth-child(9),td:nth-child(9){width:82px}th:nth-child(10),td:nth-child(10){width:190px}th{background:var(--paper-raised);text-align:left;color:var(--muted);font-weight:700;white-space:nowrap}th,td{border-bottom:1px solid var(--line);padding:9px 8px}tr:last-child td{border-bottom:0}.gear-type-cell{text-align:center}.gear-image-frame{--rarity-a: #7e7e7e;--rarity-b: #6b6b6b;--rarity-edge: #ababab;display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity-edge) 72%,#17120f);border-radius:8px;background:linear-gradient(145deg,var(--rarity-a),color-mix(in srgb,var(--rarity-b) 54%,#17120f));box-shadow:inset 0 0 0 1px #ffffff18}.gear-image-frame[data-empty=true]{background:var(--paper-raised);border-color:var(--line)}.gear-image{width:34px;height:34px;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font:inherit;padding:8px 9px;outline:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff7a2f26}.base-value-display{display:block;min-height:32px;padding:8px 9px;color:var(--ink);white-space:nowrap}.sub-stat:disabled,.sub-value:disabled{background:var(--paper-raised);color:#6f625b;cursor:not-allowed}.center{text-align:center}.current{width:17px;height:17px;accent-color:var(--accent)}.delete{border:0;background:none;color:#a0a8b5;font-size:14px;cursor:pointer}.delete:hover{color:#ff8b78}.action-group{display:flex;gap:5px}.action-button{border:0;border-radius:7px;padding:7px 8px;font-size:12px;font-weight:750;cursor:pointer;background:var(--accent);color:#fff;white-space:nowrap}.remove-button{background:#3a211e;color:#ffb0a0}.return-button{background:var(--paper-raised);color:var(--ink)}.tip{font-size:12px;color:var(--muted);margin:12px 0 0}.conditions{display:flex;gap:16px}.conditions>div{width:220px}.conditions label,.minimum-title{display:block;font-size:12px;font-weight:750;color:var(--muted);margin-bottom:7px}.minimum-title{margin-top:22px}.minimum-title span{font-weight:400;color:var(--muted)}.minimum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.minimum-grid label{min-width:0;font-size:12px;color:var(--muted)}.minimum-item.is-disabled{opacity:.55}.minimum-label{display:flex;min-width:0;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-toggle{flex:0 0 auto;width:15px;height:15px;accent-color:var(--accent)}.minimum-input{display:flex;gap:5px;margin-top:5px}.minimum-input input{min-width:0}.weight-input{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--muted);font-size:10px}.weight-input span{flex:0 0 auto}.weight-input input{min-width:0;padding:6px 7px}.fill-one{border:1px solid var(--line);border-radius:7px;background:var(--paper-raised);color:var(--muted);font-size:11px;padding:0 8px;white-space:nowrap;cursor:pointer}.fill-one:hover{background:#2c211b;color:var(--ink)}.fill-one:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:18px;padding:13px 15px;border-radius:10px;background:var(--paper-raised);color:var(--muted);font-size:13px}.status.error{background:#3a211e;color:#ffb0a0}.hidden{display:none!important}.result-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:11px;background:var(--paper-raised)}.result-card:first-child{margin-top:0}.result-usage-summary{margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#2c211b}.result-usage-summary>strong{color:var(--ink);font-size:11px}.result-usage-summary>strong span{color:var(--muted);font-weight:500}.result-usage-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.result-usage-item{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:var(--paper-raised);color:var(--muted);font:inherit;font-size:10px;cursor:pointer}.result-usage-item:hover,.result-usage-item.active{border-color:var(--accent);background:#3a2b25}.result-usage-item b{color:var(--accent)}.result-usage-item em{color:var(--ink);font-style:normal;font-weight:750}.result-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.result-title{font-size:14px;font-weight:800}.result-summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.replacement-count{padding:4px 7px;border-radius:6px;background:#613b2b;color:#ffc078;font-size:11px;font-weight:800}.weighted-score{padding:4px 7px;border-radius:6px;background:#315044;color:#9ee6c6;font-size:11px;font-weight:800}.result-apply-button{padding:6px 9px;border-radius:7px;font-size:11px}.result-loadout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:14px}.result-gear{min-width:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:#2c2825}.result-gear.is-replacement{border-color:#9c572f;background:linear-gradient(145deg,#3a2b25,#2c2825);box-shadow:inset 0 0 0 1px #c47b3e22}.result-gear-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:6px}.result-gear-head strong{min-width:0;overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.result-gear-head span{flex:0 0 auto;color:var(--muted);font-size:10px;font-weight:750}.result-gear.is-replacement .result-gear-head span{color:#ffc078}.result-gear-body{display:flex;align-items:center;gap:7px;min-width:0}.result-gear-image-frame{flex:0 0 42px;width:42px;height:42px;border-radius:8px}.result-gear-image-frame .gear-image{width:34px;height:34px}.result-gear-info{display:flex;min-width:0;flex-direction:column;gap:2px}.result-gear-info b{overflow:hidden;color:var(--accent);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.result-gear-info small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.result-gear-note{display:flex;min-width:0;align-items:center;gap:4px;margin-top:6px;overflow:hidden;color:var(--muted);font-size:9px;white-space:nowrap}.result-gear-note span{overflow:hidden;text-overflow:ellipsis}.result-gear-note b{color:var(--accent);font-size:10px}.result-gear-subs{display:flex;min-width:0;flex-direction:column;gap:2px;margin-top:6px;padding-top:5px;border-top:1px solid #554139}.result-gear-sub{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:5px;color:var(--muted);font-size:9px}.result-gear-sub span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-gear-sub b{flex:0 0 auto;color:#f0bd82;font-size:10px}.result-gear-no-subs{color:#89766c;font-size:9px}.result-gear-deltas{display:flex;min-width:0;flex-wrap:wrap;gap:3px 6px;margin-top:6px;padding-top:5px;border-top:1px solid #554139}.result-gear-delta,.result-gear-no-delta{font-size:9px;font-weight:750}.result-gear-no-delta{color:#89766c}.loadout{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{background:#2c211b;border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:12px}.chip b{color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.stat-cell{background:#2c211b;padding:8px;border-radius:7px}.stat-cell small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.stat-cell strong{font-size:13px}.stat-delta{display:block;margin-top:3px;font-size:10px;font-weight:700}.stat-rate{display:block;margin-top:2px;font-size:10px;font-weight:700}.stat-cell.is-disabled{opacity:.5}.up{color:var(--success)}.down{color:#ff927f}.equal{color:#667085}.gear-catalog-dialog{width:min(980px,calc(100vw - 32px));max-width:980px;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #00000073}.gear-catalog-dialog::backdrop{background:#100c0ac7}.catalog-dialog-content{padding:24px}.catalog-dialog-heading{margin-bottom:16px}.catalog-filters{display:grid;grid-template-columns:150px 150px 1fr;gap:10px;margin-bottom:14px}.catalog-filters label,.catalog-selection label{display:block;color:var(--muted);font-size:11px;font-weight:750}.catalog-filters select,.catalog-filters input,.catalog-selection input{margin-top:5px}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:460px;overflow:auto;padding:2px}.catalog-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--paper-raised);color:var(--ink);text-align:left;cursor:pointer}.catalog-card:hover,.catalog-card.selected{border-color:var(--accent);background:#2c211b}.catalog-card img{width:48px;height:48px;align-self:center;object-fit:contain}.catalog-card span{width:100%;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.catalog-card strong{width:100%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.catalog-empty{grid-column:1 / -1;padding:28px;color:var(--muted);text-align:center}.catalog-selection{display:grid;grid-template-columns:1fr 120px auto;align-items:end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.catalog-selection>div{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.cookie-collection-panel{border-color:#3e6768;background:#252f2c}.cookie-collection-toolbar{display:grid;grid-template-columns:minmax(180px,280px) 132px minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:14px}.cookie-collection-search,.cookie-collection-sort{min-width:0;color:#a9c7c1;font-size:12px;font-weight:750}.cookie-collection-search span,.cookie-collection-sort span{display:block;margin-bottom:5px}.cookie-collection-search input,.cookie-collection-sort select{border-color:#486664;background:#1d2928}.cookie-collection-sort select{width:100%;min-height:34px;color:#e2f5ee;font:inherit;font-size:13px}.cookie-rarity-filter{display:flex;min-width:0;flex-wrap:wrap;gap:5px}.cookie-rarity-filter button{min-width:36px;padding:7px 9px;border:1px solid #486664;border-radius:7px;background:#1d2928;color:#a9c7c1;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.cookie-rarity-filter button:hover{border-color:#6fd5c5;color:#d9fff4}.cookie-rarity-filter button.active{border-color:#34b8ad;background:#22746f;color:#f0fffb}.cookie-collection-count{padding-bottom:8px;color:#9bc8c0;font-size:12px;font-weight:750;white-space:nowrap}.cookie-collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cookie-collection-card{--cookie-rarity: #4b6a74;position:relative;display:grid;min-width:0;min-height:182px;grid-template-rows:auto 78px auto auto auto;align-content:start;overflow:hidden;padding:7px;border:2px solid color-mix(in srgb,var(--cookie-rarity) 72%,#0e1d21);border-radius:10px;background:color-mix(in srgb,var(--cookie-rarity) 28%,#1d2c30);box-shadow:inset 0 1px #ffffff1d,0 5px 12px #0003}.cookie-collection-card:after{display:none}.cookie-collection-card[data-rarity="1"]{--cookie-rarity: #77818d}.cookie-collection-card[data-rarity="2"]{--cookie-rarity: #299e98}.cookie-collection-card[data-rarity="3"]{--cookie-rarity: #4d90dc}.cookie-collection-card[data-rarity="4"]{--cookie-rarity: #bb4da1}.cookie-collection-card[data-rarity="5"]{--cookie-rarity: #e7a92e}.cookie-collection-card[data-rarity="6"]{--cookie-rarity: #79e8f5;border-color:transparent;background:linear-gradient(145deg,#263940,#312b3d) padding-box,linear-gradient(135deg,#19c8df 0,#19c8df 16%,#b47af2 27%,#efffff 36%,#24c9ec 47%,#8ff4ff 69%,#8160e5) border-box}.cookie-card-topline,.cookie-card-copy,.cookie-grade-input,.cookie-card-footer{position:relative;z-index:1}.cookie-card-topline{display:flex;align-items:flex-start;justify-content:space-between;min-height:24px;gap:5px}.cookie-element-badge{display:grid;width:25px;height:25px;place-items:center;border:2px solid #0e1c20;border-radius:50%;background:#708a9b;color:#f7fffb;font-size:15px;font-weight:900;line-height:1;text-shadow:0 1px 1px #000}.cookie-element-badge[data-element="1"]{background:#d94f43}.cookie-element-badge[data-element="2"]{background:#4d9eea}.cookie-element-badge[data-element="3"]{background:#71a949}.cookie-element-badge[data-element="4"]{background:#e4a731}.cookie-element-badge[data-element="5"]{background:#7060bc}.cookie-level-input{display:flex;align-items:center;justify-content:flex-end;min-width:0;padding:1px 2px;color:#fffdf2;font-size:15px;font-weight:900;letter-spacing:-.04em;text-shadow:0 2px #132026,1px 0 #132026,-1px 0 #132026}.cookie-level-input input{width:42px;min-height:23px;padding:0 1px;border:0;border-bottom:1px solid #ffffff5b;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:center;box-shadow:none}.cookie-level-input input::placeholder{color:#d8e3df;opacity:.75}.cookie-card-image{position:relative;z-index:0;justify-self:center;width:min(100%,102px);height:86px;margin-top:-14px;object-fit:contain;filter:drop-shadow(0 4px 4px #0008);-webkit-user-select:none;user-select:none}.cookie-card-copy{display:grid;min-width:0;gap:2px;margin-top:-4px;text-align:center}.cookie-card-copy strong{overflow:hidden;color:#f6f1e9;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px #000}.cookie-role{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:3px;overflow:hidden;color:#bad5d1;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.cookie-role i{color:#f8f0df;font-size:13px;font-style:normal}.cookie-grade-section{position:relative;z-index:1;display:grid;justify-items:center;gap:1px;margin-top:4px}.cookie-grade-stars{display:grid;width:78px;height:22px;grid-template-columns:repeat(5,1fr)}.cookie-grade-star{position:relative;display:block}.cookie-grade-star i{position:absolute;top:50%;left:50%;font-style:normal;line-height:1;transform:translate(-50%,-50%)}.cookie-grade-star .base{color:#52666a;font-size:17px;text-shadow:0 1px 1px #051216,0 0 1px #051216}.cookie-grade-star .base.filled{color:#ffdc45;text-shadow:0 1px #8a551b,0 0 4px #ffc93591}.cookie-grade-star .extra{color:#f7c;font-size:11px;text-shadow:0 1px #92375c,0 0 4px #ff64c9d9}.cookie-grade-input{display:flex;align-items:center;justify-content:center;gap:3px;color:#a8c7c1;font-size:10px;font-weight:750}.cookie-grade-input input{width:29px;min-height:21px;padding:1px;border-color:#fff3;background:#102329b3;color:#fff9d5;font-size:12px;font-weight:850;text-align:center}.cookie-grade-input small{color:#b4d1cc;font-size:10px}.cookie-card-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:5px}.cookie-rarity-chip{padding:3px 4px;border-radius:4px;background:color-mix(in srgb,var(--cookie-rarity) 78%,#101d20);color:#fff9e3;font-size:10px;font-weight:900;line-height:1;text-shadow:0 1px #000}.cookie-card-footer button{min-height:24px;padding:3px 5px;border:1px solid #77c9c0;border-radius:5px;background:#236b68;color:#effffb;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.cookie-card-footer button:hover{background:#2d8881}.cookie-card-footer button b{display:inline-grid;min-width:13px;height:13px;place-items:center;margin-left:3px;border-radius:50%;background:#f2bd4a;color:#263538;font-size:8px}.cookie-collection-loading,.cookie-collection-empty{margin:0;padding:24px;border:1px dashed #486664;border-radius:10px;color:#a9c7c1;font-size:12px;text-align:center}.sugar-rune-dialog{width:min(900px,calc(100vw - 32px));max-width:900px;padding:0;overflow:hidden;border:1px solid #3f7774;border-radius:15px;background:#153438;color:var(--ink);box-shadow:0 24px 80px #000a}.sugar-rune-dialog::backdrop{background:#081214cc}.sugar-rune-dialog-content{padding:20px}.sugar-rune-dialog-hero{--cookie-rarity: #4b6a74;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:13px;margin:-20px -20px 18px;padding:17px 20px;background:color-mix(in srgb,var(--cookie-rarity) 25%,#173a3e);border-bottom:1px solid #4b837d}.sugar-rune-dialog-hero[data-rarity="1"]{--cookie-rarity: #77818d}.sugar-rune-dialog-hero[data-rarity="2"]{--cookie-rarity: #299e98}.sugar-rune-dialog-hero[data-rarity="3"]{--cookie-rarity: #4d90dc}.sugar-rune-dialog-hero[data-rarity="4"]{--cookie-rarity: #bb4da1}.sugar-rune-dialog-hero[data-rarity="5"]{--cookie-rarity: #e7a92e}.sugar-rune-dialog-hero[data-rarity="6"]{--cookie-rarity: #79e8f5;border-bottom-color:#92f2fb;background:linear-gradient(115deg,#26393e,#302b3c)}.sugar-rune-dialog-hero img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 3px 4px #0008)}.sugar-rune-dialog-hero>div{min-width:0}.sugar-rune-dialog-hero span{color:#b8dcd6;font-size:12px;font-weight:750}.sugar-rune-dialog-hero h2{margin:3px 0;font-size:22px}.sugar-rune-dialog-hero p{margin:0;color:#d4ebe5;font-size:13px}.sugar-rune-dialog-hero .button{padding:8px 10px;border-color:#6a938f;background:#193a3e}.sugar-rune-dialog-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.sugar-rune-dialog-heading h3{margin:0 0 5px;font-size:17px}.sugar-rune-dialog-heading p:last-child{max-width:640px;margin:0;color:#abc9c4;font-size:12px;line-height:1.45}.sugar-rune-dialog-heading>span{flex:0 0 auto;padding:5px 8px;border-radius:6px;background:#0f282d;color:#7ee2d3;font-size:13px;font-weight:850}.sugar-rune-slot-list{display:grid;gap:7px}.sugar-rune-slot{display:grid;grid-template-columns:70px minmax(200px,.9fr) minmax(0,1.1fr);align-items:center;gap:9px;padding:8px;border:1px solid #3c706e;border-radius:9px;background:#1a4247}.sugar-rune-slot.locked{border-color:#3e5658;background:#213538;opacity:.66}.sugar-rune-slot-index{display:flex;align-items:center;gap:6px}.sugar-rune-slot-index b{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;background:#2aa49b;color:#effff9;font-size:13px}.sugar-rune-slot.locked .sugar-rune-slot-index b{background:#485c5e;color:#b4c4c1}.sugar-rune-slot-index span{color:#b5d5cf;font-size:11px;font-weight:750}.sugar-rune-slot label{min-width:0}.sugar-rune-slot select{padding:7px 8px;border-color:#4b817e;background:#102c31;font-size:12px}.sugar-rune-slot select:disabled{color:#91a5a2}.sugar-rune-effect{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:9px;padding:7px 9px;border-radius:6px;background:#102d32;color:#99bbb6;font-size:12px}.sugar-rune-effect>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugar-rune-effect i{margin-right:4px;color:#e8d476;font-style:normal;font-weight:750}.sugar-rune-effect strong{flex:0 0 auto;color:#7ee2d3;font-size:14px}.sugar-rune-effect[data-rarity="2"] strong{color:#85ded5}.sugar-rune-effect[data-rarity="3"] strong{color:#9bcaff}.sugar-rune-effect[data-rarity="4"] strong{color:#f5b0e8}.sugar-rune-effect[data-rarity="5"] strong{color:#ffe164}.sugar-rune-effect[data-rarity="6"] strong{color:#c7f7ff}.combat-panel{border-color:#53655d;background:linear-gradient(155deg,#2d352f,#211e1a)}.combat-profile{margin-bottom:16px;padding:14px;border:1px solid #53655d;border-radius:11px;background:#0d191647}.combat-profile.is-standalone{margin-bottom:0;padding:0;border:0;background:transparent}.combat-profile-heading,.combat-summary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.combat-profile-heading strong,.combat-summary-heading strong{color:#d1eadb;font-size:13px}.combat-profile-heading span,.combat-summary-heading span{color:var(--muted);font-size:11px}.combat-profile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.combat-profile-grid label,.combat-control-grid label{min-width:0;color:var(--muted);font-size:11px;font-weight:700}.combat-profile-grid label>span,.combat-control-grid label>span{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-bottom:5px}.combat-profile-grid label small{color:#8bafa2;font-size:9px;font-weight:500}.combat-profile-grid input,.combat-profile-grid select,.combat-control-grid input,.combat-control-grid select{padding:7px 8px;background:#1d2521;border-color:#53655d;color:var(--ink)}.combat-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px}.combat-controls{min-width:0;padding:14px;border:1px solid #53655d;border-radius:11px;background:#10191661}.combat-content-categories{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.combat-content-categories button{min-height:29px;padding:5px 8px;border:1px solid #53655d;border-radius:6px;background:#1d2521;color:#a9c2b4;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.combat-content-categories button:hover{border-color:#8be0ae;color:#d8f2e2}.combat-content-categories button.active{border-color:#83c99b;background:#315341;color:#effff4}.combat-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.combat-selection-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.combat-selection-meta span{padding:5px 7px;border:1px solid #49746a;border-radius:6px;background:#203a37;color:#c5e8df;font-size:10px;font-weight:700}.combat-content-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.combat-content-meta span{padding:5px 7px;border:1px solid #53655d;border-radius:6px;background:#26342e;color:#acd2bd;font-size:10px;font-weight:700}.combat-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.combat-result-card{min-width:0;padding:12px;border:1px solid #53655d;border-radius:10px;background:linear-gradient(145deg,#314039,#252a27)}.combat-result-title{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.combat-result-title strong{color:#d1eadb;font-size:12px}.combat-result-title b{color:#8be0ae;font-size:14px;white-space:nowrap}.combat-result-meta{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:8px;color:#a9c2b4;font-size:10px}.combat-assumption{display:block;margin-top:8px;color:#84998e;font-size:10px;line-height:1.35}.combat-empty{margin:10px 0 0;color:var(--muted);font-size:11px}.combat-stats-summary{margin-top:14px;padding:14px;border:1px solid #53655d;border-radius:11px;background:#10191647}.combat-summary-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.combat-summary-grid>div{min-width:0;padding:8px;border-radius:7px;background:#26342e}.combat-summary-grid small{display:block;overflow:hidden;color:#9ab8a9;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.combat-summary-grid b{display:block;margin-top:3px;color:#e0f1e6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-panel{border-color:#5f5040}.database-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.database-tabs{display:flex;gap:5px;min-width:0;padding:4px;border:1px solid var(--line);border-radius:9px;background:#211814}.database-tabs button{border:0;border-radius:6px;padding:8px 11px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.database-tabs button:hover{color:var(--ink)}.database-tabs button.active{background:var(--accent);color:#fff8ee}.database-tabs small{margin-left:3px;color:inherit;opacity:.72;font-size:10px}.database-search{width:260px;color:var(--muted);font-size:11px;font-weight:750}.database-search span{display:block;margin-bottom:5px}.database-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:14px;min-height:520px}.database-list{min-width:0;max-height:650px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:10px;background:#1b141173}.database-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 5px 9px;color:var(--ink);font-size:12px}.database-list-heading span{color:var(--muted);font-size:10px;font-weight:500}.database-list-item{display:flex;align-items:center;gap:7px;width:100%;min-height:39px;margin-top:3px;padding:6px 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.database-list-item:hover{background:#30231d}.database-list-item.active{border-color:var(--accent);background:#3a2b25}.database-list-item img{flex:0 0 28px;width:28px;height:28px;object-fit:contain}.database-list-item span{min-width:0;overflow:hidden;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.database-list-item small{flex:0 0 auto;margin-left:auto;color:var(--muted);font-size:9px;white-space:nowrap}.database-list-note,.database-source,.database-detail-note{color:var(--muted);font-size:10px;line-height:1.45}.database-list-note{margin:10px 5px 3px}.database-detail{min-width:0;padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#30251e,#211914)}.database-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.database-detail-heading p,.database-equipment-heading p{margin:0 0 5px;color:var(--accent);font-size:11px;font-weight:750}.database-detail-heading h3,.database-equipment-heading h3{min-width:0;margin:0;overflow:hidden;font-size:22px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.database-detail-heading>span{flex:0 0 auto;padding:5px 7px;border-radius:6px;background:#3b2a21;color:var(--cream);font-size:10px;font-weight:750}.database-detail h4{margin:20px 0 8px;color:var(--muted);font-size:11px}.database-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}.database-stat{min-width:0;padding:9px;border-radius:7px;background:#2c211b}.database-stat small{display:block;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.database-stat b{display:block;margin-top:4px;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.database-related-list{display:flex;flex-wrap:wrap;gap:6px}.database-related-list span{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#2c211b;color:#e9c9a6;font-size:10px}.database-equipment-heading{display:flex;align-items:center;gap:13px;padding-bottom:14px;border-bottom:1px solid var(--line)}.database-equipment-heading>div:last-child{min-width:0}.database-equipment-heading>div:last-child>span{display:block;margin-top:6px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.database-equipment-image{flex:0 0 72px;width:72px;height:72px;border-radius:12px}.database-equipment-image img{width:58px;height:58px;object-fit:contain}.database-empty{margin:0;color:var(--muted);font-size:12px}.database-source{margin:14px 0 0}.progression-panel{border-color:#5f5040;background:linear-gradient(155deg,#30251e,#211914)}.progression-editor{min-width:0}.progression-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.progression-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:11px;background:#1b141175}.progression-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.progression-card-heading strong{color:var(--ink);font-size:14px}.progression-card-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.progression-card-heading>span{flex:0 0 auto;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.progression-fields{display:grid;gap:8px}.progression-fields-four{grid-template-columns:repeat(4,minmax(0,1fr))}.progression-fields-single{grid-template-columns:minmax(120px,220px)}.progression-field{display:block;min-width:0;color:var(--muted);font-size:11px;font-weight:700}.progression-field>span{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-bottom:5px}.progression-field small{color:#8e786b;font-size:9px;font-weight:500}.progression-field input{padding:7px 8px;background:#211914;border-color:#5a4437}.progression-card-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:14px;align-items:start}.progression-card-input{min-width:0}.progression-list{min-width:0;padding:10px;border:1px solid #4b382f;border-radius:9px;background:#251a169e}.progression-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--ink);font-size:12px}.progression-list-heading>span{color:var(--accent);font-size:10px;font-weight:800}.progression-empty{margin:0;padding:9px 0 4px;color:#8e786b;font-size:10px}.stellar-unlock-condition{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:9px 10px;border:1px solid #4b382f;border-radius:9px;background:#251a169e;color:var(--muted);font-size:11px;font-weight:750}.stellar-unlock-condition>span:first-child{display:grid;gap:2px}.stellar-unlock-condition small{color:#8e786b;font-size:9px;font-weight:500}.stellar-unlock-values{display:flex;align-items:center;gap:7px}.stellar-unlock-values input{width:92px;padding:7px 8px;background:#211914;border-color:#5a4437;text-align:right}.stellar-unlock-values strong{min-width:54px;color:var(--accent);font-size:12px;white-space:nowrap}.stellar-constellation-rows{display:grid}.stellar-constellation-row{display:grid;grid-template-columns:95px 70px 115px minmax(0,1fr);gap:9px;align-items:center;padding:9px 7px;border-top:1px solid #49382f}.stellar-constellation-name,.stellar-starshard-count,.stellar-row-effects{min-width:0}.stellar-constellation-name small,.stellar-starshard-count small,.stellar-row-effects>small{display:block;margin-bottom:4px;color:#8e786b;font-size:9px}.stellar-constellation-name strong,.stellar-starshard-count strong{color:var(--cream);font-size:11px}.stellar-starshard-count strong{color:var(--accent)}.stellar-row-effects>div{display:flex;min-width:0;flex-wrap:wrap;gap:4px}.stellar-row-effects span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;background:#211914;font-size:9px}.stellar-row-effects i{color:#a88d7d;font-style:normal}.stellar-row-effects b{color:var(--success)}.stellar-row-effects em{color:#806b60;font-size:9px;font-style:normal}.progression-effect-summary{margin-top:12px;padding-top:10px;border-top:1px solid #49362d}.progression-effect-summary.side{align-self:stretch;margin-top:0;padding:0 0 0 14px;border-top:0;border-left:1px solid #49362d}.progression-effect-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px;color:#e9c9a6;font-size:11px}.progression-effect-heading span{color:#8e786b;font-size:9px;font-weight:500}.progression-effect-list{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.progression-effect{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:5px;padding:6px 7px;border-radius:6px;background:#2c211b;color:var(--muted);font-size:10px}.progression-effect span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progression-effect b{flex:0 0 auto;color:var(--success);font-size:11px}.progression-effect-empty,.progression-effect-note{margin:0;color:#8e786b;font-size:10px;line-height:1.45}.progression-effect-note{margin-top:6px}.progression-note{margin:9px 0 0;color:#a88d7d;font-size:10px;line-height:1.45}.gnome-research-tool{display:grid;gap:10px}.gnome-research-overview{display:grid;grid-template-columns:minmax(210px,1fr) repeat(2,minmax(150px,.55fr));gap:8px;align-items:stretch;padding:8px;border:1px solid #5a4033;border-radius:11px;background:linear-gradient(145deg,#31231d,#241a16)}.gnome-research-overview-copy{display:grid;align-content:center;gap:3px;padding:3px 5px}.gnome-research-overview-copy strong{color:var(--ink);font-size:14px}.gnome-research-overview-copy span{color:#a88d7d;font-size:10px}.gnome-research-progress{display:grid;gap:6px;padding:7px 9px;border:1px solid #40584f;border-radius:8px;background:#25342f}.gnome-research-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.gnome-research-progress span{color:#a7c9bf;font-size:10px;font-weight:700}.gnome-research-progress strong{color:#83d7c0;font-size:15px}.gnome-research-progress strong small{color:#78978e;font-size:10px}.gnome-research-progress-track{height:4px;overflow:hidden;border-radius:99px;background:#17231f}.gnome-research-progress-track i{display:block;height:100%;border-radius:inherit;background:#62b8ac}.gnome-research-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr);gap:10px;align-items:start}.gnome-research-tree-panel,.gnome-research-summary-panel{min-width:0;border:1px solid #5a4033;border-radius:11px;background:linear-gradient(145deg,#2f211b,#211814);box-shadow:inset 0 1px #fff4ea08}.gnome-research-tree-panel{overflow:hidden}.gnome-research-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid #49362d}.gnome-research-tree-heading>div:first-child{display:flex;min-width:0;align-items:center;gap:9px}.gnome-research-tree-heading strong{color:var(--ink);font-size:13px}.gnome-research-tree-heading span{display:inline-flex;align-items:center;gap:4px;color:#8e786b;font-size:10px}.gnome-research-tree-heading span i{display:inline-block;width:7px;height:7px;margin-left:4px;border-radius:50%;background:#6ca79e}.gnome-research-tree-heading span i.unstarted{background:#748586}.gnome-research-tree-heading span i.partial{background:#58b486}.gnome-research-tree-heading span i.completed{background:#ffb522;box-shadow:0 0 5px #ffb52288}.gnome-research-zoom{display:flex;flex:0 0 auto;align-items:center;gap:3px}.gnome-research-zoom button{display:grid;width:24px;height:24px;padding:0;place-items:center;border:1px solid #5a4437;border-radius:5px;background:#2b201a;color:var(--ink);font:inherit;cursor:pointer}.gnome-research-zoom button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gnome-research-zoom button:disabled{opacity:.35;cursor:default}.gnome-research-zoom>span{min-width:36px;justify-content:center;color:#bca18f;font-weight:750}.gnome-research-viewport{max-height:680px;overflow:auto;background-color:#1e1713;background-image:radial-gradient(#6f514026 .8px,transparent .8px);background-size:16px 16px;cursor:grab;scrollbar-color:#684735 #241914}.gnome-research-viewport.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.gnome-research-scaled-canvas{position:relative;min-width:100%;margin:0 auto}.gnome-research-canvas{position:absolute;top:0;left:50%;transform-origin:top center}.gnome-research-canvas>svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.gnome-research-canvas>svg path{fill:none;stroke:#263f42;stroke-width:3;vector-effect:non-scaling-stroke}.gnome-research-canvas>svg path.available{stroke:#d99316}.gnome-research-canvas>svg path.active{stroke:#ffb414;stroke-width:3.5;filter:drop-shadow(0 0 3px #ffad2455)}.gnome-research-node{position:absolute;z-index:1;display:grid;width:204px;height:80px;grid-template-columns:36px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:3px 7px;align-items:center;padding:7px 8px;border:2px solid #607274;border-radius:11px;background:#39494b;color:var(--muted);text-align:left;box-shadow:0 5px 12px #0006,inset 0 -3px #243537;transition:border-color .15s,filter .15s,transform .15s}.gnome-research-node:hover{z-index:2;filter:brightness(1.1);transform:translateY(-1px)}.gnome-research-node:focus-within{z-index:3;outline:2px solid var(--cream);outline-offset:2px}.gnome-research-node.locked{border-color:#56696b;background:#354547;filter:saturate(.45) brightness(.72)}.gnome-research-node.available{border-color:#487f7e;background:#29494b;box-shadow:0 5px 12px #0006,inset 4px 0 #57928e,inset 0 -3px #1a3335}.gnome-research-node.partial{border-color:#61a09b;background:#305655;box-shadow:0 5px 12px #0006,inset 4px 0 #6caea7,inset 0 -3px #203b3b}.gnome-research-node.completed{border-color:#ffb23e;background:#784923;box-shadow:0 5px 12px #0006,0 0 9px #ffa72e55,inset 4px 0 #ffc25a,inset 0 -3px #4b2b14}.gnome-research-icon{display:grid;width:34px;height:34px;grid-column:1;grid-row:1 / 3;place-items:center;border:1px solid #697b7c;border-radius:9px;background:#455759;color:#9aabad;font-size:16px;font-weight:850}.gnome-research-node.enabled .gnome-research-icon{border-color:#587f7c;background:#395754;color:#edf5f2}.gnome-research-node.available .gnome-research-icon{color:#8b9b99}.gnome-research-node.completed .gnome-research-icon{border-color:#9c6738;background:#654127;color:#ffd099}.gnome-research-copy{display:grid;min-width:0;grid-column:2;grid-row:1;gap:1px;align-content:center}.gnome-research-number,.gnome-research-name,.gnome-research-effect{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gnome-research-number{width:max-content;padding:1px 4px;border-radius:3px;background:#211914;color:#b69581;font-size:9px;font-weight:800;line-height:1.2}.gnome-research-node.enabled .gnome-research-number{background:#263632;color:#9cc5ba}.gnome-research-node.completed .gnome-research-number{background:#3b2517;color:#f4b56e}.gnome-research-name{color:#f3ddd0;font-size:11px;font-weight:800}.gnome-research-effect{color:#ad9181;font-size:9px}.gnome-research-node.enabled .gnome-research-effect{color:#c7ded6}.gnome-research-node.completed .gnome-research-effect{color:#efd0a9}.gnome-research-level-control{display:grid;min-width:0;grid-column:2;grid-row:2;grid-template-columns:26px minmax(0,1fr) 26px;gap:4px;align-items:center}.gnome-research-level-control button{display:grid;width:26px;height:24px;padding:0;place-items:center;border:1px solid #5d463a;border-radius:5px;background:#211914;color:#cfab91;font:inherit;font-size:15px;font-weight:800;line-height:1;cursor:pointer}.gnome-research-level-control button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gnome-research-level-control button:disabled{opacity:.3;cursor:default}.gnome-research-level-control strong{position:relative;display:grid;height:18px;overflow:hidden;place-items:center;border:1px solid #53696b;border-radius:4px;background:#1e3538;color:#dbe7e6;font-size:9px;text-align:center;white-space:nowrap;box-shadow:inset 0 1px 2px #0007}.gnome-research-level-control strong>i{position:absolute;inset:0 auto 0 0;background:#58b486}.gnome-research-level-control strong>span{position:relative;z-index:1;text-shadow:0 1px 2px #001}.gnome-research-level-control strong small{color:inherit;font-size:8px}.gnome-research-node.completed .gnome-research-level-control strong{border-color:#805124;background:#3e291b;color:#ffe0b5}.gnome-research-node.completed .gnome-research-level-control strong>i{background:#f5a321}.gnome-research-lock{position:absolute;right:7px;bottom:-14px;padding:2px 5px;border:1px solid #69443c;border-radius:4px;background:#2b1c19;color:#c18173;font-size:8px;white-space:nowrap}.gnome-research-summary-panel{position:sticky;top:14px;overflow:hidden}.gnome-research-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #49362d}.gnome-research-summary-heading>span{color:#b99a87;font-size:11px;font-weight:700}.gnome-research-summary-heading>strong{color:var(--accent);font-size:20px}.gnome-research-summary-heading>strong small{color:#826d60;font-size:11px}.gnome-research-side-section{padding:10px 12px;border-bottom:1px solid #49362d}.gnome-research-side-section h5{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 7px;color:#e9c9a6;font-size:11px}.gnome-research-side-section h5 span{color:#9d806e;font-size:10px}.gnome-research-effect-list,.gnome-research-cost-list{display:grid;gap:4px}.gnome-research-effect-list>div,.gnome-research-cost-list>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;border-radius:5px;background:#2c211b;font-size:10px}.gnome-research-effect-list span,.gnome-research-cost-list span{min-width:0;overflow:hidden;color:#a88d7d;text-overflow:ellipsis;white-space:nowrap}.gnome-research-effect-list strong{flex:0 0 auto;color:var(--success);font-size:11px}.gnome-research-cost-list strong{flex:0 0 auto;max-width:65%;overflow:hidden;color:var(--cream);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.gnome-research-special-list{display:grid;max-height:184px;gap:4px;overflow:auto;padding-right:2px}.gnome-research-special-list>div{display:grid;grid-template-columns:19px minmax(0,1fr);gap:6px;align-items:center;padding:6px;border:1px solid #5b402f;border-radius:6px;background:#33231a}.gnome-research-special-list>div>span{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#674021;color:#ffc06e;font-size:9px}.gnome-research-special-list p{display:grid;min-width:0;gap:2px;margin:0}.gnome-research-special-list small,.gnome-research-special-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gnome-research-special-list small{color:#a7836a;font-size:8px}.gnome-research-special-list strong{color:#eac49b;font-size:9px}.gnome-research-empty,.gnome-research-note,.gnome-research-footer-note{margin:0;color:#8e786b;font-size:10px;line-height:1.45}.gnome-research-note{margin-top:6px}.gnome-research-footer-note{padding:10px 12px}@media(max-width:800px){.catalog-filters{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1 / -1}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-selection{grid-template-columns:1fr 100px}.catalog-selection .button{grid-column:1 / -1}.cookie-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cookie-collection-toolbar{grid-template-columns:1fr auto}.cookie-rarity-filter{grid-column:1 / -1}.cookie-collection-count{justify-self:end}.sugar-rune-dialog-content{padding:16px}.sugar-rune-dialog-hero{grid-template-columns:64px minmax(0,1fr);margin:-16px -16px 16px;padding:13px 16px}.sugar-rune-dialog-hero img{width:64px;height:64px}.sugar-rune-dialog-hero .button{grid-column:1 / -1}.sugar-rune-slot{grid-template-columns:58px minmax(0,1fr)}.sugar-rune-effect{grid-column:1 / -1}}@media(max-width:800px){.app-shell{padding:25px 14px 50px}.hero{grid-template-columns:1fr;align-items:stretch}.section-heading{align-items:stretch;flex-direction:column}.page-nav{overflow-x:auto}.page-nav button{flex:0 0 auto}.state-subnav{grid-template-columns:1fr}.minimum-grid{grid-template-columns:repeat(2,1fr)}.enhancement-grid,.result-loadout{grid-template-columns:repeat(3,minmax(0,1fr))}.result-top{align-items:flex-start;flex-direction:column}.result-summary{justify-content:flex-start}.conditions>div{width:50%}.panel{padding:18px}.combat-layout{grid-template-columns:1fr}.combat-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.combat-profile-heading,.combat-summary-heading{align-items:flex-start;flex-direction:column;gap:4px}.database-toolbar{align-items:stretch;flex-direction:column}.database-search{width:100%}.database-layout{grid-template-columns:1fr}.database-list{max-height:300px}.database-detail{min-height:300px}.database-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.current-equipment-heading .preset-dropdown{align-self:stretch}.current-equipment-heading .preset-dropdown select{width:100%}.progression-card-layout{grid-template-columns:minmax(0,1fr)}.progression-effect-summary.side{margin-top:12px;padding:10px 0 0;border-top:1px solid #49362d;border-left:0}.gnome-research-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.gnome-research-overview-copy{grid-column:1 / -1}.gnome-research-workspace{grid-template-columns:1fr}.gnome-research-summary-panel{position:static}.gnome-research-viewport{max-height:570px}.progression-fields-four{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-fields-single{grid-template-columns:minmax(0,1fr)}.stellar-constellation-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.stellar-row-effects{grid-column:1 / -1}}@media(min-width:801px)and (max-width:1200px){.result-loadout,.combat-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.combat-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.cookie-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.catalog-rarity-filter{grid-column:1 / -1;min-width:0}.catalog-rarity-filter>span{display:block;color:var(--muted);font-size:11px;font-weight:750}.catalog-rarity-buttons{display:flex;flex-wrap:nowrap;gap:5px;margin-top:5px;overflow-x:auto;padding-bottom:3px}.catalog-rarity-buttons button{flex:0 0 auto;border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:var(--paper-raised);color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.catalog-rarity-buttons button:hover{border-color:var(--accent);color:var(--accent-dark)}.catalog-rarity-buttons button.active{border-color:var(--accent);background:var(--accent);color:#fff8ee;font-weight:750}.catalog-search{grid-column:2 / -1}.catalog-card-image-frame{--rarity-a: #7e7e7e;--rarity-b: #6b6b6b;--rarity-edge: #ababab;display:grid;width:58px;height:58px;align-self:center;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity-edge) 72%,#17120f);border-radius:10px;background:linear-gradient(145deg,var(--rarity-a),color-mix(in srgb,var(--rarity-b) 54%,#17120f));box-shadow:inset 0 0 0 1px #ffffff18}.catalog-card-image-frame img{width:46px;height:46px;object-fit:contain}.gear-image-frame[data-rarity=일반],.catalog-card-image-frame[data-rarity=일반]{--rarity-a: #7e7e7e;--rarity-b: #6b6b6b;--rarity-edge: #ababab}.gear-image-frame[data-rarity=고급],.catalog-card-image-frame[data-rarity=고급]{--rarity-a: #6b8156;--rarity-b: #586d49;--rarity-edge: #91a77a}.gear-image-frame[data-rarity=우수],.catalog-card-image-frame[data-rarity=우수]{--rarity-a: #397f81;--rarity-b: #326e70;--rarity-edge: #65a6a8}.gear-image-frame[data-rarity=마법],.catalog-card-image-frame[data-rarity=마법]{--rarity-a: #5d69c1;--rarity-b: #505bad;--rarity-edge: #8490e5}.gear-image-frame[data-rarity=에픽],.catalog-card-image-frame[data-rarity=에픽]{--rarity-a: #8c56c9;--rarity-b: #7749aa;--rarity-edge: #b67aee}.gear-image-frame[data-rarity=스페셜],.catalog-card-image-frame[data-rarity=스페셜]{--rarity-a: #a44daa;--rarity-b: #8b4190;--rarity-edge: #d278d7}.gear-image-frame[data-rarity=슈퍼에픽],.catalog-card-image-frame[data-rarity=슈퍼에픽]{--rarity-a: #ef6d0e;--rarity-b: #ca5c0c;--rarity-edge: #ff9a4b}.gear-image-frame[data-rarity=유니크],.catalog-card-image-frame[data-rarity=유니크]{--rarity-a: #f34e3e;--rarity-b: #fd5d4b;--rarity-edge: #ff8a78}.gear-image-frame[data-rarity=레전더리],.catalog-card-image-frame[data-rarity=레전더리]{--rarity-a: #f5a000;--rarity-b: #fbe701;--rarity-edge: #fff36a}.gear-image-frame[data-rarity=이터널],.catalog-card-image-frame[data-rarity=이터널]{--rarity-a: #b33cf0;--rarity-b: #d888f9;--rarity-edge: #efb0ff}.gear-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.gear-card{position:relative;min-width:0;padding:10px;border:1px solid #554139;border-radius:13px;background:linear-gradient(155deg,#3b3632,#34302d);color:#fff4ea;box-shadow:0 8px 18px #0000003d,inset 0 1px #fff4ea0d}.gear-card[draggable=true]{cursor:grab}.gear-card[draggable=true]:active{cursor:grabbing}.gear-card.is-dragging{opacity:.45}.gear-card.is-drag-over{border-color:var(--accent);box-shadow:0 0 0 2px #ff7a2f55,0 8px 18px #0000003d}.gear-card-head{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}.gear-image-button{display:block;padding:0;border:0;border-radius:13px;background:transparent;cursor:pointer}.gear-image-button:hover .gear-image-frame{transform:translateY(-1px);filter:brightness(1.08)}.gear-image-button:focus-visible{outline:3px solid #ffc46b;outline-offset:3px}.gear-card .gear-card-image{flex:0 0 64px;width:64px;height:64px;border-radius:13px}.gear-card .gear-card-image[data-empty=true]{background:#292725;border-color:#554139}.gear-card .gear-image{width:52px;height:52px}.gear-card-identity{min-width:0;display:flex;flex-direction:column;gap:4px}.gear-card-number{color:var(--cream, #ffcf85);font-size:13px;font-weight:850}.gear-level-control{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.gear-level-control input{width:48px;padding:6px 4px;background:#211e1c;border-color:#554139;color:#fff4ea;font-size:11px;font-weight:800;text-align:center}.gear-card .action-group{grid-column:1 / -1;flex-wrap:wrap;gap:4px;justify-content:flex-start}.gear-card .action-button{padding:6px;background:var(--accent);font-size:10px}.gear-card .return-button{background:#3f3935;color:#fff4ea;border:1px solid #554139}.gear-card-actions{position:absolute;top:6px;right:7px;z-index:1;display:flex;gap:4px}.gear-card-actions .gear-card-close{position:static}.gear-card-close{position:absolute;top:6px;right:7px;z-index:1;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#211e1c;color:#c0a89a;font-size:18px;line-height:20px;cursor:pointer}.gear-card-close:hover{background:#613b3b;color:#fff4ea}.gear-card-equip{background:#397f81;color:#fff4ea;font-size:15px;font-weight:850}.gear-card-equip:hover{background:#2f6e70}.gear-card-close:focus-visible{outline:2px solid #ffcf85;outline-offset:2px}.gear-stat-list{margin-top:9px}.gear-stat-row{display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:center;gap:5px;padding:6px 0;border-top:1px solid #554139}.gear-stat-value{min-width:0;overflow:hidden;padding:6px 5px;color:#fff4ea;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.gear-stat-row select,.gear-stat-row input{padding:5px 4px;background:#292725;border-color:#554139;color:#fff4ea;font-size:11px}.gear-stat-row select:disabled{opacity:1;color:#fff4ea;cursor:default}.gear-stat-row input:disabled{background:#211e1c;color:#89766c}.gear-stat-row input.sub-value[data-range=available]{background:linear-gradient(90deg,#c47b3e 0 var(--sub-progress),#292725 var(--sub-progress) 100%)}.gear-stat-row .base-value-display{min-height:28px;padding:5px 4px;color:#fff4ea;font-size:12px;font-weight:850;text-align:right}@media(max-width:800px){.catalog-rarity-filter,.catalog-search{grid-column:1 / -1}.gear-list{grid-template-columns:1fr}}@media(min-width:801px)and (max-width:1200px){.gear-list{grid-template-columns:repeat(3,minmax(0,1fr))}}