:root{--scale: 1;--bg: #08090b;--panel: #101319;--panel-2: #0c0f14;--line: #222835;--text: #dfe4ec;--muted: #7d8798;--dim: #596273;--accent: #d8a33c;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:calc(16px * var(--scale));color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.top{display:flex;align-items:center;gap:.7em;padding:.4em .65em;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#12151c,#0b0d11);flex:0 0 auto;min-width:0}.brand{display:flex;align-items:baseline;gap:.35em;flex:0 0 auto}.mark{font-weight:800;font-size:.95em;letter-spacing:.04em;color:#0a0b0d;background:var(--accent);padding:.05em .32em;border-radius:.2em}.brand-text{font-size:.72em;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.build-id{min-width:0;display:flex;flex-direction:column;gap:.1em;flex:1 1 auto}.build-id h1{margin:0;font-size:.95em;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary{display:flex;gap:.55em;font-size:.64em;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden}.variants{display:flex;gap:.22em;flex-wrap:wrap;justify-content:flex-end;flex:0 1 auto;min-width:0}.chip{font:inherit;font-size:.66em;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#151a22;border:1px solid var(--line);border-radius:.25em;padding:.3em .5em;cursor:pointer;white-space:nowrap}.chip:hover{color:var(--text);border-color:#33405a}.chip.on{color:#0b0c0f;background:var(--accent);border-color:var(--accent);font-weight:650}.controls{display:flex;align-items:center;gap:.35em;flex:0 0 auto}.fit{display:flex;align-items:center;gap:.15em;border:1px solid var(--line);border-radius:.3em;padding:.1em;background:#141821}.fit button{font:inherit;font-size:.8em;width:1.5em;height:1.5em;line-height:1;color:var(--muted);background:transparent;border:0;cursor:pointer;border-radius:.2em}.fit button:hover{background:#1f2534;color:var(--text)}.fit span{font-size:.66em;color:var(--muted);min-width:3.1em;text-align:center;font-variant-numeric:tabular-nums}.ghost{font:inherit;font-size:.66em;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#141821;border:1px solid var(--line);border-radius:.3em;padding:.42em .55em;text-decoration:none;cursor:pointer;white-space:nowrap}.ghost:hover{color:var(--text);border-color:#33405a}.ghost:disabled{opacity:.5;cursor:default}.grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1.7fr) minmax(0,1fr);gap:.4em;padding:.4em}.gear-panel{grid-column:1 / -1}.panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:.35em;overflow:hidden}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5em;padding:.32em .5em;border-bottom:1px solid var(--line);background:var(--panel-2);flex:0 0 auto}.panel-head h2{margin:0;font-size:.64em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.panel-meta{font-size:.6em;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.panel-body{flex:1 1 auto;min-height:0;overflow:hidden;padding:.15em .45em .3em;display:flex;flex-direction:column}.empty{color:var(--dim);font-size:.72em;margin:.4em 0}.gear{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--half, 8),minmax(0,1fr));column-gap:1.6em}.gear-row{min-height:1.85em;overflow:hidden;display:grid;align-content:center;align-items:baseline;gap:.45em;padding:.16em .1em;border-bottom:1px solid rgba(255,255,255,.035)}.gear-row:last-child{border-bottom:0}.gear-slot{font-size:.58em;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gear-stats{font-size:.69em;color:#a9b3c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.gear-row.wish-row{grid-template-columns:5.2em minmax(0,1fr) minmax(0,10em);align-items:center;min-height:2.2em}.wish-list{display:flex;flex-direction:column;justify-content:center;gap:.12em;font-size:.68em;line-height:1.3;white-space:normal}.wish-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wish-n{color:var(--dim);font-size:.86em;margin-right:.16em;font-variant-numeric:tabular-nums}.wish.greater{color:var(--accent)}.wish.tempered{color:#8f9bad}.temper-mark{color:#5f6b7d;border:1px solid #2a3342;border-radius:.2em;padding:0 .22em;margin-right:.22em;font-size:.82em}.wish-need{font-size:.62em;color:var(--dim);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{color:#38404f;margin:0 .28em}.star{font-size:.8em;margin-left:.1em}.boards{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.board-row{flex:1 1 auto;min-height:1.9em;max-height:3.4em;display:grid;grid-template-columns:1.3em minmax(0,1fr) minmax(0,7.5em) 2.2em;gap:.4em;align-content:center;align-items:baseline;padding:.16em .1em;border-bottom:1px solid rgba(255,255,255,.035)}.board-row:last-child{border-bottom:0}.board-n{font-size:.6em;color:var(--dim);font-variant-numeric:tabular-nums}.board-name{font-size:.76em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glyph{font-size:.7em;color:#b6c0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glyph-mark{color:var(--accent);margin-right:.3em}.glyph-lvl{font-size:.66em;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.farm{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.farm-row{flex:0 1 auto;min-height:2.1em;max-height:4em;display:grid;grid-template-columns:7.6em minmax(0,1fr);gap:.45em;align-content:center;align-items:baseline;padding:.18em .1em;border-bottom:1px solid rgba(255,255,255,.035)}.farm-row:last-child{border-bottom:0}.farm-source{font-size:.62em;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.farm-items{font-size:.7em;color:#b6c0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.farm-item em{color:var(--dim);font-style:normal}.tabs{display:flex;gap:.2em;flex-wrap:wrap;padding:.1em 0 .3em;flex:0 0 auto}.tab{font:inherit;font-size:.6em;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#141821;border:1px solid transparent;border-radius:.25em;padding:.3em .45em;cursor:pointer;position:relative}.tab.on{color:var(--text);border-color:#33405a;background:#1a2030}.has-note{position:absolute;top:.18em;right:.18em;width:.32em;height:.32em;border-radius:50%;background:var(--accent)}.guide{flex:0 1 auto;max-height:4.2em;overflow:auto;margin-bottom:.3em;padding:.25em .35em;border-left:2px solid #2f3a4e;background:#0e1218;border-radius:0 .2em .2em 0;scrollbar-width:thin}.guide-tag{display:block;font-size:.52em;letter-spacing:.14em;color:var(--dim);margin-bottom:.2em}.guide-text{font-size:.66em;line-height:1.45;color:#98a3b4;white-space:pre-wrap}.note-input{flex:1 1 auto;min-height:2.5em;width:100%;resize:none;font:inherit;font-size:.72em;line-height:1.5;color:var(--text);background:#0b0e13;border:1px solid var(--line);border-radius:.25em;padding:.4em .5em;outline:none;scrollbar-width:thin}.note-input:focus{border-color:#3a4560}.note-input::placeholder{color:#4d5566}.loader{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:1em}.loader.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060709d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.loader-card{width:min(38em,100%);background:var(--panel);border:1px solid var(--line);border-radius:.45em;padding:1.1em 1.2em;box-shadow:0 1.5em 4em #0000008c}.loader-card h2{margin:0 0 .35em;font-size:1.05em;font-weight:650}.loader-card p{margin:0 0 .8em;font-size:.72em;line-height:1.55;color:var(--muted)}.loader-row{display:flex;gap:.4em}.loader-row input{flex:1 1 auto;min-width:0;font:inherit;font-size:.78em;color:var(--text);background:#0b0e13;border:1px solid var(--line);border-radius:.3em;padding:.55em .6em;outline:none}.loader-row input:focus{border-color:#3a4560}.primary{font:inherit;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:#0b0c0f;background:var(--accent);border:0;border-radius:.3em;padding:.6em .9em;cursor:pointer;white-space:nowrap}.primary:disabled{opacity:.6;cursor:default}.loader-hint{display:flex;justify-content:space-between;gap:.6em;margin-top:.6em;font-size:.64em;color:var(--dim)}.link{font:inherit;font-size:1em;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.15em}.error{margin:.7em 0 0!important;font-size:.68em!important;color:#ff9d8a!important}@media(orientation:portrait){.grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.95fr) minmax(0,.5fr) minmax(0,.62fr) minmax(0,.9fr)}.gear-panel{grid-column:auto}.gear{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--count, 16),minmax(0,1fr));column-gap:0}.top{flex-wrap:wrap;row-gap:.35em}.build-id{order:2;flex-basis:100%}.brand{order:1}.variants{order:3;justify-content:flex-start}.controls{order:4;margin-left:auto}.gear-row.wish-row{grid-template-columns:5.2em minmax(0,1fr) minmax(0,9.5em)}.note-input{min-height:3em}}@media(max-width:640px){.brand-text{display:none}.guide{max-height:3em}}