/* Product geometry only. Palette, components, font, states: immutable night-kit-20261026.1. */
body.shp-night{margin:0;min-height:100dvh}#game.shp-shell{min-height:100dvh;width:100%;max-width:1920px}#game:focus{outline:none}
.shp-night .shp-header{flex-wrap:wrap}.water-brand{flex:none;padding:calc(var(--water-logo-height,64px)*.25)}.shp-night .water-brand .shp-logo{height:var(--water-logo-height,64px);width:auto;max-width:none}.shp-night .water-zone{flex:1;min-width:180px;max-width:36ch;font-size:clamp(20px,1.5vw,28px);line-height:1.2;margin:0}.shp-night .counter{white-space:nowrap;margin:0;max-width:none}
.shp-night .water-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.7fr);align-items:stretch;gap:32px;justify-content:normal;flex:1}.water-content{display:flex;flex-direction:column;gap:20px;min-width:0}.shp-night .water-content>h2{margin:0;max-width:30ch;outline:none}.shp-night .water-content>p{margin:0;max-width:65ch}.shp-night .water-scene{height:auto;max-height:calc(100dvh - 240px);align-self:start;position:sticky;top:32px;object-fit:contain}
.shp-night .choices{gap:12px}.shp-night .shp-answer__body{flex:1;min-width:0;overflow-wrap:anywhere}.shp-night .shp-answer__mark{flex:none;font-size:.8em;font-weight:700}.shp-night .shp-answer__mark:empty{display:none}.shp-night .shp-option{-webkit-tap-highlight-color:transparent}.shp-night .shp-option.is-cursor{outline:3px solid var(--shp-focus);outline-offset:4px}
.shp-night .shp-next{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back say go";gap:20px;margin-top:auto;border-radius:32px;padding:20px}#back{grid-area:back}#selection-hint{grid-area:say;margin:0;text-align:right}#next{grid-area:go}.shp-night .primary,.shp-night .secondary{align-self:flex-start}.shp-night nav:not(.shp-next){display:flex;gap:16px;flex-wrap:wrap}.shp-night .water-content>progress{margin:0}.shp-night .water-content>#reset{margin-top:4px}
.shp-night .water-result-value{display:block;font-size:clamp(40px,5vw,88px);line-height:1.05}.water-result-value span{display:block}.range-numbers{white-space:nowrap}.water-result-value .range-unit{font-size:.4em;margin-top:12px;line-height:1.3}.shp-night .result-opinion{font-weight:700;font-size:1.15em}.shp-night .result-tip{max-width:65ch}.shp-night .tip-content h3{font-size:1.45em}.shp-night .tip-content p{margin-bottom:0}.shp-night #game[data-stage=start] .water-content{justify-content:center}.shp-night #game[data-stage=start] h2{font-size:clamp(40px,5vw,88px);max-width:16ch}.shp-night #game[data-stage=start] #start{margin-top:12px}
#game>h1,#game>[role=status],#game>[role=alert]{margin:32px;max-width:65ch}
@media(max-width:760px){.water-brand{--water-logo-height:46px}.shp-night .shp-header{gap:12px;padding:20px}.shp-night .water-zone{font-size:16px;min-width:130px}.shp-night .counter{margin-left:auto}.shp-night .water-layout{display:flex;flex-direction:column;gap:24px;padding:24px 20px}.water-content{gap:20px;flex:1}.shp-night .water-scene{display:none;position:static}.shp-night #game[data-stage=start] .water-scene{display:block;max-height:300px}.shp-night .shp-option{padding:14px 12px;gap:10px}.shp-night .shp-answer__mark{font-size:12px}.shp-night .shp-next{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"say say" "back go";gap:16px;padding:16px}#selection-hint{text-align:left}.shp-night .shp-next .shp-button{padding:12px 20px}.shp-night .water-content>.shp-button{max-width:100%;white-space:normal}.shp-night .water-result-value{font-size:40px}.shp-night .shp-panel{padding:24px}.shp-night .water-content nav .shp-button{max-width:100%;white-space:normal}}
@media(orientation:portrait) and (min-width:761px){.shp-night .water-layout{display:flex;flex-direction:column}.water-content{flex:1}.shp-night .water-scene{display:none;position:static}.shp-night #game[data-stage=start] .water-scene{display:block;max-height:480px}.shp-night .shp-next{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"say say" "back go"}#selection-hint{text-align:left}#next{justify-self:end}}
.shp-night[data-device=kiosk-p]{font-size:32px;--water-logo-height:72px}.shp-night[data-device=kiosk-p] .shp-header{padding:32px 48px}.shp-night[data-device=kiosk-p] .water-zone{font-size:26px}.shp-night[data-device=kiosk-p] .water-layout{padding:32px 48px;gap:32px}.shp-night[data-device=kiosk-p] .water-content{gap:24px}.shp-night[data-device=kiosk-p] .water-content>h2{font-size:56px}.shp-night[data-device=kiosk-p] .shp-option{min-height:120px;padding:20px 24px;gap:20px}.shp-night[data-device=kiosk-p] .shp-option-number{width:60px;height:60px;font-size:32px}.shp-night[data-device=kiosk-p] .choices{gap:24px}.shp-night[data-device=kiosk-p] .shp-button{min-height:112px;font-size:32px;padding:24px 40px}.shp-night[data-device=kiosk-p] #game[data-stage=start] h2{font-size:88px}.shp-night[data-device=kiosk-p] #start{font-size:44px;min-height:144px}.shp-night[data-device=kiosk-p] .water-result-value{font-size:88px}