.game-slider-field{min-width:0}.game-slider-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:var(--text-muted);font-size:var(--type-label)}.game-slider-label output{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-slider{position:relative;display:flex;align-items:center;height:44px;width:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-slider-track{position:relative;flex:1 1;height:3px;background:var(--border)}.game-slider-range{position:absolute;height:100%;background:var(--gold)}.game-slider-thumb{display:block;width:18px;height:22px;border:2px solid var(--text);background:var(--ink-dark);cursor:-webkit-grab;cursor:grab}.game-slider-thumb:hover{background:var(--gold)}.game-slider-thumb:active{cursor:-webkit-grabbing;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{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}.showcase-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;grid-column:1/-1}.showcase-feedback{grid-column:1/-1;margin:0;color:var(--gold);font-size:var(--type-label)}.showcase-card{min-width:0;overflow:hidden;border:1px solid var(--border);background:#181b1e;color:var(--text)}.showcase-heading{position:relative;display:flex;align-items:flex-end;min-height:210px;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#121518e6,#12151844),url(/assets/home/ink-landscape.webp) center 55%/cover}.showcase-card--picture .showcase-heading{min-height:340px}.showcase-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.showcase-art img{width:100%;height:100%;object-fit:cover;display:block}.showcase-card--picture .showcase-heading:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#121518f2,transparent 85%),linear-gradient(90deg,#12151855,transparent);pointer-events:none}.showcase-heading-copy{min-width:0;margin:32px;padding-left:20px;border-left:3px solid var(--card-accent)}.showcase-heading-copy h2{margin:8px 0;font:500 var(--type-page)/1.25 var(--font-display);overflow-wrap:anywhere}.showcase-heading .game-eyebrow{color:#d4d7d6}.showcase-caption{max-width:64ch;margin:16px 0 0;font-size:var(--type-body);line-height:1.65;overflow-wrap:anywhere}.showcase-identity{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:var(--type-label);color:#d4d7d6;overflow-wrap:anywhere}.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{position:static;max-height:none;overflow:visible;border:0;padding:0;background:none}.showcase-loadout .loadout-heading{display:none}.showcase-loadout .loadout-path{border-bottom:1px solid var(--border);padding-bottom:20px;color:var(--card-accent)}.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{border-color:#3a3d40;background:#121518}.showcase-signature{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-top:1px solid var(--border);font-size:var(--type-label);color:var(--text-muted)}.showcase-signature>span:first-child{font-family:var(--font-serif);letter-spacing:.16em}.showcase-editor{padding:24px;background:var(--ink-dark);border:1px solid var(--border);border-top-color:var(--gold)}.showcase-editor>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.showcase-editor h2{margin:0;font:500 var(--type-section)/1.4 var(--font-display)}.showcase-editor fieldset{border:0;margin:0;padding:0;min-width:0}.showcase-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.showcase-fields label{display:grid;grid-gap:8px;gap:8px;font-size:var(--type-label);color:var(--text-muted)}.showcase-caption-field{grid-column:1/-1}.showcase-fields input,.showcase-fields textarea{width:100%;min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--ink-black);color:var(--text);font:var(--type-body)/1.5 var(--font-sans)}.showcase-fields textarea{resize:vertical}.showcase-options,.showcase-picture-actions,.showcase-save-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.showcase-picture-actions{padding-top:24px;border-top:1px solid var(--border)}.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{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;margin-top:24px}@media(min-width:1280px){.build-showcase:has(.showcase-editor){grid-template-columns:minmax(0,1fr) 340px;align-items:start}.showcase-editor{position:-webkit-sticky;position:sticky;top:96px;max-height:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin}.showcase-editor .showcase-crop,.showcase-editor .showcase-fields{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{justify-content:flex-start;text-align:left}}@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 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}