/* Ad+Verb Labs: life in the image, possibility in the outside square. */
body[data-brand=labs]{--photo-ink:#FAFAF7}
body[data-brand=labs] .experience{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
body[data-brand=labs] .story-copy{padding-left:1.6vw;padding-right:3.5vw}
body[data-brand=labs] h1{font-size:clamp(38px,3.7vw,64px);letter-spacing:-.055em;line-height:1.07}
body[data-brand=labs] .story-body{font-size:clamp(14px,1.15vw,18px);line-height:1.65;max-width:330px}
body[data-brand=labs] .story-note{max-width:315px}
.play-stage{background:#171b19;border:0;isolation:isolate}
.human-photos{position:absolute;inset:0;z-index:-3;overflow:hidden}
.human-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease,filter 1.5s;filter:saturate(.28) brightness(.91);transform:scale(1.03)}
.human-photo.current{opacity:1;animation:human-drift 34s ease-in-out infinite alternate}
@keyframes human-drift{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.1) translate3d(-.6%,-.4%,0)}}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,14,11,.29) 0%,rgba(9,14,11,.06) 28%,rgba(9,14,11,.12) 42%,rgba(9,14,11,.64) 69%,rgba(9,14,11,.86) 100%);transition:opacity 1s}
.play-stage.game-won .human-photo{filter:saturate(.48) brightness(1)}
.play-stage.game-won .photo-shade{opacity:.88}
.play-stage .backdrop video{opacity:1;filter:saturate(.28) brightness(.91)}
.play-stage .backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090e0b4a 0%,#090e0b0f 28%,#090e0b1f 42%,#090e0ba3 69%,#090e0bdb 100%)}
.play-stage:has(.backdrop.ready) .photo-credit{visibility:hidden}
.play-stage .stage-rules{color:rgba(250,250,247,.72);z-index:3;pointer-events:none}
.play-stage .stage-bottom{color:rgba(250,250,247,.7);font-size:8px;bottom:19px;z-index:3}
.play-stage .stage-bottom>span{max-width:57%}
.photo-credit{font-size:8px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;opacity:.72;min-height:24px;display:flex;align-items:center}
.photo-credit:hover{opacity:1}
.game-board{position:absolute;left:15px;right:15px;top:49px;bottom:214px;min-height:130px;z-index:2}
.play-stage #sculpture{z-index:0;position:absolute;inset:0;height:100%;width:100%;transform:none;opacity:1;touch-action:none;cursor:crosshair}
.play-stage #sculpture:focus-visible{outline:1px solid #FAFAF7;outline-offset:2px}
.play-stage .art-fallback{display:none}
.game-ui{position:absolute;left:27px;right:27px;bottom:58px;z-index:3;color:#FAFAF7;border-top:1px solid rgba(250,250,247,.32);padding-top:14px;max-height:200px}
.game-intro{display:flex;align-items:center;justify-content:space-between;gap:14px}
.game-kicker{font-size:7px;text-transform:uppercase;letter-spacing:1.45px;opacity:.64;display:block;margin-bottom:5px}
.game-intro h2{font-size:18px;font-weight:420;line-height:1.2;letter-spacing:-.55px;margin:0}
.game-reset{height:34px;width:34px;border:1px solid rgba(250,250,247,.27);font-size:22px;font-weight:300;line-height:1;flex-shrink:0;transition:background .2s}
.game-reset:hover{background:#fafaf718}
#game-hint{font-size:10px;line-height:1.55;margin:8px 0 11px;color:rgba(250,250,247,.82);max-width:95%}
.game-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}
.game-options:empty{display:none}
.game-options button{font-size:9px;padding:5px 10px;min-height:28px;border:1px solid rgba(250,250,247,.3);transition:background .2s,color .2s}
.game-options button:hover,.game-options button[aria-pressed=true]{background:#FAFAF7;color:#0C0600;border-color:#FAFAF7}
.game-controls{display:flex;gap:25px;align-items:center}
.game-aim{display:block;flex:1;min-width:0}
#aim-label{font-size:8px;letter-spacing:.1px;display:block;margin-bottom:5px;color:rgba(250,250,247,.77)}
#game-aim{width:100%;height:13px;margin:0;cursor:ew-resize;appearance:none;background:transparent;display:block}
#game-aim::-webkit-slider-runnable-track{height:1px;background:#fafaf780}
#game-aim::-webkit-slider-thumb{appearance:none;height:11px;width:11px;background:#FAFAF7;border:0;margin-top:-5px;border-radius:0}
#game-aim::-moz-range-track{height:1px;background:#fafaf780}
#game-aim::-moz-range-thumb{height:11px;width:11px;background:#FAFAF7;border:0;border-radius:0}
.game-launch{min-height:38px;min-width:151px;padding:9px 15px;background:#FAFAF7;color:#0C0600;font-size:10px;font-weight:500;white-space:nowrap;transition:background .2s}
.game-launch:hover{background:#e5dfd3}
.game-feedback{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;margin-top:12px}
#game-status{font-size:10px;line-height:1.45;margin:0;max-width:83%;color:#FAFAF7}
#game-step{font-size:8px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:1px 0;opacity:.7}
#game-step[aria-pressed=true]{opacity:1}
#game-step:disabled{opacity:.7}
#game-note{font-size:8px;color:rgba(250,250,247,.68);line-height:1.4;margin:5px 0 0;max-width:95%}
#game-note:empty{display:none}
.game-ui button:focus-visible,.game-ui input:focus-visible,.play-stage a:focus-visible,.game-ui summary:focus-visible{outline:2px solid #FAFAF7;outline-offset:4px}
.emotion-menu{position:relative;flex:1}
.emotion-menu summary{font-size:9px;cursor:pointer;padding:7px 10px;border:1px solid rgba(250,250,247,.3);min-height:30px;list-style:none;display:flex;gap:13px;justify-content:space-between;align-items:center}
.emotion-menu summary span{font-size:7px;opacity:.65}
.emotion-menu summary::after{content:"+";font-size:13px;opacity:.9}
.emotion-menu[open] summary::after{content:"−"}
.emotion-menu>div{position:absolute;z-index:10;bottom:calc(100% + 4px);left:0;width:100%;min-width:240px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;background:#131a15;border:1px solid #fafaf75e;box-shadow:0 -10px 30px #0003}
.emotion-menu>div button{font-size:10px;min-height:34px;text-align:left}
.game-options button.about-score{border:0;text-decoration:underline;text-underline-offset:3px;padding-right:0;min-height:30px}
.about-score span{margin-left:5px}
.game-about{max-width:520px}
.game-about>p{font-size:14px;line-height:1.65;color:#625b50}
.play-stage.still .human-photo{animation:none;transition:none}
body[data-brand=labs] .brand-glyph i:last-child{transform:translate(3px,3px)}
body[data-brand=labs].mark-released .brand-glyph i:last-child{animation:outside-square .9s cubic-bezier(.22,.9,.35,1)}
@keyframes outside-square{0%,100%{transform:translate(3px,3px)}35%{transform:translate(11px,-5px)}65%{transform:translate(14px,9px)}}
body[data-brand=labs] .identity:hover .brand-glyph i:last-child{transform:translate(6px,6px);transition:transform .3s}
@media(min-width:1650px){.game-board{top:55px;bottom:250px}.game-ui{left:38px;right:38px;bottom:60px;max-height:225px;padding-top:18px}.game-intro h2{font-size:23px}.game-kicker{font-size:9px}#game-hint{font-size:13px}.game-options button{font-size:11px;min-height:34px}.game-launch{font-size:12px;min-height:44px}.game-feedback{margin-top:16px}#game-status{font-size:12px}#game-step,#game-note{font-size:10px}.emotion-menu summary{font-size:11px}#aim-label{font-size:10px}}
@media(max-height:760px) and (min-width:761px){.game-board{top:39px;bottom:226px}.game-ui{bottom:53px;max-height:202px}.game-kicker{display:none}.game-intro h2{font-size:17px}#game-hint{margin:7px 0 9px}.game-feedback{margin-top:10px}.game-options{margin-bottom:8px}.game-launch{min-height:35px}.game-reset{height:29px;width:29px;font-size:20px}}
@media(max-width:1080px){body[data-brand=labs] .experience{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}body[data-brand=labs] .story-copy{padding-left:0;padding-right:24px}body[data-brand=labs] h1{font-size:40px}.game-ui{left:19px;right:19px}.game-controls{gap:15px}.game-launch{min-width:130px;padding:8px 10px}.game-feedback{gap:12px}.game-options button{font-size:9px}}
@media(max-width:760px){
  body[data-brand=labs]{min-height:790px;grid-template-rows:72px minmax(0,1fr) 86px}
  body[data-brand=labs] .experience{grid-template-columns:1fr;grid-template-rows:minmax(223px,.68fr) minmax(347px,1.1fr);gap:9px}
  body[data-brand=labs] .story-copy{padding:7px 1px 10px}
  body[data-brand=labs] .eyebrow{margin-bottom:13px}
  body[data-brand=labs] h1{font-size:clamp(30px,8.2vw,42px);margin-bottom:13px;line-height:1.05}
  body[data-brand=labs] .story-body{font-size:12px;line-height:1.55;margin-bottom:15px;max-width:345px}
  body[data-brand=labs] .primary{font-size:10px;min-height:38px}
  .game-board{top:27px;left:7px;right:7px;bottom:192px;min-height:139px}
  .play-stage .stage-rules{top:12px;font-size:6px;left:13px;right:13px}
  .game-ui{left:15px;right:15px;bottom:36px;padding-top:10px;max-height:188px}
  .game-kicker{display:none}
  .game-intro h2{font-size:16px}
  .game-reset{height:27px;width:27px;font-size:18px}
  #game-hint{font-size:9px;line-height:1.4;margin:6px 0 8px;max-width:100%}
  .game-options{gap:5px;margin-bottom:7px}
  .game-options button{font-size:9px;min-height:27px;padding:5px 8px}
  .game-controls{gap:15px}
  .game-launch{font-size:9px;min-width:129px;min-height:32px}
  #aim-label{font-size:8px}
  #game-aim{height:15px}
  #game-aim::-webkit-slider-thumb{height:13px;width:13px;margin-top:-6px}
  .game-feedback{margin-top:9px;gap:10px}
  #game-status{font-size:9px;line-height:1.4;max-width:80%}
  #game-step{font-size:7px}
  #game-note{font-size:7px;line-height:1.4}
  .play-stage .stage-bottom{left:13px;right:13px;bottom:6px;font-size:6px;gap:9px}
  .photo-credit{font-size:6px;min-height:20px}
  .emotion-menu summary{font-size:9px;padding:5px 7px;min-height:27px}
  .emotion-menu summary span{font-size:6px}
  .emotion-menu>div{min-width:222px}
  .game-options button.about-score{min-height:27px;font-size:8px}
  .game-about>p{font-size:12px}
  body[data-brand=labs] .journey-controls{grid-template-rows:26px 44px}
}
@media(max-width:380px){body[data-brand=labs]{min-height:810px}body[data-brand=labs] h1{font-size:30px}body[data-brand=labs] .story-body{font-size:11px}.game-ui{left:12px;right:12px}.game-launch{min-width:113px;font-size:8px}.game-intro h2{font-size:15px}#game-status{font-size:8px}.emotion-menu>div{min-width:205px}}
/* Original drawing surface replaces the earlier people photography. */
.play-stage{background:radial-gradient(ellipse at 70% 20%,#49301c00,#0c060090),repeating-linear-gradient(0deg,transparent 0,transparent 39px,#fafaf70b 40px),repeating-linear-gradient(90deg,transparent 0,transparent 39px,#fafaf70b 40px),#1b130e}
.direct-hint{display:block;font-size:9px;color:#fafaf7a6;margin-top:9px;line-height:1.5}.game-aim{cursor:default}
