@charset "UTF-8";
:root{color-scheme:dark;--bg:#03050e;--cream:#e7dfd1;--red:#ff7568;--blue:#79d0ff;--accent:var(--cream);--art-x:0px;--art-y:0px;--art-width:100vw;--art-height:100vh}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg)}
body{font-family:Arial,Helvetica,sans-serif;color:var(--cream);-webkit-font-smoothing:antialiased}
body[data-state=red]{--accent:var(--red)}
body[data-state=blue]{--accent:var(--blue)}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit}
button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:8px}
.experience{position:relative;isolation:isolate;width:100%;height:100svh;min-height:380px;background:var(--bg)}
.art,.hotspots{position:absolute;inset:0;pointer-events:none}
.art{z-index:-1}
#morph-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s ease}
.masthead,.choice-copy,.experience>.qa-legal{transition:opacity .9s ease}
html.intro .choice-copy,html.intro .masthead,html.intro .experience>.qa-legal{opacity:0}
body.committing .choice-copy,body.committing .masthead,body.committing .experience>.qa-legal{opacity:0;transition-duration:.35s}
body.renderer-ready #morph-canvas{opacity:1}
.fallback-image{position:absolute;left:var(--art-x);top:var(--art-y);width:var(--art-width);height:var(--art-height);object-fit:contain;display:block;opacity:1;transition:opacity .7s ease}
.fallback-image{transition:opacity .7s ease,filter .8s ease}
html.intro .fallback-image{filter:brightness(.2)}
.fallback-state{opacity:0}
body[data-state=red]:not(.renderer-ready) #fallback-red,body[data-state=blue]:not(.renderer-ready) #fallback-blue{opacity:1}
body.renderer-ready .fallback-image{opacity:0}
.masthead{position:absolute;top:calc(35px + env(safe-area-inset-top));left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:4}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.35;letter-spacing:.1px;font-weight:400;text-decoration:none;color:var(--cream)}
.edition{font-size:11px;line-height:1.5;letter-spacing:.6px;color:#a49fa6}
.pill-hotspot{position:absolute;display:block;pointer-events:auto;background:transparent;border:0;border-radius:45%;cursor:pointer;padding:0;outline:none!important;touch-action:manipulation}
.focus-ring{display:none;position:absolute;inset:12% 8%;border:1px solid var(--accent);border-radius:45%}
.pill-hotspot:focus-visible .focus-ring{display:block}
body.committing .pill-hotspot{cursor:default}

.choice-copy{position:absolute;top:calc(var(--art-y) + var(--art-height) + 22px);left:50%;transform:translateX(-50%);width:min(90%,1100px);text-align:center;pointer-events:none;z-index:3}
.choice-message{position:relative;min-height:1.4em;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.35vw,38px);line-height:1.35;font-weight:400;letter-spacing:-.35px}
.choice-message span{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .6s ease;text-wrap:balance;color:var(--cream)}
body[data-state=neutral] [data-message=neutral],body[data-state=red] [data-message=red],body[data-state=blue] [data-message=blue]{opacity:1;transform:translateY(0)}
.choice-message [data-message=red]{color:var(--red);text-shadow:0 0 10px #ff443b88,0 0 28px #ff352b66,0 0 55px #e52d282e}
.choice-message [data-message=blue]{color:var(--blue);text-shadow:0 0 10px #42bfff88,0 0 28px #168fff66,0 0 55px #167df22e}
.choice-hint{margin:12px 0 0;font:11px/1.5 'Silkscreen',ui-monospace,monospace;letter-spacing:.4px;color:#8f8a99;transition:color .3s,opacity .2s}
body[data-state=red] .choice-hint{color:#ff9b91}
body[data-state=blue] .choice-hint{color:#a5ddff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.masthead{top:calc(25px + env(safe-area-inset-top))}.wordmark{font-size:18px}.edition{font-size:10px}.choice-message{font-size:clamp(22px,3vw,29px)}}
@media(max-aspect-ratio:1/1){.masthead{top:calc(26px + env(safe-area-inset-top));left:6%;right:6%;gap:15px}.wordmark{font-size:17px}.edition{font-size:10px;letter-spacing:.15px}.choice-copy{width:88%;top:calc(var(--art-y) + var(--art-height) + 26px)}.choice-message{font-size:clamp(21px,5.4vw,30px);min-height:2.9em;line-height:1.45}.choice-hint{margin-top:16px}}
@media(max-width:360px){.wordmark{font-size:15px}.edition{font-size:9px}.masthead{gap:12px}.choice-message{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}