:root{--ink:#080b20;--panel:#101637;--cyan:#78f8df;--violet:#926eff;--sun:#ffbe62;--text:#f7f4ff;--muted:#abb0cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:400 16px/1.55 'Space Grotesk',Arial,sans-serif;overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#b5fbeb 1px,transparent 1px),radial-gradient(#9372f9 1px,transparent 1px);background-size:57px 57px,93px 93px;background-position:4px 2px,40px 20px;z-index:-1}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;max-width:1200px;margin:auto;padding:2rem 2.5rem 4rem;position:relative}.mini-brand{position:absolute;top:1.7rem;color:var(--cyan);font:500 .73rem 'DM Mono',monospace;letter-spacing:.1em;text-decoration:none}.hero-copy{padding-top:3rem}.eyebrow{font:500 .75rem 'DM Mono',monospace;letter-spacing:.16em;color:var(--cyan);margin:0 0 1.1rem}.hero h1{font-size:clamp(4rem,10vw,8.7rem);line-height:.78;letter-spacing:-.085em;margin:.1em 0 .28em}.hero h1 span{display:block;color:var(--violet);text-shadow:0 0 32px #7047ea99}.tagline{max-width:28rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.35;color:#e1e2f6}.scroll-link,.back{display:inline-flex;gap:.8rem;align-items:center;color:var(--ink);background:var(--cyan);padding:.8rem 1rem;text-decoration:none;font-weight:700;border-radius:99px;margin-top:1.1rem}.scroll-link b{font-size:1.3rem}.hole-scene{height:560px;position:relative;align-self:end}.rim{height:95px;position:absolute;left:0;right:0;top:0;border-radius:50%;background:linear-gradient(135deg,#373b70,#15193d 60%,#4f397d);transform:perspective(250px) rotateX(55deg);box-shadow:0 -9px 0 #78f8df66,0 0 45px #7a5de955}.hole{position:absolute;top:38px;left:8%;right:8%;height:475px;border-radius:45% 45% 35% 35%/14% 14% 8% 8%;overflow:hidden;background:linear-gradient(90deg,#16183d,#050615 48%,#17183e);border:5px solid #33366a;box-shadow:inset 20px 0 35px #5b4c9822,inset -20px 0 35px #000;transform:perspective(360px) rotateX(-4deg)}.depth-lines{position:absolute;inset:0;background:repeating-linear-gradient(173deg,transparent 0 58px,#5c4c9250 60px 63px);opacity:.7}.fritz{position:absolute;bottom:40px;left:50%;width:118px;height:190px;transform:translateX(-50%);animation:bob 2.8s ease-in-out infinite;z-index:2}.helmet{position:absolute;left:16px;top:3px;width:87px;height:39px;border-radius:50px 50px 12px 12px;background:var(--sun);border:4px solid #e48645;color:#5b3162;text-align:center;font-size:1.6rem}.face{position:absolute;top:37px;left:23px;width:73px;height:57px;border-radius:20px;background:#c2fbec;border:4px solid #5ed2c3;color:#141534;text-align:center;padding-top:12px}.face i{display:inline-block;width:8px;height:10px;border-radius:50%;background:#13152c;margin:0 9px}.face b{display:block;line-height:.4}.body{position:absolute;top:91px;left:11px;width:96px;height:83px;background:linear-gradient(90deg,#8164ea,#a786ff);border:4px solid #5839b2;border-radius:23px 23px 10px 10px;text-align:center;padding-top:28px;font:700 .82rem 'DM Mono';color:#f4eefe}.arm{position:absolute;top:102px;width:20px;height:70px;background:#a786ff;border:4px solid #5839b2;border-radius:20px}.arm-one{left:-5px;transform:rotate(23deg)}.arm-two{right:-5px;transform:rotate(-35deg)}.shovel{position:absolute;right:-40px;bottom:-9px;width:43px;height:130px;transform:rotate(-18deg);transform-origin:bottom}.shovel em{position:absolute;left:18px;width:8px;height:104px;background:#ffbd62;border-radius:4px}.shovel strong{position:absolute;bottom:0;left:8px;width:29px;height:32px;background:#b6c7e9;border-radius:4px 4px 18px 18px;border:3px solid #7785ad}.dust{position:absolute;border-radius:50%;background:#ffbe62;opacity:.7;animation:float 3s infinite}.d1{width:7px;height:7px;bottom:105px;left:20%;animation-delay:.5s}.d2{width:5px;height:5px;bottom:72px;right:18%;animation-delay:1.2s}.d3{width:9px;height:9px;bottom:38px;left:28%;animation-delay:2s}.scene-caption{position:absolute;bottom:-10px;right:5%;font:500 .68rem 'DM Mono';color:var(--muted)}.scene-caption strong{color:var(--sun)}@keyframes bob{50%{transform:translateX(-50%) translateY(-9px) rotate(1deg)}}@keyframes float{50%{transform:translateY(-30px) translateX(10px);opacity:0}}
.scoreboard{border-block:1px solid #514d854d;text-align:center;padding:3.2rem 1rem;background:#10143a99}.scoreboard p{font:500 .7rem 'DM Mono';color:var(--muted);letter-spacing:.15em;margin:0}.scoreboard div{font-size:clamp(1.3rem,4vw,3.2rem);font-weight:700;letter-spacing:-.05em;margin:.1em 0}.scoreboard b{font-size:1.6em;color:var(--sun);padding:.08em .24em;border:1px solid #ffbe6255;border-radius:.2em}.scoreboard i{font-style:normal;color:var(--violet);margin:0 .2em}.scoreboard small{color:var(--muted)}.story{max-width:1040px;margin:auto;padding:8rem 2rem}.section-intro{max-width:590px}.story h2,.court h2,.rescue h2,.music h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1;letter-spacing:-.07em;margin:.1em 0 .38em}.story h2 em,.court h2 em,.rescue h2 em{font-style:normal;color:var(--cyan)}.section-intro>p:last-child{color:var(--muted);font-size:1.12rem}.chapters{list-style:none;margin:4rem 0 0;padding:0;counter-reset:chapter;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.chapters li{counter-increment:chapter}.chapters article{min-height:210px;padding:1.45rem;border:1px solid #4f4d7c;border-radius:18px;background:linear-gradient(135deg,#161b41cc,#0f1231cc);position:relative;transition:.25s transform,.25s border}.chapters article:hover{transform:translateY(-5px);border-color:var(--cyan)}.num{font:500 .8rem 'DM Mono';color:var(--violet)}.chapters h3{font-size:1.7rem;letter-spacing:-.06em;margin:.45rem 0}.chapters p{color:#d0d3e9;margin:.25rem 0 1.4rem}.chip{position:absolute;bottom:1.3rem;left:1.45rem;font:.67rem 'DM Mono';color:var(--cyan);border:1px solid #78f8df55;border-radius:20px;padding:.36rem .55rem}.chip.danger{color:#ffbd62;border-color:#ffbd6255}.chip.win{color:#080b20;background:var(--sun);border:0}.reveal{grid-column:span 2}.reveal article{background:linear-gradient(110deg,#36246b,#151a49 55%,#16374b);border-color:#8d75e9}.court{padding:7rem max(2rem,calc((100vw - 1040px)/2));display:grid;grid-template-columns:.55fr 1.4fr .7fr;gap:2rem;align-items:center;background:radial-gradient(circle at 50% 0,#443084,transparent 55%),#101435;border-block:1px solid #6d62b761}.court-mark{font-size:clamp(4.5rem,9vw,8rem);font-weight:700;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px #78f8df66;transform:rotate(-12deg)}.quote{max-width:33rem;font-size:1.15rem;color:#e1e1f5}.signed{font:500 .75rem 'DM Mono';color:var(--sun)}.verdict{border:2px solid var(--sun);color:var(--sun);padding:1rem;text-align:center;transform:rotate(6deg);border-radius:9px}.verdict span,.verdict small{display:block;font:.65rem 'DM Mono';letter-spacing:.13em}.verdict b{font-size:1.4rem;letter-spacing:-.06em}.music{max-width:1040px;margin:auto;padding:7rem 2rem;display:grid;grid-template-columns:120px 1fr auto;gap:2rem;align-items:center;position:relative}.record{width:112px;height:112px;border-radius:50%;background:repeating-radial-gradient(circle,#1c2047 0 4px,#080a1b 5px 7px);border:6px solid #2b2d63;display:grid;place-items:center;font-size:2rem;box-shadow:0 0 25px #8c6eff55}.record span{width:30px;height:30px;border-radius:50%;background:var(--sun);display:grid;place-items:center;font-size:1rem}.music h2{font-size:2.5rem}.music p{color:var(--muted);margin:.2rem 0}.music code{color:var(--cyan);font-family:'DM Mono'}.play{background:var(--sun);border:0;border-radius:999px;padding:.85rem 1.1rem;min-width:104px;color:var(--ink);font:700 .72rem 'DM Mono';cursor:pointer;transition:.2s}.play:hover{transform:scale(1.05)}.play span{margin-right:.35rem}.music-status{grid-column:2/4;font-size:.8rem}.rescue{text-align:center;padding:8rem 2rem 6rem;max-width:780px;margin:auto}.rescue>p:last-of-type{max-width:540px;margin:1rem auto;color:var(--muted);font-size:1.07rem}.rescue-art{height:245px;margin:2rem auto .5rem;position:relative;max-width:480px;overflow:hidden;border-radius:50% 50% 20px 20px;background:linear-gradient(#11163c,#050617 65%);border:1px solid #494774}.rope{height:225px;border-left:4px dashed var(--sun);position:absolute;left:50%;top:0}.hand{position:absolute;left:calc(50% - 31px);top:-16px;font-size:3.2rem;z-index:2;animation:hand 2.5s ease-in-out infinite}.tiny-fritz{position:absolute;left:calc(50% - 23px);bottom:20px;font-size:3rem;animation:rescue 2.5s ease-in-out infinite}@keyframes hand{50%{transform:translateY(8px)}}@keyframes rescue{50%{transform:translateY(-45px)}}footer{border-top:1px solid #4c4b794d;padding:1.8rem 2rem;display:flex;justify-content:center;gap:.7rem;color:var(--muted);font:.67rem 'DM Mono';letter-spacing:.1em}
@media(max-width:720px){.hero{min-height:920px;grid-template-columns:1fr;padding:1.5rem 1.3rem 2.5rem}.hero-copy{padding-top:4rem}.hole-scene{height:400px;margin-top:-1.7rem}.hole{height:335px}.rim{height:67px}.fritz{transform:translateX(-50%) scale(.83);transform-origin:bottom}.chapters{grid-template-columns:1fr}.reveal{grid-column:auto}.court{grid-template-columns:1fr;padding:5rem 2rem}.court-mark{position:absolute;right:1.5rem;opacity:.6}.verdict{max-width:180px}.music{grid-template-columns:80px 1fr;gap:1.2rem;padding:5rem 1.4rem}.record{width:76px;height:76px}.music h2{font-size:2rem}.play{grid-column:2}.music-status{grid-column:1/3}.scoreboard div{display:flex;justify-content:center;align-items:center;gap:.3rem}.scoreboard span{display:flex;flex-direction:column;align-items:center;font-size:.67em}.scoreboard i{font-size:1.2em}.rescue{padding-inline:1.3rem}}