.design-scale .container{max-width:calc(960px + var(--gutter)*2)}
.scale-page-heading{margin:1rem 0}
.design-scale .game-shell{position:relative;margin:0 0 3rem}
.design-scale button:not([data-scale-drag]){touch-action:manipulation}
.design-scale .game-embed-brand{display:none}
.design-scale .scale-setup-intro{max-width:720px}
.scale-example{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;align-items:center}
.scale-example img{object-fit:contain;height:64px}
.scale-example figcaption{width:100%;font-size:.875rem;color:var(--secondary)}
.scale-setup-intro ol,#scale-help ol{padding-left:1.5rem}
.scale-setup-intro li,#scale-help li{margin:.5rem 0}
.design-scale .game-setup{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.design-scale .game-segments{display:flex;gap:.5rem}
.design-scale .game-segments label{flex:1;position:relative;display:block}
.design-scale .game-segments input{position:absolute;opacity:0;width:1px;height:1px}
.design-scale .game-segments span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem;border:1px solid var(--ink);border-radius:4px}
.design-scale .game-segments input:checked+span{background:var(--accent);font-weight:700;box-shadow:inset 0 0 0 1px var(--ink)}
.design-scale .game-segments input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.design-scale .game-setup>p,.design-scale .game-start{grid-column:1/-1}
.design-scale .primary-action{background:var(--accent);min-height:52px;font-weight:700}
.design-scale .game-error{color:var(--error)}
.design-scale .is-playing .scale-setup-intro,.design-scale .is-playing .challenge-banner{display:none}
.design-scale .challenge-banner{padding:1rem;background:var(--support);margin:1rem 0}
.design-scale .challenge-banner span{display:block}
.scale-help-access{display:flex;justify-content:flex-end;margin:1rem 0}
.is-playing>.scale-help-access{display:none}
.design-scale .game-shell:has(.game-results)>.scale-help-access{display:flex}
.design-scale .game-round-head{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin:0 0 .5rem}
.design-scale .game-round-head p{margin:0}
.design-scale .game-round-head span{font-size:.875rem;color:var(--secondary);text-transform:capitalize}
.design-scale progress{height:.5rem;width:8rem;accent-color:var(--ink);flex-shrink:1}
.design-scale #scale-question{font:700 2rem/2.25rem var(--sans);letter-spacing:-.01em;margin:0 0 .5rem;scroll-margin-top:1rem}
.design-scale .game-instruction{margin:0 0 1rem;max-width:65ch}
.scale-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;align-items:start}
.design-scale .scale-it-stage{min-width:0;--scale-art-height:360px}
.design-scale .scale-object{min-width:0;margin:0 0 .5rem}
.scale-object-label{font-size:.875rem;line-height:1.25rem;margin:0 0 .25rem}
.scale-object-label span{font-weight:600}.scale-object-label small{display:block;font-size:.875rem}
.design-scale .scale-art-plane{display:block;width:100%;height:calc(var(--scale-art-height)/2);overflow:visible}
.scale-span{stroke:var(--ink);fill:none;stroke-width:1}
.scale-locator{stroke:var(--ink);fill:none;stroke-width:2}
.scale-fit,.scale-art-error{font-size:.875rem;line-height:1.25rem;min-height:2.5rem;margin:.5rem 0}
.scale-art-error{color:var(--error)}
.scale-estimate{display:grid;gap:.5rem;padding:1rem 0;border-top:1px solid var(--support)}
.scale-estimate output{font:700 1.5rem/2rem var(--sans);font-variant-numeric:tabular-nums lining-nums}
.design-scale #game-scale-slider{width:100%;height:48px;min-height:48px;padding:0;border:0;appearance:none;background:transparent;cursor:pointer;accent-color:var(--accent)}
#game-scale-slider::-webkit-slider-runnable-track{height:4px;background:var(--ink)}
#game-scale-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:var(--accent);margin-top:-10px}
#game-scale-slider::-moz-range-track{height:4px;background:var(--ink)}
#game-scale-slider::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--ink);border-radius:50%;background:var(--accent)}
.scale-alternatives{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:.5rem}
.scale-alternatives button{padding:.5rem;min-width:48px}
.scale-drag{touch-action:none;cursor:ew-resize}
.design-scale .scale-lock{width:100%;margin-top:.5rem}
.design-scale .round-feedback:empty{display:none}
.design-scale .scale-answer{background:var(--support);padding:1rem}
.scale-answer h3{font:700 1.25rem/1.5rem var(--sans);margin:0 0 .75rem;scroll-margin-top:1rem}
.scale-answer dl{margin:0 0 1rem;display:grid;gap:.5rem}
.scale-answer dt{font-weight:600}.scale-answer dd{margin:0;font-variant-numeric:tabular-nums lining-nums}
.scale-answer p,.round-learn{font-size:.875rem;line-height:1.25rem}
.design-scale .game-next{width:100%;margin:.25rem 0 1rem}
.design-scale .round-learn{display:grid;gap:.5rem}
.design-scale .round-learn a{min-height:48px;display:flex;align-items:center}
.scale-results-primary{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.design-scale .game-results #result-title{font:800 3rem/3.25rem var(--sans);font-variant-numeric:tabular-nums lining-nums;scroll-margin-top:1rem}
.scale-results-definition{font-size:.875rem;max-width:65ch}
.design-scale .game-review{margin:1.5rem 0}
.design-scale .game-review li{margin:1rem 0}.design-scale .game-review span,.design-scale .game-review small{display:block}
.design-scale #result-card{display:block;max-width:360px;width:100%;height:auto;margin:1.5rem 0}
.design-scale .result-actions,.design-scale .result-replay,.design-scale .social-share-links{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.design-scale .result-replay a,.design-scale .social-share-links a{min-height:48px;display:flex;align-items:center}
.design-scale .social-fallbacks p{font-size:.875rem;max-width:65ch}
.design-scale .game-static-copy{border-top:1px solid var(--support);padding:1.5rem 0;margin:3rem 0}
.design-scale .game-static-copy h2{font-size:1.5rem}
.design-scale.is-embedded .scale-page-heading{display:none}
@media(max-width:1023px){.scale-workspace{grid-template-columns:minmax(0,1fr)}.design-scale .scale-it-stage{--scale-art-height:280px}.scale-estimate{padding:0;border:0}.design-scale #scale-question{font-size:1.75rem;line-height:2rem}.scale-help-access{margin:.5rem 0}}
@media(max-width:767px){
 .scale-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0}
 .scale-example img{width:100%;height:48px}.scale-example figcaption{grid-column:1/-1}
 .scale-setup-intro ol{display:none}
 .design-scale .game-setup{grid-template-columns:1fr}
 .design-scale .game-round-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem}
 .design-scale .game-round-head button{font-size:.875rem;padding:.5rem;white-space:nowrap}
 .design-scale progress{grid-column:1/-1;grid-row:2;width:100%;height:4px}
 .design-scale #scale-question{font-size:1.5rem;line-height:1.75rem}
 .design-scale .scale-it-stage{--scale-art-height:clamp(160px,28svh,224px)}
 .scale-fit{font-size:.75rem;line-height:1rem;min-height:2rem;margin:.25rem 0}
 .scale-estimate{grid-template-columns:48px minmax(0,1fr) 48px;gap:.25rem .5rem}
 .scale-estimate label,.design-scale .scale-lock{grid-column:1/-1}
 .scale-estimate output{font-size:1.125rem;line-height:1.5rem}
 .design-scale #game-scale-slider{grid-column:2;grid-row:2}
 .scale-alternatives{display:contents}
 .scale-alternatives [data-game-scale-step="-1"]{grid-column:1;grid-row:2}
 .scale-alternatives [data-game-scale-step="1"]{grid-column:3;grid-row:2}
 .scale-alternatives .scale-drag{display:none}
 .design-scale .scale-answer dl{grid-template-columns:repeat(2,minmax(0,1fr))}
 .design-scale .game-results #result-title{font-size:2.25rem;line-height:2.5rem}
}
@media(prefers-reduced-motion:reduce){.design-scale *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.scale-span,.scale-locator{stroke:CanvasText}.design-scale .game-segments input:checked+span{border:2px solid Highlight}#game-scale-slider::-webkit-slider-thumb{background:Highlight}#game-scale-slider::-webkit-slider-runnable-track{background:CanvasText}}
