:root{--ink:#04200f;--cream:#f3f2e1;--yellow:#fcd757;--green:#0a3a1c;--ease:cubic-bezier(.65,.05,0,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--cream);font-family:Mona Sans,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.bg,.veil,.noise{pointer-events:none;position:fixed;inset:0}.bg-img{background:var(--green) center/cover;opacity:0;position:absolute;inset:0;transform:scale(1.08)}.veil{background:linear-gradient(#021e0cc7,#021a0ae6)}.noise{opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}.bar{z-index:20;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex;position:fixed;inset:0 0 auto}.mark{border:2px solid var(--cream);border-radius:50%/60% 60% 40% 40%;place-items:center;width:56px;height:34px;display:grid}.mark i{background:var(--yellow);border-radius:50%;width:14px;height:14px}.menu-btn{gap:8px;width:34px;padding:6px 0;display:grid}.menu-btn b{background:var(--cream);height:2px;transition:transform .75s var(--ease)}.menu-open .menu-btn b:first-child{transform:translateY(10px)rotate(45deg)}.menu-open .menu-btn b:nth-child(2){opacity:0}.menu-open .menu-btn b:nth-child(3){transform:translateY(-10px)rotate(-45deg)}.home{place-content:center;gap:0;padding:0 12vw;display:grid;position:fixed;inset:0}.title{width:min(81vw,1080px);font-weight:400;line-height:.86;display:grid;position:relative}.t1{letter-spacing:-.02em;white-space:nowrap;font-family:Gloock,serif;font-size:clamp(3.4rem,10.4vw,9.8rem)}.t2{color:var(--yellow);white-space:nowrap;letter-spacing:-.02em;font-size:clamp(2.6rem,10vw,9.4rem);font-weight:400}.char{display:inline-block}.rule{width:min(81vw,1080px);height:8px;color:var(--cream);margin-top:2.4rem;overflow:visible}.cta{background:var(--yellow);color:var(--ink);transition:transform .75s var(--ease);border-radius:99px;justify-self:end;align-items:center;gap:1.1rem;margin-top:2.2rem;padding:.45em 1.2em .45em .8em;font-size:clamp(1.6rem,3.3vw,3rem);display:inline-flex}.cta:hover{transform:scale(1.06)}.cta .dot{background:var(--ink);width:.9em;height:.9em;box-shadow:inset -.25em .1em 0 0 var(--yellow);border-radius:50%}.home .cta{width:fit-content;margin-left:auto;margin-right:calc(100% - min(81vw,1080px))}.rally{width:min(20vw,300px);height:min(11vw,160px);position:absolute;top:calc(50% - min(18.5vw,265px));right:calc(50% - min(40.5vw,540px) + 6vw)}.rally i{display:block;position:absolute}.pad{background:#fff;border-radius:99px;width:50%;height:22%;bottom:0;left:30%}.trail{background:linear-gradient(90deg,#0000,#ffffff8c);border-radius:99px;width:78%;height:22%;bottom:0;left:0}.ball{aspect-ratio:1;background:var(--yellow);border-radius:50%;width:22%;box-shadow:inset -8px 4px 0 -4px #04200f80}.game,.end{z-index:10;display:none;position:fixed;inset:0}.game{place-items:center}.game.on{display:grid}.hud{letter-spacing:.14em;justify-content:center;gap:3rem;font-size:.95rem;display:flex;position:absolute;top:4.2rem;left:0;right:0}.hud b{color:var(--yellow);font-weight:700}#cv{aspect-ratio:360/520;touch-action:none;background:#021e0c8c;border:2px solid #f3f2e180;border-radius:18px;max-width:94vw;height:min(70vh,740px);margin-top:3.2rem}.hint{opacity:.7;font-size:.9rem;position:absolute;bottom:1.6rem}.end.on{text-align:center;background:#021a0ae0;place-content:center;gap:1rem;display:grid}.end .kick{color:var(--yellow);letter-spacing:.2em}.end h2{font-family:Gloock,serif;font-size:clamp(3rem,9vw,8rem);font-weight:400}#endScore{font-size:2rem}.end .cta{justify-self:center;margin:1rem auto 0}.menu{z-index:15;background:var(--yellow);color:var(--ink);clip-path:ellipse(0% 0% at calc(100% - 3.4rem) 2.6rem);place-content:center;gap:.4rem;padding-left:12vw;font-family:Gloock,serif;font-size:clamp(3rem,9vw,7rem);display:grid;position:fixed;inset:0}.menu a{color:inherit;line-height:1;text-decoration:none;display:block}.menu .rules{opacity:0;max-width:30ch;margin-top:1rem;font:500 1.1rem Mona Sans}.menu-open .menu-btn,.menu-open .mark{color:var(--ink)}.menu-open .menu-btn b{background:var(--ink)}.menu-open .mark{border-color:var(--ink)}.sound{z-index:20;letter-spacing:.16em;font-size:.8rem;position:fixed;bottom:1.5rem;left:2.5rem}.menu-open .sound{color:var(--ink)}@media (width<=600px){.bar{padding:1rem 1.2rem}.home{padding:0 4vw}.title,.rule{width:92vw}.rally{display:none}.sound{left:1.2rem}.home .cta{margin-right:4vw}.t1{font-size:15vw}.t2{font-size:14vw}}