.game-slider-field{min-width:0}.game-slider-label{color:var(--text-muted);font-size:var(--type-label);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.game-slider-label output{color:var(--text);font-variant-numeric:tabular-nums}.game-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:44px;display:flex;position:relative}.game-slider-track{background:var(--border);flex:1;height:3px;position:relative}.game-slider-range{background:var(--gold);height:100%;position:absolute}.game-slider-thumb{border:2px solid var(--text);background:var(--ink-dark);cursor:grab;width:18px;height:22px;display:block}.game-slider-thumb:hover{background:var(--gold)}.game-slider-thumb:active{cursor:grabbing}.game-slider-thumb:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.game-slider[data-disabled]{opacity:.45;pointer-events:none}
.build-showcase{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.showcase-toolbar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;display:flex;position:relative}.showcase-feedback{color:var(--gold);font-size:var(--type-label);grid-column:1/-1;margin:0}.showcase-card{border:1px solid var(--border);min-width:0;color:var(--text);background:#181b1e;overflow:hidden}.showcase-heading{isolation:isolate;background:linear-gradient(90deg,#121518e6,#12151844),url(/assets/home/ink-landscape.webp) 50% 55%/cover;align-items:flex-end;min-height:210px;display:flex;position:relative;overflow:hidden}.showcase-card--picture .showcase-heading{min-height:340px}.showcase-art{z-index:-2;position:absolute;inset:0;overflow:hidden}.showcase-art img{object-fit:cover;width:100%;height:100%;display:block}.showcase-card--picture .showcase-heading:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 15%,#121518f2),linear-gradient(90deg,#12151855,#0000);position:absolute;inset:0}.showcase-heading-copy{border-left:3px solid var(--card-accent);min-width:0;margin:32px;padding-left:20px}.showcase-heading-copy h2{font:500 var(--type-page)/1.25 var(--font-display);overflow-wrap:anywhere;margin:8px 0}.showcase-heading .game-eyebrow{color:#d4d7d6}.showcase-caption{max-width:64ch;font-size:var(--type-body);overflow-wrap:anywhere;margin:16px 0 0;line-height:1.65}.showcase-identity{font-size:var(--type-label);color:#d4d7d6;overflow-wrap:anywhere;flex-wrap:wrap;gap:8px 20px;margin-top:16px;display:flex}.showcase-loadout{padding:32px}.showcase-loadout .build-readout{grid-template-columns:minmax(240px,.85fr) minmax(0,1.25fr);gap:32px;padding-bottom:0}.showcase-loadout .loadout-panel{background:0 0;border:0;max-height:none;padding:0;position:static;overflow:visible}.showcase-loadout .loadout-heading{display:none}.showcase-loadout .loadout-path{border-bottom:1px solid var(--border);color:var(--card-accent);padding-bottom:20px}.showcase-loadout .loadout-slots{display:block}.showcase-loadout .loadout-group+.loadout-group{margin-top:24px}.showcase-loadout .build-art-detail{border-left-color:var(--card-accent);padding-right:0}.showcase-loadout .loadout-slot{background:#121518;border-color:#3a3d40}.showcase-signature{border-top:1px solid var(--border);font-size:var(--type-label);color:var(--text-muted);justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.showcase-signature>span:first-child{font-family:var(--font-serif);letter-spacing:.16em}.showcase-editor{background:var(--ink-dark);border:1px solid var(--border);border-top-color:var(--gold);padding:24px}.showcase-editor>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.showcase-editor h2{font:500 var(--type-section)/1.4 var(--font-display);margin:0}.showcase-editor fieldset{border:0;min-width:0;margin:0;padding:0}.showcase-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.showcase-fields label{font-size:var(--type-label);color:var(--text-muted);gap:8px;display:grid}.showcase-caption-field{grid-column:1/-1}.showcase-fields input,.showcase-fields textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--ink-black);width:100%;min-width:0;color:var(--text);font:var(--type-body)/1.5 var(--font-sans);padding:12px}.showcase-fields textarea{resize:vertical}.showcase-options,.showcase-picture-actions,.showcase-save-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.showcase-picture-actions{border-top:1px solid var(--border);padding-top:24px}.showcase-picture-actions>span{width:100%;font-size:var(--type-label);color:var(--text-muted)}.showcase-editor .game-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--ink-black));box-shadow:inset 3px 0 var(--gold)}.showcase-crop{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}@media (min-width:1280px){.build-showcase:has(.showcase-editor){grid-template-columns:minmax(0,1fr) 340px;align-items:start}.showcase-editor{scrollbar-width:thin;max-height:calc(100dvh - 120px);position:sticky;top:96px;overflow-y:auto}.showcase-editor .showcase-fields,.showcase-editor .showcase-crop{grid-template-columns:minmax(0,1fr)}.showcase-editor .showcase-options,.showcase-editor .showcase-picture-actions,.showcase-editor .showcase-save-actions{display:grid}.showcase-editor .game-button{text-align:left;justify-content:flex-start}}@media (max-width:900px){.showcase-loadout .build-readout{grid-template-columns:minmax(0,1fr)}.showcase-loadout{padding:24px}.showcase-heading-copy{margin:24px}.showcase-crop{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.showcase-toolbar{gap:8px}.showcase-toolbar .game-button{flex:1;padding:10px 12px}.showcase-fields{grid-template-columns:minmax(0,1fr)}.showcase-signature{padding:16px 24px}.showcase-editor{padding:20px}.showcase-loadout .build-art-detail{padding-left:16px}.showcase-card--picture .showcase-heading{min-height:300px}}@media (prefers-reduced-motion:reduce){.build-showcase *{scroll-behavior:auto}}.showcase-editor{scroll-margin-top:175px}.showcase-copy{display:flex;position:static}.showcase-copy .copy-link-feedback{max-width:100%;left:0;right:auto}@media (max-width:600px){.showcase-copy{flex:1}.showcase-copy>.game-button{width:100%}}