:root{--navy: #0b1230;--blue: #1c2f73;--line: #6f8de6;--yellow: #ffd21f;--orange: #ff8a1f;--paper: #fff;--rim: 1.5px 0 var(--navy), -1.5px 0 var(--navy), 0 1.5px var(--navy), 0 -1.5px var(--navy), 1px 1px var(--navy), -1px 1px var(--navy), 1px -1px var(--navy), -1px -1px var(--navy), 2.5px 3px 0 rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--navy)}body{position:fixed;inset:0;color:var(--paper);font:italic 900 12px/1.25 Arial Black,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;text-shadow:var(--rim);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.as-is{text-transform:none}#game{position:absolute;left:0;top:0;display:block}@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}body.booting .screen,body.booting #hud{visibility:hidden}#boot{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:calc(env(safe-area-inset-bottom) + 15vh);pointer-events:none;background-color:#0b123000;transition:opacity .45s,background-color .22s;animation:pour 6s cubic-bezier(.1,.7,.3,1) forwards}@keyframes pour{to{--p: .28}}#boot.live{animation:none}#boot.cut{background-color:var(--navy)}#boot.gone{opacity:0}#boot p{display:flex;align-items:baseline;gap:10px;color:var(--yellow);font-size:14px}#boot-pct{min-width:3.4em;color:var(--paper);font-variant-numeric:tabular-nums;text-align:right}.counter{display:flex;align-items:flex-end;gap:5px;padding:9px 12px 7px}.counter i{--f: clamp(0, calc(var(--p) * 10 - var(--i)), 1);position:relative;width:18px;height:27px;background:var(--line);clip-path:polygon(0 0,100% 0,84% 100%,16% 100%)}.counter i:before{content:"";position:absolute;inset:2px;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);background:linear-gradient(to top,#120b08 0,#2b1a12 calc(var(--f) * 100% - 22%),#f4e7c6 calc(var(--f) * 100% - 22%) calc(var(--f) * 100%),#0d1640 calc(var(--f) * 100%))}#hud{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 14px) 0 calc(env(safe-area-inset-left) + 14px);pointer-events:none}.stat{display:flex;align-items:baseline;gap:5px}.stat span{color:var(--yellow);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.stat small{font-size:13px}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top) + 9vh) 20px calc(env(safe-area-inset-bottom) + 24px);text-align:center;pointer-events:none}.label{font-size:13px}.go{color:var(--yellow);font-size:22px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}button,.chip,.keys,.counter{border:2px solid var(--line);border-radius:9px;background:linear-gradient(#1c2f73,#0b1230);color:var(--paper)}button,.chip{font:inherit;letter-spacing:inherit;text-transform:inherit;text-shadow:inherit;text-decoration:none;pointer-events:auto;touch-action:manipulation;cursor:pointer}button:active{border-color:var(--yellow);color:var(--yellow)}.chip{padding:8px 12px 7px;font-size:10px}#scores-open{margin-top:auto;height:46px;padding:0 28px;color:var(--yellow);font-size:17px}#title .sound{margin-top:10px}#title .keys{margin-top:10px;padding:8px 14px 7px;font-size:10px;line-height:1.7}#pick{display:block;padding:0;text-align:left}.spine{position:absolute;left:calc(env(safe-area-inset-left) + 2px);bottom:calc(env(safe-area-inset-bottom) + 92px);writing-mode:vertical-rl;transform:rotate(180deg);color:#3f66d8;font-size:42px;line-height:1;letter-spacing:.01em;white-space:nowrap}#pick-name{position:absolute;left:calc(env(safe-area-inset-left) + 56px);right:12px;top:calc(env(safe-area-inset-top) + 16px);font-size:34px;line-height:1;font-weight:900}#pick-name.long{font-size:21px;line-height:1.5}#pick-stats{position:absolute;left:calc(env(safe-area-inset-left) + 56px);top:calc(env(safe-area-inset-top) + 66px);list-style:none;color:var(--yellow);font-size:10px;line-height:17px}#pick-stats li{display:flex;justify-content:flex-end;gap:6px;width:196px}.dots{display:flex;align-items:center;gap:2px;width:98px}.dots i{width:8px;height:8px;border-radius:50%;background:#7ed321;box-shadow:0 0 0 1px var(--navy)}.dots i:nth-child(-n+8){background:#f2d21f}.dots i:nth-child(-n+6){background:var(--orange)}.dots i:nth-child(-n+3){background:#e3261c}#alt,#top{position:absolute;left:calc(env(safe-area-inset-left) + 56px);bottom:calc(env(safe-area-inset-bottom) + 92px)}#alt{bottom:calc(env(safe-area-inset-bottom) + 128px)}#pick:has(#top[hidden]) #alt{bottom:calc(env(safe-area-inset-bottom) + 92px)}#alt.on,#top.on{border-color:var(--yellow);color:var(--yellow)}#pose{position:absolute;right:calc(env(safe-area-inset-right) + 12px);top:calc(env(safe-area-inset-top) + 62px);padding:10px 16px 9px;color:var(--yellow);font-size:13px}.arrow{position:absolute;top:50%;width:54px;height:64px;border:0;background:none}.arrow:after{content:"";position:absolute;inset:14px 12px;background:var(--orange);clip-path:polygon(0 50%,100% 0,100% 100%);filter:drop-shadow(0 0 0 var(--navy))}.arrow:active:after{background:var(--yellow)}#prev{left:max(44px,calc(50% - 250px))}#next{right:max(0px,calc(50% - 250px))}#next:after{transform:scaleX(-1)}.card{position:absolute;right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 92px);color:var(--yellow);font-size:10px;line-height:1.5;text-align:right;white-space:nowrap}.card p:nth-of-type(n+2){color:#8fe04a}.nav{position:absolute;left:calc(env(safe-area-inset-left) + 14px);right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 20px);display:flex;gap:10px}.nav button{height:54px;padding:0 18px;font-size:15px}#ok{flex:1;color:var(--yellow);font-size:20px}#pick.deck #pick-stats{display:none}#hud{animation:sway 2.3s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(calc(var(--w, 0) * -3.5deg))}to{transform:rotate(calc(var(--w, 0) * 3.5deg))}}#hips{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 58px);color:var(--paper);font-size:22px;text-align:center;animation:hips .8s ease-out both}@keyframes hips{0%{opacity:1;transform:translateY(8px) scale(.6) rotate(-6deg)}25%{transform:translateY(0) scale(1.15) rotate(4deg)}to{opacity:0;transform:translateY(-14px) scale(1) rotate(-2deg)}}#gorge{position:absolute;left:0;right:0;top:26vh;text-align:center;text-shadow:none;animation:gorge 2.3s ease-out both}#gorge b{display:block;padding:0 6px 4px;background:linear-gradient(100deg,#ff5fd2,#ffd21f,#7dff8f,#4fd8ff,#b79cff,#ff5fd2,#ffd21f) 0 0 / 300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:min(9.4vw,52px);font-weight:900;line-height:1.05;filter:drop-shadow(1.5px 0 0 var(--navy)) drop-shadow(-1.5px 0 0 var(--navy)) drop-shadow(0 1.5px 0 var(--navy)) drop-shadow(0 -1.5px 0 var(--navy)) drop-shadow(2px 3px 0 rgba(0,0,0,.45));animation:film .9s linear infinite}#gorge span{display:block;margin-top:4px;color:var(--yellow);font-size:20px;text-shadow:var(--rim)}@keyframes film{to{background-position:-150% 0}}@keyframes gorge{0%{opacity:0;transform:scale(.4) rotate(-8deg)}9%{opacity:1;transform:scale(1.18) rotate(3deg)}16%{transform:scale(1) rotate(-2deg)}78%{opacity:1;transform:scale(1.03) rotate(-2deg)}to{opacity:0;transform:translateY(-18px) scale(1.08) rotate(-2deg)}}@media(min-aspect-ratio:1/1){#pick-name{font-size:46px}#pick-stats{top:calc(env(safe-area-inset-top) + 86px);font-size:12px;line-height:21px}#pick-stats li{width:250px}.dots{width:124px;gap:3px}.dots i{width:10px;height:10px}.nav{left:auto;width:380px}}body.board #title,body.board #over{visibility:hidden}#scores{display:block;padding:0;text-align:left;background:#0b1230d1;pointer-events:auto}#scores h1{position:absolute;left:calc(env(safe-area-inset-left) + 56px);top:calc(env(safe-area-inset-top) + 16px);font-size:34px;line-height:1;font-weight:900}#scores-list{position:absolute;left:calc(env(safe-area-inset-left) + 56px);right:calc(env(safe-area-inset-right) + 14px);top:calc(env(safe-area-inset-top) + 66px);max-width:420px;list-style:none;font-size:14px}#scores-list li{display:grid;grid-template-columns:20px 1fr auto 52px;align-items:baseline;gap:8px;padding:5px 9px 4px;border:2px solid transparent;border-radius:8px}#scores-list li.me{border-color:var(--line);background:linear-gradient(#1c2f73,#0b1230)}#scores-list li.none{opacity:.45}#scores-list .rank{color:var(--orange)}#scores-list .who{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#scores-list .far{color:var(--yellow);font-variant-numeric:tabular-nums}#scores-list .gs{color:#8fe04a;font-size:10px;text-align:right;text-transform:none}#scores-note{position:absolute;left:calc(env(safe-area-inset-left) + 56px);right:14px;bottom:calc(env(safe-area-inset-bottom) + 92px);font-size:10px}#over{justify-content:center;gap:10px;padding-bottom:28vh;background:#0b12309e}#over .score{display:flex;align-items:baseline;gap:6px;color:var(--yellow);font-size:84px;line-height:1;font-variant-numeric:tabular-nums}#over .score small{font-size:20px;color:var(--paper)}#over .go{margin-top:14px}#change{margin-top:4px}#new-record{color:var(--orange);font-size:16px}#pick-record{color:var(--paper)}