/* LP-only interactions. Original palette, water artwork and final comic are retained. */
.nav-play{min-height:44px;border:0;background:none;padding:0;font:inherit;letter-spacing:inherit}.nav-play:hover{color:var(--accent)}
.arcade-new{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.play-heading h2{font:900 clamp(45px,6vw,88px)/.92 var(--heavy);letter-spacing:-.065em;margin:30px 0 23px}.play-heading h2 span{color:var(--lilac)}.play-meta{color:#c8bed3}.play-launch{position:relative;isolation:isolate;width:min(100%,380px);aspect-ratio:1/1.12;justify-self:center;padding:0;border:1px solid #756483;border-radius:9px;overflow:hidden;background:#17151c;color:#17151c;box-shadow:9px 11px 0 #15101c66}.play-launch>img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.7)}.play-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1c152d00 0%,#17151c22 24%,#17151c99 100%)}.play-button{position:absolute;left:8%;right:8%;bottom:12%;display:flex;align-items:center;justify-content:center;gap:13px;min-height:62px;background:var(--lilac);border:1px solid #eee0ff;border-radius:40px;font:800 19px/1 var(--sans);box-shadow:0 3px 25px #17151c55}.play-button>span:first-child{font-size:14px}.play-arrow{margin-left:auto;font-size:22px}.play-button{padding:15px 23px}.play-launch:hover .play-button{background:var(--paper)}
.label-collection{grid-template-columns:1fr 1fr;column-gap:65px;row-gap:25px}.label-copy{grid-column:1;grid-row:1;align-self:end}.label-actions{grid-column:1;grid-row:2;align-self:start;margin-top:0}.label-collection .record-browser{grid-column:2;grid-row:1 / span 2}.label-copy h2{font-size:clamp(28px,3.2vw,44px)}.label-actions{align-items:flex-start;flex-direction:column;gap:13px}.record-browser{min-width:0;max-width:400px;width:100%;justify-self:center;text-align:center}.label-stack{display:block;position:relative;width:calc(100% - 54px);max-width:326px;aspect-ratio:1;margin:22px auto 23px;padding:0;background:transparent;border:0;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sleeve{position:absolute;inset:0;display:block;background:#fff;border:1px solid #18131e22;box-shadow:0 8px 20px #241b3118;overflow:hidden;pointer-events:none}.sleeve img{display:block;width:100%;height:100%;object-fit:contain;padding:9px}.back-two{transform:translate(22px,-12px) rotate(10deg);z-index:0}.back-one{transform:translate(13px,-8px) rotate(5deg);z-index:1}.front{transform:rotate(-3deg);z-index:2;transition:transform .16s ease-out,opacity .16s ease-out}.label-stack.is-flipping .front{transform:translateX(-45px) rotate(-9deg);opacity:0}.label-stack.is-flipping[data-direction="previous"] .front{transform:translateX(45px) rotate(5deg)}.record-navigation{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:7px}.record-navigation button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #a89baa;border-radius:50%;background:none;color:var(--ink);font:20px sans-serif;touch-action:manipulation}.record-navigation button:hover{background:#e8dfed}.record-navigation button:disabled{opacity:.3;cursor:default}.record-navigation .mono{min-width:66px;font-size:11px}.record-caption{margin-top:15px;min-height:54px}.record-caption h3{font-size:17px;line-height:1.4;letter-spacing:-.03em}.record-caption p{font-size:10px;letter-spacing:.07em;margin-top:6px;color:#62576d}.label-error{font-size:11px;color:#8d2b26;margin:14px}.takeaway .pill{gap:12px}
.play-modal{padding:0;margin:auto;inset:0;width:min(560px,calc(100vw - 40px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;border:1px solid #7b6c85;border-radius:12px;overflow:hidden;background:#17151c;color:var(--paper)}.play-modal::backdrop{background:#0d0914e8;backdrop-filter:blur(8px)}.play-modal-inner{height:100%;display:flex;flex-direction:column}.play-modal-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 48px;padding:0 7px 0 17px;border-bottom:1px solid #7b6c85;color:var(--lilac);font:10px var(--mono);letter-spacing:.12em}.play-modal-head button{border:0;background:none;color:var(--paper);width:44px;height:44px;padding:0;font:26px sans-serif}.play-frame-slot{position:relative;flex:1;min-height:0;background:#fffaf0}.play-frame-slot>iframe{border:0;position:absolute;inset:0;width:100%;height:100%;display:block;background:#fffaf0}.play-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#f4f0e8;color:var(--ink);padding:24px;text-align:center}.play-loading p{font:12px/1.8 var(--mono)}.play-loading .pill{font-size:12px;background:#17151c;color:#f4f0e8}
@media(max-width:700px){.arcade-new{grid-template-columns:1fr;gap:28px}.play-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:15px}.play-heading .chapter{flex-basis:100%}.play-heading h2{font-size:39px;line-height:.98;margin:5px 0 0}.play-heading h2 br{display:none}.play-heading h2 span::before{content:' '}.play-meta{font-size:8px;letter-spacing:.04em;margin-bottom:3px}.play-launch{width:100%;max-width:380px;aspect-ratio:1/1.04}.play-button{font-size:18px;min-height:59px;bottom:11%;left:7%;right:7%}.label-collection{grid-template-columns:1fr;gap:23px}.label-copy{grid-column:1;grid-row:1}.label-collection .record-browser{grid-column:1;grid-row:2}.label-actions{grid-column:1;grid-row:3;margin-top:0;align-items:center;justify-self:center}.record-browser{max-width:360px}.label-stack{margin-top:18px}.record-caption h3{font-size:16px}.play-modal{width:100vw;height:100dvh;border:0;border-radius:0;margin:0;max-height:100dvh}.play-modal-head{padding-top:env(safe-area-inset-top);flex-basis:calc(44px + env(safe-area-inset-top))}}
@media(max-width:360px){.play-heading h2{font-size:33px}.play-meta{font-size:7px}.play-button{font-size:16px}.label-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.front{transition:none}.label-stack.is-flipping .front,.label-stack.is-flipping[data-direction="previous"] .front{transform:rotate(-3deg);opacity:1}}