@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap";:root{--bg: #000;--text: #f0f0f0;--dim: #999;--accent: #f0f0f0;--danger: #c0392b;--gain: #8cdca6;--font: "IBM Plex Mono", monospace;--spacing: 1.8rem;--transition: .6s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.5) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;font-weight:300;letter-spacing:.08em;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:opacity .4s ease}a:hover{opacity:.6}button{background:none;border:1px solid rgba(240,240,240,.3);color:var(--text);font-family:var(--font);font-size:12px;font-weight:300;letter-spacing:.15em;padding:.75rem 2rem;cursor:pointer;transition:opacity .4s ease,border-color .4s ease}button:hover{opacity:1;border-color:#f0f0f08c;box-shadow:0 0 18px #f0f0f012,inset 0 0 12px #f0f0f00a}button:disabled{opacity:.15;cursor:not-allowed;box-shadow:none}input[type=text]{background:none;border:none;border-bottom:1px solid rgba(240,240,240,.15);color:var(--text);font-family:var(--font);font-size:16px;font-weight:300;letter-spacing:.12em;padding:.5rem 0;outline:none;width:100%;transition:border-color .6s ease}input[type=text]:focus{border-color:#f0f0f080;box-shadow:0 2px 12px -6px #f0f0f066}body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem 1rem 6rem;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse at 50% 45%,#0d0606,#060202 40%,#010101,#000)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px #000000a6,inset 0 0 0 1px #c0392b1f;pointer-events:none;z-index:2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:overlay}#app{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;padding:3rem 2.5rem 2.5rem;max-width:480px;width:100%;transition:opacity .8s ease;position:relative;border:1px solid rgba(240,240,240,.07);z-index:1}#app:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(240,240,240,.03);pointer-events:none}#app:after{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,rgba(192,57,43,.5),transparent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#keycap{opacity:0;animation:fadeUp 1.4s ease forwards .2s}#brand{opacity:0;animation:fadeUp 1.2s ease forwards .7s}#tagline{opacity:0;animation:fadeUp 1.2s ease forwards 1s}#box-info{opacity:0;animation:fadeUp 1.2s ease forwards 1.4s}#prompt{opacity:0;animation:fadeUp 1s ease forwards 2s}#heartbeat-canvas{width:100%;max-width:480px;height:52px;display:block;opacity:0;animation:fadeUp 1.4s ease forwards .1s;background:transparent}#keycap{margin-bottom:2rem;transition:transform .2s ease,opacity .8s ease}#keycap-img{width:110px;height:110px;opacity:.65;transition:opacity .5s ease,filter .5s ease,transform .5s ease;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}#keycap:hover #keycap-img{opacity:.85;transform:translateY(-1px);filter:drop-shadow(0 8px 24px rgba(240,240,240,.06))}@keyframes keypress{0%{transform:translateY(0) scale(1)}40%{transform:translateY(3px) scale(.97)}to{transform:translateY(0) scale(1)}}#keycap.pressed{animation:keypress .2s ease-out}#brand{font-size:28px;font-weight:200;letter-spacing:.55em;text-transform:uppercase;color:#fffffff2;margin-bottom:.8rem;text-indent:.55em;text-shadow:0 0 20px rgba(255,255,255,.08),0 0 50px rgba(255,255,255,.04),0 1px 0 rgba(0,0,0,.5)}#tagline{font-size:13px;font-weight:400;letter-spacing:.2em;color:#ebe1d7a6;margin-bottom:3rem;min-height:1em;text-shadow:0 0 12px rgba(0,0,0,.8)}#box-info{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:2.5rem;min-height:4rem}#box-name{font-size:11px;font-weight:400;letter-spacing:.45em;color:#f0f0f08c;transition:color .8s ease;min-height:1em;text-indent:.45em;font-variant-numeric:tabular-nums}#box-subtitle{font-size:11px;font-weight:400;letter-spacing:.18em;color:#f0f0f080;margin-top:-.1rem}#status-text{font-size:15px;font-weight:400;letter-spacing:.15em;line-height:1.6;color:#f0f0f0bf;min-height:1.5em;margin-top:1rem;margin-bottom:1rem}#winner-count{font-size:11px;font-weight:400;letter-spacing:.12em;color:#f0f0f066;min-height:1em}#winner-count a{color:#f0f0f080;border-bottom:1px solid rgba(240,240,240,.2);padding-bottom:1px;transition:color .4s ease,border-color .4s ease}#winner-count a:hover{color:#f0f0f0b3;border-color:#f0f0f066;opacity:1}.pb-label{font-size:8.5px;font-weight:400;letter-spacing:.42em;text-indent:.42em;color:#f0f0f052;margin-bottom:.35rem}.pb-stat{font-size:10.5px;font-weight:300;letter-spacing:.16em;color:#f0f0f09e;font-variant-numeric:tabular-nums}#presence{font-size:10.5px;font-weight:300;letter-spacing:.16em;color:#f0f0f0ad;min-height:1em;font-variant-numeric:tabular-nums}#presence:not(:empty):before{content:"● ";font-size:8px;vertical-align:middle;animation:presencePulse 2.4s ease-in-out infinite}@keyframes presencePulse{0%,to{opacity:.3}50%{opacity:.95}}#footer-tooltip.ticker-flash{color:#f5f5f5f2;transition:color .3s ease}@keyframes promptBreathe{0%,to{color:#d24637bf;text-shadow:0 0 8px rgba(210,70,55,.15),0 0 20px rgba(210,70,55,.05)}50%{color:#eb5541;text-shadow:0 0 12px rgba(235,85,65,.35),0 0 40px rgba(235,85,65,.12),0 0 80px rgba(235,85,65,.05)}}#prompt{font-size:13px;font-weight:400;letter-spacing:.28em;color:#dc4b37e6;min-height:1em;transition:opacity .6s ease;text-indent:.28em;text-shadow:0 0 10px rgba(210,70,55,.2),0 0 30px rgba(210,70,55,.08)}#disclaimer{position:fixed;bottom:3.8rem;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.15em;color:#f0f0f061;white-space:nowrap;pointer-events:none}#footer{position:fixed;bottom:1.5rem;right:1.5rem;font-size:11px;font-weight:400;letter-spacing:.2em;color:#f0f0f06b;transition:color .4s ease}.footer-sep{margin:0 .4em;opacity:.4}#footer a{text-decoration:none;color:inherit;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .4s ease,border-color .4s ease}#footer a:hover{color:#f0f0f08c;border-color:#f0f0f040}#footer-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:6px;font-size:9px;letter-spacing:.12em;color:#f0f0f04d;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.footer-hof{position:relative}.footer-hof:hover #footer-tooltip{opacity:1;transform:translateY(0)}#trail-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}@keyframes breathe{0%,to{opacity:.18}50%{opacity:.35}}body.dormant #keycap-img{opacity:.2;animation:breathe 7s ease-in-out infinite}body.dormant #brand{color:#f0f0f026}body.dormant #status-text{color:#f0f0f033}@keyframes softGlow{0%,to{opacity:.55}50%{opacity:.75}}body.live #keycap-img{opacity:.65;animation:softGlow 5s ease-in-out infinite}body.live #prompt{animation:fadeUp 1s ease forwards 2s,promptBreathe 3.5s ease-in-out 3s infinite}@keyframes urgentPulse{0%,to{opacity:.5}50%{opacity:.9}}body.urgent #keycap-img{opacity:.85}body.urgent #brand{color:#f0f0f0b3}body.urgent #status-text{color:#f0f0f0cc;animation:urgentPulse 2.5s ease-in-out infinite}body.urgent #prompt{color:#c0392b99}body.sealed #app{opacity:.2}body.sealed #keycap-img{opacity:.1}body.sealed #prompt{display:none}@media(max-height:680px){body{padding-bottom:5rem;justify-content:flex-start;padding-top:1rem}#heartbeat-canvas{height:36px}#app{padding:1.5rem 2rem}#keycap{margin-bottom:1rem}#keycap-img{width:72px;height:72px}#brand{font-size:22px;margin-bottom:.5rem}#tagline{margin-bottom:1.5rem}#box-info{margin-bottom:1.2rem;gap:.5rem;min-height:2rem}#status-text{margin-top:.5rem;margin-bottom:.5rem}}@media(max-height:520px){#heartbeat-canvas{display:none}#keycap{margin-bottom:.5rem}#keycap-img{width:56px;height:56px}#brand{font-size:18px}#tagline{margin-bottom:1rem;font-size:11px}#app{padding:1rem 1.5rem}}#keycap{border:0;padding:0;background:transparent;min-height:44px;cursor:pointer}#brand{margin:0}#game-hook{color:#bbb;font-size:13px;line-height:1.7;max-width:32ch;margin:14px auto 8px}#touch-enter{background:#151515;border:1px solid #555}#status-text,#prompt,#disclaimer,#footer a{color:#aaa}button:focus-visible,a:focus-visible{outline:2px solid #eee;outline-offset:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}#heartbeat-canvas,#trail-canvas{display:none}}body.live #prompt{color:#ef9b90}#box-subtitle,#tagline{color:#bbb}@media(max-width:600px){#disclaimer{width:calc(100% - 32px);white-space:normal;text-align:center;line-height:1.6;font-size:10px;letter-spacing:.08em}#footer{left:12px;right:12px;text-align:center;letter-spacing:.1em}#brand{white-space:nowrap;font-size:24px;letter-spacing:.35em}#game-hook{max-width:30ch}}@property --edge-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}#app{border-color:#65504d;box-shadow:0 0 0 1px #190b09,0 0 40px #a82d2014,inset 0 0 40px #7c21100c}#app:before{border-color:#ffffff14}#app:after{height:2px;top:-2px;left:15%;right:15%;background:linear-gradient(90deg,transparent,#f07866,#c0392b,transparent);box-shadow:0 -3px 20px #c0392b55}.edge-light{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;padding:2px;background:conic-gradient(from var(--edge-angle),transparent 0deg 235deg,#9c2b2355 275deg,#c94d3e 320deg,#ffb49a 342deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:perimeterLight 12s linear infinite}@keyframes perimeterLight{to{--edge-angle: 360deg}}#status-text{font-size:13px;font-weight:400;color:#c9b8b3;letter-spacing:.045em}#box-subtitle{font-size:12px;letter-spacing:.06em}body.live #prompt{color:#eea99b}@media(prefers-reduced-motion:reduce){.edge-light{animation:none;--edge-angle: 35deg}}#tagline{font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,4.8vw,30px);font-weight:700;line-height:1.2;letter-spacing:-.025em;text-indent:0;color:#f2eaea;text-shadow:none;text-wrap:balance;max-width:24ch;margin:20px 0 28px}@media(max-height:680px){#tagline{margin:14px 0 20px}}