:root{color-scheme:dark;--bg:#14121b;--paper:#ede7d7;--gold-color:#c4ee72;--muted:#a7a0b4;--eth-color:#8770ac;--line:#39323f;font-family:Archivo,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);min-width:320px;background-image:radial-gradient(ellipse at 18% 65%,#39253d35,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid var(--gold-color);outline-offset:5px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.topbar{max-width:1280px;margin:auto;min-height:100px;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;letter-spacing:-.5px}.brand small{display:block;font-family:monospace;font-size:9px;letter-spacing:3.6px;margin-top:5px;color:var(--muted)}.brand-icon{display:grid;place-items:center;position:relative;background:var(--gold-color);color:#19131e;transform:rotate(-7deg);width:42px;height:45px;font-size:36px;font-weight:1000;box-shadow:3px 3px 0 #706d55}.brand-icon span{position:absolute;bottom:0;right:0;font-size:18px}.edition{font:10px "JetBrains Mono",monospace;letter-spacing:1.8px;color:var(--muted)}.edition span{margin:0 12px;color:#645875}.icon-button{background:transparent;border:1px solid #514758;padding:10px 13px;border-radius:5px;font:11px "JetBrains Mono",monospace;text-transform:uppercase;min-height:40px}main{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 590px;gap:60px;padding:50px 35px 38px}.intro{padding-top:14px}.eyebrow{display:flex;align-items:center;gap:9px;font:9px "JetBrains Mono",monospace;letter-spacing:1.2px;color:var(--muted)}.eyebrow span{height:6px;width:6px;background:var(--gold-color);border-radius:50%}h1{font-size:clamp(52px,6.3vw,86px);line-height:.91;letter-spacing:-5px;margin:25px 0 20px;font-weight:1000;font-stretch:condensed;transform:rotate(-3deg)}.dash{letter-spacing:-10px;font-size:.7em;vertical-align:10%}.rick-word{color:var(--gold-color);position:relative;white-space:nowrap}.asterisk{position:absolute;right:-30px;top:-18px;font-size:37px;font-weight:400;transform:rotate(16deg);color:var(--eth-color)}.tagline{color:#b6b0bf;font-size:15px;line-height:1.6;margin:26px 0 15px}.intro-art{position:relative;height:224px;width:280px;margin:10px 0 20px}.intro-art svg{position:absolute;height:228px;width:193px;left:30px;bottom:0;transform:rotate(-8deg);filter:drop-shadow(5px 5px 0 #0c0c12)}.orbit{position:absolute;inset:30px 15px 0 0;border-radius:50%;background:repeating-conic-gradient(from -30deg,#806a9b 0deg 20deg,#726089 20deg 40deg);opacity:.6;transform:rotate(-17deg);border:2px solid #9680ad}.art-label{position:absolute;bottom:10px;left:45px;transform:rotate(-7deg);font:10px "JetBrains Mono",monospace;font-weight:bold;letter-spacing:.7px;background:var(--paper);color:#17131c;padding:8px 10px;box-shadow:3px 3px #0c0c12}.instructions h2{font:10px "JetBrains Mono",monospace;letter-spacing:2px;color:var(--eth-color);margin:0 0 13px}.instructions p{font-size:12px;color:#bdb6c6;margin:11px 0}.instructions b{font:10px "JetBrains Mono",monospace;color:var(--gold-color);margin-right:10px}.cabinet{border:1px solid #635471;border-radius:15px;background:#231d2d;box-shadow:8px 10px 0 #08070c,0 0 0 5px #201925;overflow:hidden;position:relative}.cabinet-top{display:flex;justify-content:space-between;gap:8px;padding:17px 20px;background:#3a2e49;border-bottom:1px solid #645176;font:9px "JetBrains Mono",monospace;letter-spacing:.7px;color:#c6b5dc}.cabinet-top span:first-child{display:flex;align-items:center;gap:7px}.cabinet-top i{width:5px;height:5px;border-radius:100%;background:var(--gold-color);box-shadow:0 0 8px #c4ee7250}.scoreboard{display:grid;grid-template-columns:1fr .85fr 1fr;padding:22px 22px 19px;gap:12px;background:#1c1724}.scoreboard>div{padding:0 6px}.scoreboard>div:nth-child(2){border-left:1px solid #39313f;border-right:1px solid #39313f;text-align:center}.scoreboard>div:last-child{text-align:right}.scoreboard span{display:block;color:#a79baa;font:9px "JetBrains Mono",monospace;letter-spacing:1.4px;margin-bottom:8px}.scoreboard strong{font:700 39px "JetBrains Mono",monospace;letter-spacing:-2px;display:block;color:var(--gold-color);font-variant-numeric:tabular-nums}.scoreboard .timer strong{color:var(--paper)}.scoreboard>div:last-child strong{color:#bdacd0}.scoreboard small{font-size:20px;letter-spacing:0;margin-left:3px}.time-track{height:4px;background:#3b3048}.time-track div{height:100%;width:100%;background:var(--gold-color);transition:width .12s linear}.time-track.urgent div{background:#f18669}.timer.urgent strong{color:#f18669}.arena{position:relative;padding:0 20px 14px;background:radial-gradient(ellipse at 50% 60%,#4a3858,#302538 80%);background-image:radial-gradient(#93809d15 1px,transparent 1px),radial-gradient(ellipse at 50% 60%,#493657,#302538 80%);background-size:6px 6px,100% 100%}.arena-status{display:flex;justify-content:space-between;padding:14px 4px 5px;font:9px "JetBrains Mono",monospace;letter-spacing:1px;color:#bcacc9}.arena-status span:last-child{color:var(--gold-color)}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;user-select:none;touch-action:manipulation}.hole{border:0;padding:0;position:relative;background:none;aspect-ratio:1.16;isolation:isolate;display:block;overflow:visible;cursor:crosshair;opacity:1!important}.hole:before{content:'';position:absolute;bottom:3%;left:1%;width:98%;height:31%;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,#08070c 45%,#14101b 65%,#201526 66%);box-shadow:0 4px 0 #645174,0 6px 0 #21172b,inset 0 4px 7px #09080e;z-index:-1}.viewport{position:absolute;inset:0 0 8%;overflow:hidden;border-radius:0 0 47% 47% / 0 0 13% 13%;pointer-events:none}.sprite{position:absolute;left:10%;bottom:-2%;width:80%;height:100%;transform:translateY(110%);transition:transform 120ms cubic-bezier(.2,.7,.4,1);filter:drop-shadow(3px 2px 0 #100b15);will-change:transform}.hole.up .sprite{transform:translateY(0)}.hole.demo .sprite{transform:translateY(9%)}.hole.hit .sprite{transform:translateY(110%) rotate(-12deg);transition-duration:190ms}.hole:after{content:attr(data-number);position:absolute;bottom:-6px;left:47%;font:8px "JetBrains Mono",monospace;color:#a08dad66}.pop{pointer-events:none;position:absolute;top:15%;left:20%;right:0;text-align:center;font:bold 25px "JetBrains Mono",monospace;color:var(--gold-color);text-shadow:2px 3px #100b15;z-index:3;opacity:0}.pop.animate{animation:pop .55s ease-out}.pop.miss{font-size:14px;color:#ffae91}@keyframes pop{0%{opacity:1;transform:translateY(6px) rotate(-9deg) scale(.8)}30%{opacity:1;transform:translateY(-6px) rotate(-9deg) scale(1.15)}100%{opacity:0;transform:translateY(-38px) rotate(-9deg)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:6;background:#17111ba1;backdrop-filter:blur(2px);padding:22px}.overlay-card{max-width:360px;width:100%;text-align:center;background:#201928f5;border:1px solid #695279;box-shadow:7px 7px #0c09144d;padding:28px 25px;transform:rotate(-1deg);border-radius:7px}.mini-label{font:9px "JetBrains Mono",monospace;letter-spacing:1.7px;color:#b5a0ca;display:block}h2{font-size:30px;line-height:1.04;letter-spacing:-1px;font-weight:900;margin:15px 0;color:var(--paper)}.overlay-card p{font-size:12px;line-height:1.6;color:#b9adbf;margin:10px 0 20px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #defd9c;border-radius:4px;background:var(--gold-color);color:#1b1820;padding:15px 18px;font-weight:900;letter-spacing:.7px;font-size:13px;box-shadow:0 4px 0 #728649;transition:transform .1s}.primary:hover:not(:disabled){background:#d5ff8a;transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:none}.primary span{font-size:20px}.overlay-card .small-note{font:9px "JetBrains Mono",monospace;color:#9c8eaa;margin:16px 0 0}.countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:7;background:#181021b0;font-size:100px;font-weight:1000;color:var(--gold-color);text-shadow:5px 5px #0c0810}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 18px;border-top:1px solid #4d3c59;background:#211a29}fieldset{margin:0;padding:0;border:0;min-width:0}legend{font:9px "JetBrains Mono",monospace;letter-spacing:1.5px;color:#b0a0bd;margin-bottom:8px}.mode-buttons{display:flex;background:#14101b;border:1px solid #4a3b56;border-radius:5px;padding:3px;gap:3px}.mode-buttons button{border:0;background:transparent;border-radius:3px;padding:9px 15px;color:#baaec5;font-size:11px}.mode-buttons .selected{background:#6d567e;color:#fff}.mode-buttons button:disabled{opacity:.7}.secondary{border:1px solid #5c496c;background:#31263e;border-radius:5px;padding:11px 14px;font-size:12px;align-self:flex-end;min-height:39px}.cabinet-bottom{padding:12px 22px;background:#1a1421;display:flex;justify-content:space-between;color:#9885a6;font:8px "JetBrains Mono",monospace;letter-spacing:1px}.keyboard-hint{color:#887395}footer{max-width:1180px;margin:auto;padding:24px 45px 30px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #312735;font:9px "JetBrains Mono",monospace;letter-spacing:1px;color:#93869e}footer>span:first-child{font-weight:bold;color:#bcaec9}footer button{background:none;border:0;color:var(--paper);font:10px "JetBrains Mono",monospace;padding:8px}dialog{background:#211a2b;color:var(--paper);border:1px solid #76618a;border-radius:12px;max-width:450px;width:calc(100% - 32px);padding:35px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#08060bcb;backdrop-filter:blur(5px)}dialog p{font-size:14px;line-height:1.7;color:#c4b7cd}dialog h2{margin-top:18px}.close{position:absolute;right:12px;top:10px;font-size:25px;border:0;background:none;min-width:36px;min-height:36px}#results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;color:var(--paper);font:bold 21px "JetBrains Mono",monospace}#results small{display:block;font:8px "JetBrains Mono",monospace;color:#ae9fbb;margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(min-width:1100px){main{align-items:center}.cabinet{width:590px}}@media(max-width:1050px){main{grid-template-columns:minmax(240px,1fr) minmax(420px,1.55fr);gap:30px;padding:35px 30px}.topbar{padding:20px 30px}h1{font-size:64px}.intro-art{width:240px}.cabinet-top{font-size:8px;padding:15px}.scoreboard{padding:18px 14px}.scoreboard strong{font-size:34px}.mode-buttons button{padding:9px 12px}.arena{padding:0 14px 14px}}
@media(max-width:760px){.topbar{min-height:65px;padding:14px 19px}.brand{font-size:14px;gap:10px}.brand-icon{width:30px;height:33px;font-size:26px}.brand small{font-size:7px;letter-spacing:2.8px;margin-top:3px}.edition{display:none}.icon-button{font-size:9px;padding:9px;min-height:34px}main{display:block;padding:20px 16px 25px;max-width:600px}.intro{padding:0;position:relative;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:44px;line-height:1;letter-spacing:-2.5px;margin:15px 0 0;transform:rotate(-2deg)}h1 br{display:none}.dash{letter-spacing:-6px;margin-right:3px}.asterisk{right:-25px;top:-9px;font-size:24px}.tagline{font-size:11px;line-height:1.5;margin:10px 0 0}.tagline br{display:none}.intro-art,.instructions{display:none}.cabinet{border-radius:12px;box-shadow:4px 6px 0 #08070c,0 0 0 3px #201925}.cabinet-top{padding:12px 14px;font-size:7px;letter-spacing:.25px}.scoreboard{padding:15px 12px;gap:8px}.scoreboard span{font-size:7px;letter-spacing:1px;margin-bottom:5px}.scoreboard strong{font-size:31px;letter-spacing:-1px}.scoreboard small{font-size:14px}.arena{padding:0 11px 12px}.arena-status{font-size:7px;padding-top:12px}.board{gap:2px 8px}.hole{aspect-ratio:1.08}.controls{padding:14px}.mode-buttons button{padding:9px 13px}.secondary{padding:10px 11px}legend{font-size:8px}.cabinet-bottom{padding:10px 14px;justify-content:center;font-size:7px}.keyboard-hint{display:none}.overlay{padding:18px}.overlay-card{padding:20px;max-width:310px}.overlay-card h2{font-size:27px;margin:12px 0}.overlay-card p{font-size:11px;margin-bottom:15px}.overlay-card .small-note{font-size:8px;margin-top:12px}.mini-label{font-size:8px}.primary{padding:12px 14px;font-size:12px}footer{padding:20px;font-size:8px;letter-spacing:.4px}footer>span:nth-child(2){display:none}}
@media(max-width:370px){h1{font-size:39px}.asterisk{right:-18px;font-size:19px}.mode-buttons button{padding:9px 10px}.cabinet-top span:last-child{font-size:6px}.scoreboard strong{font-size:27px}.overlay-card h2{font-size:23px}.overlay-card{padding:16px}.hole{aspect-ratio:1}.scoreboard span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}