:root{--cream:#eef0d8;--cream-hi:#faf8e8;--night:#102d42;--night-2:#173d4e;--seafoam:#67a69a;--coral:#d45a43;--chrome:#c7d0d0;--walnut:#513523;--ink:#1c2928;--muted:#687772;--line:rgba(28,41,40,.2);--soft:rgba(28,41,40,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Courier New",monospace;line-height:1.5}button{font:inherit}a{color:inherit}.header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(18px,5vw,78px);background:var(--cream-hi);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.13em;text-decoration:none}.brand strong{color:var(--coral);font-size:13px}.brand-disc{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--night);border:3px solid var(--coral)}.brand-disc:before,.brand-disc i{content:"";position:absolute;width:24px;height:24px;border:2px solid var(--cream);border-radius:50%}.brand-disc i{width:6px;height:6px;background:var(--chrome);border:0}.brand-disc{position:relative}nav{display:flex;gap:30px}nav a,footer a{color:var(--muted);font-size:10px;font-weight:700;text-decoration:none}nav a:hover,footer a:hover{color:var(--coral)}.night-link{color:var(--coral);font-size:9px;font-weight:700;text-decoration:none}
.hero{min-height:710px;display:grid;grid-template-columns:38% 62%;background:var(--night)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:72px clamp(26px,5vw,78px);color:var(--cream)}.hero-art{min-height:650px;background:url("../assets/images/rippleball-cabinet.png") 58% center/cover no-repeat}.eyebrow{margin:0 0 18px;color:var(--coral);font-size:9px;font-weight:700;letter-spacing:.17em}h1,h2,h3{font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.88}.hero h1{margin:0;font-size:clamp(60px,7vw,108px)}.hero h1 em{color:var(--seafoam);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:490px;margin:30px 0;color:#bed0c8;font-size:13px}.cabinet-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 24px;border:0;background:var(--coral);color:var(--cream-hi);font-size:10px;font-weight:700;text-decoration:none;cursor:pointer;transition:.15s}.cabinet-button:hover{background:var(--seafoam);color:var(--night);transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid var(--seafoam);outline-offset:3px}.bulb-row{width:100%;display:flex;justify-content:space-between;margin-top:46px;padding-top:15px;border-top:1px solid rgba(238,240,216,.18)}.bulb-row i{width:10px;height:10px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px rgba(212,90,67,.5)}
.cabinet-section{padding:110px clamp(8px,5.5vw,90px);background:#c9c7aa}.section-title{max-width:1180px;display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end;margin:0 auto 44px}.section-title h2,.rules h2,.pavilion h2{margin:0;font-size:clamp(50px,6vw,86px)}.section-title>p{margin:0;color:var(--muted);font-size:12px}.machine{max-width:920px;margin:auto;border:14px solid var(--walnut);background:var(--night);outline:2px solid var(--chrome)}.score-reel{display:grid;grid-template-columns:repeat(6,1fr);background:var(--cream-hi);border-bottom:2px solid var(--chrome)}.score-reel>div{min-height:65px;padding:11px 12px;border-right:1px solid var(--line)}.score-reel>div:last-child{border:0}.score-reel small,.cabinet-controls small{display:block;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.11em}.score-reel b{font-size:17px}.playfield{position:relative;aspect-ratio:25/17;overflow:hidden;background:var(--night)}#gameCanvas{display:block;width:100%;height:100%;touch-action:none}.glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.05) 37%,transparent 48%)}.game-overlay{position:absolute;z-index:6;inset:0;display:none;place-content:center;padding:30px;text-align:center;background:rgba(16,45,66,.94);color:var(--cream)}.game-overlay.open{display:grid}.chrome-ball{margin-bottom:15px;color:var(--chrome);font-size:48px;text-shadow:0 0 14px white}.game-overlay .eyebrow{color:var(--seafoam)}.game-overlay h3{margin:0 auto;font-size:clamp(48px,6vw,82px)}.game-overlay>p:not(.eyebrow){max-width:600px;margin:20px auto;color:#bed0c8;font-size:12px}.game-overlay .cabinet-button{margin:auto}.cabinet-controls{min-height:104px;display:grid;grid-template-columns:180px 1fr 180px;background:var(--cream-hi);border-top:2px solid var(--chrome)}.flipper-control{display:grid;grid-template-columns:1fr auto;align-content:center;padding:15px 20px;border:0;border-right:1px solid var(--line);background:var(--coral);color:var(--cream-hi);text-align:left;cursor:pointer}.flipper-control small{grid-column:1/3;color:#f0bbb1}.flipper-control span{grid-column:2;grid-row:2;font-size:20px}.flipper-control.right{border:0;border-left:1px solid var(--line);text-align:right}.flipper-control:hover,.flipper-control.active{background:var(--seafoam);color:var(--night)}.wake-panel{display:flex;flex-direction:column;justify-content:center;padding:14px 20px}.wake-panel>div{display:flex;gap:7px;margin:8px 0}.wake-panel i{width:13px;height:13px;border-radius:50%;border:2px solid var(--night)}.wake-panel i.lit{background:var(--coral);box-shadow:0 0 10px var(--coral)}.wake-panel strong{font-size:9px}
.rules{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding:120px clamp(24px,8vw,130px);background:var(--cream-hi)}.rules ol{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}.rules li{padding:22px;border-left:1px solid var(--line)}.rules li>span{color:var(--coral);font-size:11px}.rules h3{margin:18px 0 7px;font-size:22px}.rules li p{margin:0;color:var(--muted);font-size:11px}.pavilion{min-height:620px;display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center;padding:100px clamp(24px,9vw,145px);background:var(--night);color:var(--cream)}.pavilion .eyebrow{color:var(--seafoam)}.pavilion>div:last-child>p:not(.eyebrow){max-width:620px;color:#bdd0c8}.pavilion a{color:var(--coral);font-size:10px;font-weight:700;text-decoration:none}.backglass{position:relative;aspect-ratio:1;border:12px solid var(--walnut);background:var(--night-2);overflow:hidden}.backglass span{position:absolute;left:12%;top:35%;width:70%;height:32%;border-radius:50%;background:var(--seafoam)}.backglass span:after{content:"";position:absolute;right:-25%;top:15%;border-left:70px solid var(--seafoam);border-top:50px solid transparent;border-bottom:50px solid transparent}.backglass i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--coral);box-shadow:0 0 15px var(--coral)}.backglass i:nth-of-type(1){left:15%;top:15%}.backglass i:nth-of-type(2){right:12%;top:18%}.backglass i:nth-of-type(3){left:45%;bottom:10%}
footer{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(18px,5vw,78px);background:var(--cream-hi);border-top:1px solid var(--line)}footer p{color:var(--muted);font-size:9px}footer>div{display:flex;gap:20px}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,16px);padding:10px 16px;background:var(--coral);color:var(--cream);font-size:9px;font-weight:700;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.legal-main{min-height:calc(100vh - 208px);padding:90px 24px}.legal-copy{max-width:760px;margin:auto}.legal-copy h1{margin:0 0 30px;font-size:clamp(56px,8vw,94px)}.legal-copy h2{margin:38px 0 10px;font-size:25px}.legal-copy p{color:var(--muted)}.back-link{display:inline-block;margin-bottom:30px;color:var(--coral);font-size:10px;font-weight:700;text-decoration:none}
@media(max-width:960px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:620px}.hero-art{min-height:570px}.section-title,.rules,.pavilion{grid-template-columns:1fr}.rules ol{grid-template-columns:1fr 1fr 1fr}.backglass{max-width:480px;width:100%}}
@media(max-width:660px){.header{height:66px;padding:0 14px}.night-link{display:none}.brand-disc{width:38px;height:38px}.hero-copy{min-height:590px;padding:58px 22px}.hero h1{font-size:clamp(48px,14vw,60px)}.hero-art{min-height:390px;background-position:60% center}.cabinet-section{padding:76px 4px}.section-title{gap:20px;padding:0 15px}.section-title h2,.rules h2,.pavilion h2{font-size:48px}.machine{border-width:7px}.score-reel{grid-template-columns:repeat(3,1fr)}.score-reel>div{min-height:56px;padding:8px}.score-reel b{font-size:14px}.playfield{aspect-ratio:4/3}.cabinet-controls{grid-template-columns:95px 1fr 95px}.flipper-control{padding:10px 7px}.flipper-control b{font-size:9px}.wake-panel{padding:10px 7px}.wake-panel i{width:8px;height:8px}.rules,.pavilion{padding:80px 22px}.rules ol{grid-template-columns:1fr}.rules li{border-left:0;border-top:1px solid var(--line)}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}