:root{--navy:#101a46;--navy2:#172867;--blue:#18bfe9;--coral:#ff7558;--yellow:#ffc43d;--mint:#61dfbd;--paper:#f6f7fb;--ink:#152044;--muted:#68708b;--shadow:0 22px 70px rgba(15,28,77,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-rounded,"Avenir Next",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}button,a{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;padding:.7rem 1rem;border-radius:.7rem}.skip:focus{top:1rem}.site-header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:3rem;background:rgba(12,24,67,.96);color:#fff;position:relative;z-index:10}.logo{text-decoration:none;color:#fff;font-size:1.65rem;font-weight:900;letter-spacing:-1.5px}.logo span{color:var(--coral)}nav{display:flex;gap:2rem;margin:auto}nav a{color:#cbd5ff;text-decoration:none;font-size:.9rem;font-weight:650}nav a:hover{color:#fff}.header-cta{background:var(--coral);color:#fff;text-decoration:none;font-weight:800;padding:.7rem 1.15rem;border-radius:.65rem}.hero{min-height:680px;position:relative;display:grid;align-items:center;overflow:hidden;background:#101b4d;color:#fff;padding:6rem max(7vw,30px)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,23,65,.98) 0%,rgba(11,23,65,.82) 42%,rgba(11,23,65,.05) 80%),url('assets/hero-arcade.png') center/cover}.hero-copy{position:relative;max-width:680px}.eyebrow,.kicker{font-size:.76rem;font-weight:850;letter-spacing:2px;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:.65rem;color:#c9d7ff}.eyebrow span{width:25px;height:3px;background:var(--coral)}h1{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.91;letter-spacing:-5px;margin:1.3rem 0 1.5rem}h1 em{color:var(--coral);font-style:normal}.hero-copy>p{font-size:1.12rem;color:#c4ccea;max-width:590px}.hero-actions{display:flex;gap:1rem;margin:2rem 0}.button{border:0;border-radius:.8rem;padding:.9rem 1.35rem;text-decoration:none;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;gap:1rem}.primary{background:var(--coral);color:white;box-shadow:0 9px 25px #ff75583d}.primary:hover{background:#ff866d;transform:translateY(-1px)}.ghost{border:1px solid #ffffff40;color:#fff;background:#ffffff0b}.trust{display:flex;gap:1.6rem;color:#c8d0ec;font-size:.78rem;font-weight:700}.trust span::first-letter{color:var(--mint)}section:not(.hero){padding:6rem max(7vw,30px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;max-width:1180px;margin:0 auto 2.5rem}.section-heading h2,.about h2,.fair h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-2px;margin:.55rem 0}.section-heading>p{max-width:390px;color:var(--muted)}.game-section{background:#f7f8fc}.game-shell{max-width:1000px;margin:auto;border-radius:1.6rem;overflow:hidden;background:var(--navy);box-shadow:var(--shadow);border:7px solid #fff}.game-topbar{height:72px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#15235b}.game-topbar div{display:flex;flex-direction:column;align-items:center}.game-topbar span{font-size:.6rem;letter-spacing:1.5px;color:#8e9ccb}.game-topbar strong{font-size:1.35rem}.game-name{font-weight:900;letter-spacing:1px}.game-name span{color:var(--coral)}.canvas-wrap{position:relative;aspect-ratio:9/5;min-height:300px}canvas{width:100%;height:100%;display:block;background:#101a46}.game-overlay{position:absolute;inset:0;background:rgba(9,17,49,.76);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:1rem}.game-overlay.hidden{display:none}.game-overlay h3{font-size:clamp(1.7rem,4vw,2.5rem);margin:.5rem}.game-overlay p{color:#cbd3ec;margin:0 0 1.3rem}.game-overlay small{margin-top:.8rem;color:#aeb9da}.orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--yellow),#ff7c4d);font-size:1.8rem;box-shadow:0 0 30px #ffc43d75}.touch-button{display:none;position:absolute;right:20px;bottom:20px;border:0;width:82px;height:82px;border-radius:50%;background:#ff7558dc;color:white;font-weight:900;font-size:1.8rem}.touch-button span{display:block;font-size:.55rem}.game-note{text-align:center;color:var(--muted);font-size:.85rem}kbd{background:#fff;border:1px solid #d7dbea;border-bottom-width:3px;border-radius:.3rem;padding:.1rem .35rem}.how{background:#fff}.steps{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.steps article{position:relative;padding:2rem;border:1px solid #e4e7f0;border-radius:1.2rem}.steps article>b{position:absolute;right:1.4rem;color:#e5e8f1;font-size:2.2rem}.step-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:.8rem;background:#e9faff;color:#08a6d0;font-size:1.5rem}.steps article:nth-child(2) .step-icon{background:#fff5dc;color:#e9a600}.steps article:nth-child(3) .step-icon{background:#fff0ec;color:var(--coral)}.steps h3{margin:1.3rem 0 .3rem}.steps p,.about-copy p,.fair p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:6rem;max-width:1400px;margin:auto}.about-copy{font-size:1.05rem}.fair{background:var(--navy);color:white;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.fair-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#223774;color:var(--coral);font-size:2rem}.fair p{color:#b9c2e0;max-width:670px}.fair-list{display:flex;flex-direction:column;gap:.6rem;color:#cdd5ee;font-weight:700}.fair-list span::first-letter{color:var(--mint)}footer{background:#0a1233;color:#9da9ce;padding:3rem max(7vw,30px);display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}footer p{font-size:.85rem}footer button{background:none;border:0;color:#c4cce4;cursor:pointer;margin-left:1.3rem;font-size:.85rem}footer button:hover{text-decoration:underline}footer small{grid-column:1/-1;border-top:1px solid #ffffff16;padding-top:1.5rem}dialog{max-width:650px;border:0;border-radius:1.25rem;padding:2.5rem;color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#07102ccc;backdrop-filter:blur(4px)}dialog h2{font-size:2rem;margin-top:0}dialog h3{margin-bottom:.2rem}dialog p{color:var(--muted)}dialog .date{font-size:.85rem}.close{position:absolute;right:1rem;top:1rem;width:38px;height:38px;border:0;border-radius:50%;font-size:1.5rem;cursor:pointer}
@media(max-width:760px){.site-header{height:66px}.site-header nav{display:none}.header-cta{margin-left:auto;font-size:.8rem}.hero{min-height:650px;padding-top:5rem}.hero-art{background:linear-gradient(180deg,rgba(11,23,65,.55),rgba(11,23,65,.97) 70%),url('assets/hero-arcade.png') 68% center/cover}h1{letter-spacing:-3px}.trust{flex-wrap:wrap;gap:.6rem 1rem}.section-heading{display:block}.game-section{padding-left:12px!important;padding-right:12px!important}.game-shell{border-width:4px}.game-topbar{padding:0 1rem}.canvas-wrap{aspect-ratio:4/5}.touch-button{display:block}.game-overlay small{max-width:180px}.steps{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:1rem}.fair{grid-template-columns:auto 1fr}.fair-list{grid-column:1/-1}footer{grid-template-columns:1fr}footer div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}footer button{margin:0;padding:0}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}