:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0e13;color:#eef2f6;--muted:#9ca8b8;--border:#2a3441;--panel:#121821;--accent:#ffb454;--danger:#ff8d94}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 8% 0%,#1b2830 0,transparent 40%),#0b0e13}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{touch-action:manipulation}.shell{width:min(1050px,calc(100% - 40px));margin:0 auto;padding:42px 0 72px}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px}.welcome{width:min(500px,100%);margin:12vh auto 0;padding:36px;display:grid;gap:20px}.welcome h1{font-size:2rem}.topbar,.user-actions,.section-heading,.modal-heading,.card-head,.card-foot,.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar{margin-bottom:28px;align-items:flex-end}.user-actions{justify-content:flex-end;gap:16px;flex-wrap:wrap}.user-actions .primary{margin-left:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,3.5vw,2.25rem);letter-spacing:-.035em}h2{font-size:1.2rem}h3{font-size:1rem;line-height:1.45}.eyebrow{color:var(--accent);font-size:.7rem;letter-spacing:.12em;margin-bottom:8px;font-weight:700}.muted,.meta,.hint{color:var(--muted)}.small,.meta,.hint{font-size:.8rem;line-height:1.65}.stack{display:grid;gap:16px}label{display:grid;gap:7px;color:#cbd5df;font-size:.88rem}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:#0d131b;color:#f6f8fa;padding:11px 12px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffb45415}textarea{resize:vertical;min-height:80px;line-height:1.6}.primary,.secondary,.ghost,.copy-button,.danger-button{border-radius:9px;padding:10px 14px;border:1px solid transparent;font-weight:650;min-height:42px}.primary{background:var(--accent);color:#231707}.primary:hover:not(:disabled){background:#ffc875}.secondary{background:#263343;color:#fff;border-color:#3b4b5e}.ghost{background:transparent;border-color:var(--border);color:#d2dbe6}.ghost:hover:not(:disabled),.secondary:hover:not(:disabled){border-color:#728499}.danger-button{background:#4a232c;border-color:#773340;color:#ffb5bc}.text-button,.icon-button,.title-button{background:transparent;border:0;color:#a9bed3;padding:5px 0}.text-button:hover,.title-button:hover{color:#fff}.text-button.danger{color:var(--danger)}.text-button{font-size:.82rem;white-space:nowrap}.icon-button{width:36px;height:36px;padding:0;font-size:1.6rem;line-height:1;flex-shrink:0;border-radius:8px}.icon-button:hover{background:#26313d}.title-button{text-align:left;padding:0;color:#edf3fb;font:inherit;font-weight:700;overflow-wrap:anywhere}.toolbar{padding:18px;margin-bottom:28px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:10px}.filter-options{margin-top:12px}.filter-options summary,.advanced-options summary{font-size:.82rem;color:#c0ccd9;cursor:pointer;line-height:1.8}.filter-options summary span,.advanced-options summary span{margin-left:10px;font-size:.75rem}.filter-row,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.filter-row{margin-top:12px;max-width:520px}.status,.error{font-size:.84rem;line-height:1.65;overflow-wrap:anywhere}.status:empty,.error:empty,.hint:empty{display:none}.status{margin-top:12px}.status.success{color:#85dfa8}.status.error,.error{color:var(--danger)}.section-heading{margin-bottom:14px}.results{display:grid;gap:14px}.build-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;min-width:0}.card-head{align-items:flex-start;margin-bottom:12px}.card-title-group{min-width:0}.card-title-group .meta{margin-top:4px}.copy-button{background:#2b2114;color:var(--accent);border-color:#60431f;white-space:nowrap;flex-shrink:0}.copy-button:hover{background:#3a2c18}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.tag,.mobile-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #334455;border-radius:999px;padding:4px 9px;color:#cdd9e4;font-size:.75rem;background:#17212c;max-width:100%;overflow-wrap:anywhere}.mobile-badge{color:#aadbd3;border-color:#345851;background:#152b28;margin-left:8px}.code-block{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;border-radius:9px;background:#0b1016;color:#edc68d;border:1px solid #26303b;font-size:.86rem;line-height:1.55;max-height:180px;overflow:auto}.card-foot{align-items:flex-end;flex-wrap:wrap;margin-top:12px;gap:12px}.card-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.feedback-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.reactions{display:flex;gap:7px;flex-wrap:wrap}.reaction-button{background:transparent;border:1px solid #2e3946;border-radius:8px;color:#b3c0cf;padding:6px 9px;font-size:.78rem;min-height:34px}.reaction-button[aria-pressed="true"]{border-color:#b8833b;background:#352819;color:#ffd190}.reaction-button:hover:not(:disabled){border-color:#65758a}.invalid-button[aria-pressed="true"]{color:#ffab9d}.invalid-count{font-size:.76rem;color:#dba89a}.empty{padding:44px 20px;color:var(--muted);text-align:center;line-height:1.8}.load-more{display:block;margin:22px auto 0}.modal{width:min(600px,calc(100vw - 28px));max-height:min(90dvh,920px);padding:26px;border:1px solid #3a4655;border-radius:18px;background:#141c26;color:#eef2f6;box-shadow:0 25px 100px #0009;overflow:auto}.modal::backdrop{background:#03070dbb;backdrop-filter:blur(4px)}.modal.compact{width:min(430px,calc(100vw - 28px))}.modal.detail-modal{width:min(720px,calc(100vw - 28px))}.modal-heading{margin-bottom:22px;align-items:flex-start}.modal-heading h2{overflow-wrap:anywhere}.modal-footer{margin-top:4px;justify-content:flex-end}.modal-footer>.small{margin-right:auto}.auth-tabs{display:flex;gap:6px;padding:4px;background:#0c121b;border-radius:10px;margin-bottom:22px}.auth-tabs button{flex:1;padding:9px;background:transparent;border:0;color:#aebaca;border-radius:7px}.auth-tabs button.active{background:#263343;color:#fff}.weapon-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.weapon-row+.hint{margin-top:-8px}.tag-editor{gap:10px}.tag-input-row{display:flex;gap:8px}.tag-input-row input{flex:1}.tag-input-row button{flex-shrink:0}.tag-remove{border:0;background:transparent;color:#a9bed3;font-size:1.1rem;line-height:1;padding:1px 2px;border-radius:3px}.common-tags{display:flex;gap:10px;align-items:flex-start}.common-tags .small{padding-top:4px;flex-shrink:0}.common-tag{cursor:pointer;background:transparent;color:#93a6b9;border-style:dashed}.common-tag:hover{color:var(--accent);border-color:#9c753f}.advanced-options{border-top:1px solid var(--border);padding-top:12px}.advanced-options .form-row{margin-top:14px}.detail-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-copy-row{display:flex;justify-content:flex-end}.invalid-reports{border-top:1px solid var(--border);padding-top:16px}.invalid-reports h3{margin-bottom:8px}.report-names{color:#b7c5d5;font-size:.85rem;line-height:1.8;overflow-wrap:anywhere}.comments-section{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.comments-list{display:grid;gap:16px;margin:18px 0}.comment-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:5px}.comment-body{font-size:.9rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.comment-head .meta{font-size:.76rem}.invite-section{margin-top:24px;border-top:1px solid var(--border);padding-top:20px;display:grid;gap:9px}.invite-row{display:flex;align-items:center;gap:10px}.invite-row code{flex:1;background:#0b1119;padding:12px;border-radius:8px;overflow-wrap:anywhere;font-size:.9rem}.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}
@media(max-width:760px){.shell{width:calc(100% - 28px);padding-top:26px}.topbar{align-items:flex-start;flex-direction:column;gap:18px}.user-actions{width:100%;justify-content:flex-start;gap:14px}.user-actions .primary{margin-left:auto}.search-row{grid-template-columns:minmax(0,1fr) auto}.search-row input{grid-column:1/-1}.search-row select{width:100%}.toolbar{padding:14px}.build-card{padding:16px}.card-foot{align-items:flex-start}.modal{padding:22px}.welcome{padding:26px;margin-top:7vh}}
@media(max-width:440px){.shell{width:calc(100% - 22px)}h1{font-size:1.65rem}.user-actions{gap:10px}.user-actions #current-user{font-size:.8rem}.user-actions .primary{font-size:.85rem;padding:10px}.card-head{gap:10px}.copy-button{padding:9px 10px;font-size:.78rem;min-height:38px}.reaction-button{font-size:.73rem;padding:6px 7px}.form-row,.filter-row{gap:10px}.modal{padding:18px;max-height:94dvh;border-radius:14px}.modal-heading{margin-bottom:18px}.card-actions{gap:12px}.invite-row{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.shortcut-row{display:flex;align-items:baseline;gap:10px;margin-top:10px}
.shortcut-row>.small{flex-shrink:0}
.filter-chip{min-height:30px;background:#18232e}
.filter-chip:hover,.filter-chip[aria-pressed="true"]{border-color:#a1763d;color:var(--accent)}
.chip-count{color:var(--muted);font-size:.7rem}
.weapon-picker{margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:9px}
.weapon-filter{margin-top:12px}
.weapon-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0}
.weapon-picker-head a{text-decoration:none}
.weapon-choices{display:grid;gap:12px;max-height:250px;overflow:auto;overscroll-behavior:contain;padding:2px 4px 5px}
.weapon-group h3{color:var(--muted);font-size:.75rem;margin-bottom:5px}
.build-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin-top:4px}
.price-button{border:1px solid #705531;border-radius:8px;background:#2c2318;color:#ffd091;padding:3px 8px;min-height:30px;font-size:.8rem;font-weight:650}
.price-button:hover{border-color:var(--accent)}
.price-amount{font-size:1.6rem;color:var(--accent);font-weight:700}
#price-fields,#price-detail{gap:8px}
#price-detail .small{overflow-wrap:anywhere}
.code-type-nav{display:flex;gap:8px;margin-top:12px}
.code-type-nav button{min-height:38px;padding:7px 12px}
.code-type-nav button[aria-pressed="true"]{background:#352819;border-color:#b8833b;color:#ffd190}
.code-type-badge{padding:2px 7px}
.code-with-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;margin:12px 0}
.code-with-note .code-block{margin:0}
.source-note{padding:4px 0;min-width:0}
.source-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.65}
.build-card .source-note p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media(max-width:600px){.code-with-note{grid-template-columns:1fr;gap:4px}}
@media(max-width:440px){.shortcut-row{gap:7px}.filter-chip{min-height:34px}.weapon-choices{max-height:210px}}