:root{--green:#b8ff00;--black:#090b08;--white:#f2f6eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{padding:24px 5%;display:flex;justify-content:space-between;font:14px monospace;border-bottom:1px solid #454b3c}.hero{min-height:95svh;padding:55px 5% 35px;position:relative;overflow:hidden}.hero>p,section>p,.play p,.poster-title p{font:13px/1.5 monospace;letter-spacing:.06em}h1{font-size:clamp(95px,23vw,340px);line-height:.85;letter-spacing:-.085em;margin:20px 0;color:var(--green)}h1 span{display:block;font-size:clamp(23px,5.7vw,85px);letter-spacing:-.06em;line-height:1.2}.face-frame{width:min(52vw,570px);margin:-30px 6% 0 auto;position:relative;transform:rotate(-8deg)}.face-frame img{width:100%;filter:drop-shadow(12px 7px 0 var(--green));transition:transform .2s}.entry{display:block;font:14px monospace;border-bottom:1px solid;width:fit-content;padding:16px 0}.side{position:absolute;right:20px;top:50%;writing-mode:vertical-rl;font:13px monospace}.story{padding:110px 7%;background:var(--green);color:var(--black)}h2{font-size:clamp(48px,9vw,135px);line-height:.94;letter-spacing:-.065em;margin:35px 0}.story em{font-style:normal;-webkit-text-stroke:2px var(--black);color:transparent}.story-copy{display:flex;justify-content:space-between;align-items:end;gap:30px}.story-copy p{font-size:20px;line-height:1.5;max-width:560px}.story-copy strong{font:24px monospace}.play{padding:120px 7%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.play h2{font-size:clamp(42px,6vw,85px)}label{display:flex;justify-content:space-between;font:14px monospace;margin-top:35px}input{width:100%;accent-color:var(--green);margin:25px 0;min-height:30px}button{background:transparent;color:inherit;border:1px solid currentColor;padding:16px;font:13px monospace;cursor:pointer}.screen{border:2px solid var(--green);overflow:hidden;padding:30px 15px 0;box-shadow:14px 14px 0 #293a00}.screen img{width:100%;transition:transform .15s;transform:skewX(3deg) scaleX(1.05)}.screen span{display:block;position:relative;padding:20px;background:var(--green);color:var(--black);font:14px monospace;margin:15px -15px 0}.transmission{padding:50px 0 0}.transmission img{width:100%;display:block}.transmission p{padding:25px 5%;text-align:center;border-block:1px solid #384529;color:var(--green)}.posters{padding:100px 6%;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:30px;align-items:center}.poster-title h2{font-size:clamp(45px,5vw,80px)}figure{margin:0}figure:nth-child(2){transform:rotate(-3deg)}figure:nth-child(3){transform:rotate(3deg)}figure img{width:100%;display:block}figcaption{padding-top:15px;font:13px monospace}.join{padding:100px 7%;background:var(--white);color:var(--black)}.join h2{font-size:clamp(65px,13vw,185px)}nav{display:flex;gap:25px;flex-wrap:wrap;margin:35px 0}nav a{padding:16px 0;border-bottom:2px solid;font:15px monospace}nav a:hover{color:#547400}footer{padding:30px 5%;display:flex;justify-content:space-between;gap:20px;font:13px monospace}.toast{display:none;position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:black;padding:18px;max-width:90vw}.toast.show{display:block}:focus-visible{outline:3px solid #7b60f6;outline-offset:5px}@media(max-width:700px){header{font-size:12px}.hero{min-height:auto;padding-bottom:60px}.face-frame{width:76%;margin:40px auto}.side{display:none}.story,.play,.join{padding:70px 6%}.story-copy{display:block}.play{grid-template-columns:1fr;gap:60px}.posters{grid-template-columns:1fr;padding:70px 9%;gap:50px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen img,.face-frame img{transition:none}}