html,body{background:var(--night);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Geist,system-ui,sans-serif}#app{width:min(100%,430px);height:min(100%,932px);margin:auto;position:fixed;inset:0;overflow:hidden;container-type:size}@media (min-width:431px),(min-height:933px){#app{border-radius:16px;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #00000080}body:before{content:"";filter:blur(48px)brightness(.4)saturate(1.1);pointer-events:none;background:url(/title-poster.jpg) 50%/cover;position:fixed;inset:-60px}}@media (pointer:coarse) and (max-width:499px){#app{width:100%;height:100%;box-shadow:none;border-radius:0}body:before{display:none}}@media (prefers-reduced-transparency:reduce){body:before{display:none}}#stage{touch-action:none;position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}.title{padding:calc(env(safe-area-inset-top) + 40px) 20px calc(env(safe-area-inset-bottom) + 30px);padding:calc(env(safe-area-inset-top) + max(40px, 9vh)) 20px calc(env(safe-area-inset-bottom) + 30px);padding:calc(env(safe-area-inset-top) + max(40px, 9cqh)) 20px calc(env(safe-area-inset-bottom) + 30px);background:linear-gradient(to bottom, #100f0dc2, #100f0d9e 150px, transparent 330px), linear-gradient(to top, #100f0dcc, #100f0da3 calc(env(safe-area-inset-bottom) + 215px), transparent calc(env(safe-area-inset-bottom) + 330px));text-align:center;pointer-events:none;flex-direction:column;justify-content:space-between;transition:opacity .4s;display:flex;position:absolute;inset:0}.title h1{font-family:Ortica Linear,serif;font-size:clamp(40px,12.5vw,56px);font-weight:700;letter-spacing:-.03em;white-space:nowrap;filter:drop-shadow(0 2px 10px #100f0d59);margin:0;font-size:clamp(40px,12.5cqw,56px);line-height:1}.title .logo svg{vertical-align:-.355em;width:auto;height:1.39em;margin-right:.24em}.title p{margin:0}.lead{color:#ffffffdb;text-shadow:0 1px 3px #100f0d80,0 2px 14px #100f0d59;font-size:17px;font-weight:500;margin-top:18px!important}.foot{justify-items:center;gap:12px;display:grid}#run{width:100%;max-width:420px;height:56px;color:var(--ink);letter-spacing:-.01em;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#ffffff29;border:0;border-radius:12px;font:600 17px/1 Geist,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 6px 20px #100f0d40}#run i{background:#ffffff38;width:0;transition:width .2s;position:absolute;inset:0 auto 0 0}#run span{position:relative}#app:not([data-state=loading]):not([data-state=error]) #run{color:var(--night);background:#fff}#app:not([data-state=loading]) #run i{display:none}#run:focus-visible{outline-offset:3px;outline:2px solid #fff}.title [hidden]{display:none!important}.prize{justify-content:center;margin-top:14px;display:flex}.prize .slot{pointer-events:auto;text-align:left;box-sizing:border-box;white-space:normal;border-radius:18px;max-width:100%;height:auto;min-height:30px;padding-block:6px;line-height:1.25}.prize button.slot{font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.prize button.slot:before{content:"";position:absolute;inset:-7px -4px}.challenge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100f0d52;border:1px solid #ffffff38;border-radius:16px;flex-direction:column;gap:2px;padding:10px 16px;font-size:15px;font-weight:600;display:flex}.challenge .eyebrow{font-size:11px}.bottom-line{color:var(--ink2);text-shadow:var(--shadow-text);font-size:15px}.bottom-line:empty{display:none}.foot .link,.foot .legal a{pointer-events:auto}.foot .link,.foot .legal{text-shadow:var(--shadow-text)}.foot .legal a{box-sizing:border-box;text-align:center;min-width:44px;color:inherit;margin:-14px 0;padding:14px 6px;text-decoration:none;display:inline-block}#sound{top:calc(env(safe-area-inset-top) + 12px);pointer-events:auto;position:absolute;right:16px}#app[data-state=opening] .title,#app[data-state=run] .title,#app[data-state=over] .title{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}#app[data-state=opening] .title *,#app[data-state=run] .title *,#app[data-state=over] .title *{pointer-events:none!important}@media (prefers-reduced-motion:reduce){.title,#app[data-state=opening] .title,#app[data-state=run] .title,#app[data-state=over] .title,#run i{transition:none}}
