/* PlaySupa: no remote fonts, dependencies or altered brand assets. */
:root{color-scheme:dark;--bg:#111113;--white:#f5f3ef;--muted:#b5b3b2;--orange:#ff5900}
.signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
*{box-sizing:border-box}
html{background:var(--bg);font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--white)}
::selection{background:var(--orange);color:#111113}
.page{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:40px clamp(24px,6vw,104px) 30px;background:radial-gradient(ellipse at 12% 0%,#202023 0,transparent 50%),var(--bg)}
.atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.halo{position:absolute;width:90vw;height:90vw;right:-38vw;top:50%;transform:translateY(-50%);background:radial-gradient(ellipse,#ff59001b,transparent 61%)}
.frame{position:absolute;right:-15%;top:5%;width:min(65vw,1000px);height:110%;border:1px solid #ff590033;transform:rotate(25deg);box-shadow:inset 0 0 70px #ff590007,0 0 60px #ff590008;animation:arrive 4s ease-out both}
.frame-two{right:-25%;top:15%;border-color:#ff59001c;transform:rotate(25deg);animation-delay:.15s}
.light-line{position:absolute;top:10%;right:20%;width:1px;height:80%;transform:rotate(25deg);background:linear-gradient(transparent,#ff590080,transparent);box-shadow:0 0 28px #ff590035}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo-panel{background:#f5f3ef;width:232px;max-width:65vw;padding:0 12px;border-radius:3px;flex-shrink:0}
.logo-panel img{width:100%;height:auto;display:block}
.edition{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
main{position:relative;flex:1;display:flex;align-items:center;padding:48px 0 48px;min-height:570px}
.hero{width:100%;max-width:1000px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d7d2ce;line-height:1.6}
.eyebrow span{display:block;width:24px;height:2px;background:var(--orange)}
h1{font-size:clamp(76px,9vw,138px);font-weight:900;line-height:.87;letter-spacing:-.055em;margin:0 0 28px}
h1 span{color:var(--orange)}
.intro{font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.45;letter-spacing:-.025em;margin:0 0 24px;max-width:620px}
.mantra{font-size:15px;line-height:1.6;letter-spacing:.02em;color:var(--muted);margin:0}
.mantra strong{font-weight:400;color:var(--white)}
.side-note{position:absolute;right:0;top:50%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.24em;color:#b5a79e}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:24px}
.launch{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600;margin:0;line-height:1.6}
.launch-line{height:7px;width:7px;background:var(--orange);transform:rotate(45deg)}
.copyright{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.footer-meta{text-align:right;display:grid;gap:8px}.domain{font-size:14px;color:var(--white);text-decoration:none}.domain:hover{text-decoration:underline}
.notify{margin-top:36px;max-width:510px}.notify h2{font-size:12px;letter-spacing:.16em;margin:0 0 9px;line-height:1.5}.notify-copy{font-size:16px;color:var(--muted);margin:0 0 18px;line-height:1.5}
form label{display:block;font-size:13px;margin-bottom:8px;color:#d7d2ce}.form-row{display:flex;gap:8px}input,button{font:inherit;border-radius:3px;min-height:52px}input{min-width:0;flex:1;background:#ffffff06;border:1px solid #ffffff3d;padding:14px;color:var(--white);font-size:16px}input::placeholder{color:#9b9998}button{border:1px solid var(--orange);background:var(--orange);color:#111113;padding:14px 22px;font-size:12px;font-weight:800;letter-spacing:.07em;cursor:pointer}button:hover{background:#ff762c}button:disabled{cursor:wait;opacity:.65}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--white);outline-offset:4px}.form-note{font-size:12px;line-height:1.6;color:var(--muted);margin:11px 0 0}.form-status{font-size:14px;line-height:1.6;margin:0}.form-status:not(:empty){padding:14px 16px;margin-top:14px;border-left:2px solid var(--orange);background:#ff59000d}.form-status[data-state="error"]{color:#ffb799}
.logo-panel{animation:reveal .7s ease-out both}h1{animation:reveal .8s .15s ease-out both}.intro,.mantra{animation:reveal .8s .3s ease-out both}.notify{animation:reveal .8s .45s ease-out both}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes arrive{from{opacity:0;translate:18px 15px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.page{padding-left:max(6vw,calc((100vw - 1500px)/2));padding-right:max(6vw,calc((100vw - 1500px)/2))}}
@media(max-width:700px){.page{padding:24px 24px 24px}.logo-panel{width:190px}.edition{display:none}main{padding:68px 0 60px;min-height:520px}.eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:26px;gap:9px}h1{font-size:clamp(65px,17vw,112px);margin-bottom:30px}.intro{font-size:21px;max-width:380px}.desktop-break{display:none}.mantra{font-size:14px}.side-note{display:none}.frame{right:-78%;width:100vw;top:22%;height:80%}.frame-two{right:-100%;top:30%}.light-line{right:0;opacity:.45}.halo{width:160vw;height:160vw;right:-105vw;top:54%}footer{padding-top:22px}.launch{font-size:14px}.copyright{font-size:12px}}
@media(max-width:360px){.page{padding-left:20px;padding-right:20px}.eyebrow{font-size:10px}footer{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:700px){main{padding:48px 0}.notify{margin-top:32px}footer{align-items:flex-start;flex-direction:column;gap:20px}.footer-meta{text-align:left}.form-row{gap:8px}button{padding:14px 16px}}
@media(max-width:360px){.form-row{flex-direction:column}button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.logo-panel{background:white}.atmosphere{display:none}h1 span{color:CanvasText}footer{border-color:CanvasText}}