@font-face{font-family:barlow condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500.woff2)format('woff2')}@font-face{font-family:barlow condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2)format('woff2')}@font-face{font-family:ibm plex mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2)format('woff2')}:root{--page:#06110f;--page-glow:#123027;--face-hi:#2f6f5e;--face-mid:#1a463c;--face-lo:#0b231e;--well-hi:#103029;--well-lo:#071a16;--hole-hi:#0b201b;--hole-lo:#05130f;--text:#eef4ef;--text-dim:#8fb3a7;--accent-hi:#ffdf9c;--accent:#e0b25f;--accent-lo:#a37d33;--on-accent:#07201a;--accent-glow:rgba(224,178,95,.45);--rule:#d9a441;--rim:rgba(224,178,95,.18);--sheen:rgba(255,255,255,.12);--depth:rgba(0,0,0,.80);--cast:rgba(0,0,0,.70);--sans:"Barlow Condensed",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--d:min(72vmin, 560px)}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:5vmin 4vmin;background:var(--page);background-image:radial-gradient(90% 70% at 50% 34%,var(--page-glow) 0%,transparent 62%),radial-gradient(140% 120% at 50% 120%,var(--cast) 0%,transparent 55%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}.stage{position:relative}.dial{position:relative;width:var(--d);height:var(--d);border-radius:50%;background:radial-gradient(circle at 38% 26%,var(--face-hi) 0%,var(--face-mid) 42%,var(--face-lo) 78%);box-shadow:inset 0 2px 3px var(--sheen),inset 0 -6px 20px var(--depth),0 34px 70px var(--cast),0 0 0 1px var(--rim)}.dial::after{content:"";position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 42% 28%,var(--well-hi) 0%,var(--well-lo) 72%);box-shadow:inset 0 4px 14px var(--depth),inset 0 -1px 0 var(--sheen),0 1px 0 var(--sheen),0 0 0 1px var(--rim)}.stop{position:absolute;left:50%;top:50%;width:calc(var(--d)*.03);height:calc(var(--d)*.085);margin:calc(var(--d)*-.0425)0 0 calc(var(--d)*-.015);border-radius:calc(var(--d)*.015);background:linear-gradient(90deg,var(--accent-lo),var(--accent-hi) 45%,var(--accent-lo));box-shadow:0 2px 5px var(--cast),inset 0 1px 0 var(--sheen);transform:rotate(146deg)translateY(calc(var(--d) * -.475));transform-origin:50% 50%}.slot{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a))translateY(calc(var(--d) * -.365))}.slot>.hole{transform:rotate(calc(-1 * var(--a)))}.hole{position:absolute;left:50%;top:50%;width:calc(var(--d)*.148);height:calc(var(--d)*.148);margin:calc(var(--d)*-.074)0 0 calc(var(--d)*-.074);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,var(--hole-lo) 0%,var(--hole-hi) 100%);box-shadow:inset 0 3px 6px var(--depth),inset 0 -1px 0 var(--sheen),0 1px 0 var(--sheen);color:var(--text-dim);text-decoration:none;font-size:clamp(9px,calc(var(--d)*.0225),14px);font-weight:600;letter-spacing:.11em;text-transform:uppercase;transition:color 180ms ease,box-shadow 220ms ease,background 220ms ease}.hole>span{transform:translateY(.04em)}a.hole:hover,a.hole:focus-visible{outline:none;color:var(--on-accent);background:radial-gradient(circle at 50% 28%,var(--accent-hi) 0%,var(--accent) 62%,var(--accent-lo) 100%);box-shadow:inset 0 -2px 6px var(--depth),inset 0 2px 2px var(--sheen),0 0 26px var(--accent-glow)}.hole--dark{opacity:.45}.card{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;text-align:center;pointer-events:none}.card a{pointer-events:auto}.mark{display:block;font-size:calc(var(--d)*.082);font-weight:500;letter-spacing:.015em;line-height:1;color:var(--text);text-decoration:none;text-shadow:0 1px 0 var(--depth);transition:color 180ms ease}.mark:hover,.mark:focus-visible{color:var(--accent);outline:none}.rule{width:calc(var(--d)*.17);height:1px;background:linear-gradient(90deg,transparent,var(--rule),transparent);margin:calc(var(--d)*.028)0}.tld{font-family:var(--mono);font-size:calc(var(--d)*.021);letter-spacing:.42em;text-indent:.42em;color:var(--text-dim);opacity:.75}@media(max-width:560px){:root{--d:min(86vmin, 400px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}