.odd{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.odd-grid{width:min(92vw,58vh);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:clamp(3px,1.2vw,10px)}.odd-tile{display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.odd-arrow{width:72%;height:72%;display:block;color:var(--text)}.odd-tile:active{background:var(--text)}.odd-tile:active .odd-arrow{color:var(--bg-solid)}.odd-round{position:absolute;top:1vh;left:6vw;font-weight:500;font-size:5vw;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.bigger{position:relative;width:100%;height:100%}.bigger-stack{display:flex;flex-direction:column;width:100%;height:100%}.bigger-panel{flex:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;border-top:1px solid var(--divider);background:var(--panel);color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bigger-panel:first-child{border-top:none}.bigger-panel:active{background:var(--text);color:var(--bg-solid)}.bigger-expr{font-weight:700;font-size:clamp(2.4rem,13vw,5rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bigger-expr sup{font-size:.5em;vertical-align:super;margin-left:.02em}.bigger-round{position:absolute;top:1vh;left:6vw;z-index:2;font-weight:500;font-size:5vw;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.first{position:relative;width:100%;height:100%}.first-stack{display:flex;flex-direction:column;width:100%;height:100%}.first-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2vh;margin:0;padding:3vh 8vw;border:none;border-top:1px solid var(--divider);background:var(--panel);color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:center}.first-cat{color:var(--muted);font-weight:500;font-size:clamp(.75rem,3.2vw,1.05rem);line-height:1;letter-spacing:.16em;text-transform:uppercase}.first-panel:first-child{border-top:none}.first-panel:active{background:var(--text);color:var(--bg-solid)}.first-panel:active .first-cat{color:var(--bg-solid);opacity:.6}.first-label{max-width:92%;font-weight:700;font-size:clamp(1.4rem,6.4vw,2.8rem);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.first-round{position:absolute;top:1vh;left:6vw;z-index:2;font-weight:500;font-size:5vw;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.real{position:relative;width:100%;height:100%}.real-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;width:100%;height:100%;background:var(--divider)}.real-cell{display:flex;align-items:center;justify-content:center;margin:0;padding:2vh 3vw;border:none;background:var(--panel);color:var(--text);font-weight:700;font-size:clamp(1.3rem,7vw,3rem);line-height:1.05;letter-spacing:-.01em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:center;overflow-wrap:anywhere}.real-cell:active{background:var(--text);color:var(--bg-solid)}.real-round{position:absolute;top:1vh;left:6vw;z-index:2;font-weight:500;font-size:5vw;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.guess{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.guess-q{width:100%;padding:3vh 7vw 0;text-align:center;color:var(--text);font-weight:500;font-size:clamp(1.2rem,5.4vw,2.2rem);line-height:1.25;text-wrap:balance}.guess-entry{flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(2.6rem,14vw,5.5rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.guess-unit{color:var(--muted);font-size:.5em;margin-left:.15em}.guess-pad{width:min(94vw,60vh);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,2vw,12px);padding:0 0 4vh}.guess-key{aspect-ratio:2 / 1;display:flex;align-items:center;justify-content:center;margin:0;border:1px solid var(--divider);border-radius:4px;background:var(--panel);color:var(--text);font-weight:700;font-size:clamp(1.4rem,7vw,2.6rem);line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.guess-key:active{background:var(--text);color:var(--bg-solid)}.guess-ok{border:none;background:var(--btn);color:var(--btn-text);box-shadow:0 0 .8em #ff2fd066}.guess-ok:active{background:var(--muted);box-shadow:none}.guess-del{color:var(--muted)}.guess-round{position:absolute;top:1vh;left:6vw;z-index:2;font-weight:500;font-size:5vw;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(./chakra-petch-500-BWsfsDOT.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(./chakra-petch-700-BVfRasCZ.woff2) format("woff2")}:root{--bg: radial-gradient(125% 80% at 50% -8%, #14224e 0%, #0a1130 52%, #060917 100%);--bg-solid: #0a1130;--text: #dbe8ff;--muted: #6d84bd;--red: #ff4d84;--panel: rgba(255, 255, 255, .055);--divider: rgba(120, 165, 255, .18);--acc: #2ff0ff;--btn: #ff2fd0;--btn-text: #08040f;--grad: linear-gradient(96deg, #45f3ff 8%, #b98cff 52%, #ff5ad2 96%);--font: "Chakra Petch", ui-monospace, "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:transparent}button{font-family:inherit}.label{font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hud{position:relative;width:100%;padding:3vh 6vw 0;display:flex;justify-content:center;z-index:50}.clock{font-weight:700;font-size:clamp(2.5rem,16vw,7rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 .14em rgba(69,243,255,.4))}.plus5{position:absolute;top:2.4vh;left:50%;transform:translate(-50%);font-weight:700;font-size:clamp(1.6rem,9vw,4rem);line-height:1;color:var(--red);text-shadow:0 0 .3em rgba(255,77,132,.6);opacity:0;pointer-events:none}.stage{position:relative;flex:1;width:100%;min-height:0}.lockout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:transparent}.shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--red);opacity:0;pointer-events:none;z-index:40}.shell.penalty:before{animation:shell-redflash .45s ease-out}.shell.penalty{animation:shell-shake .4s cubic-bezier(.36,.07,.19,.97)}.shell.penalty .clock{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--red);filter:drop-shadow(0 0 .2em rgba(255,77,132,.55))}.shell.penalty .plus5{animation:plus5-float .55s ease-out}@keyframes shell-redflash{0%{opacity:.5}to{opacity:0}}@keyframes plus5-float{0%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-8vh) scale(1)}}@keyframes shell-shake{10%,90%{transform:translate(-6px)}20%,80%{transform:translate(10px)}30%,50%,70%{transform:translate(-14px)}40%,60%{transform:translate(14px)}}.start{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6vh;background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.start-title{font-weight:700;font-size:clamp(4rem,22vw,12rem);line-height:1;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 .1em rgba(69,243,255,.4)) drop-shadow(0 0 .2em rgba(255,90,210,.25))}.start-num{color:var(--muted);font-weight:500;font-size:clamp(1rem,5vw,2rem);text-transform:uppercase;letter-spacing:.08em}.start-cta{margin-top:6vh;color:var(--text);font-weight:700;font-size:clamp(1.2rem,6vw,2.2rem);letter-spacing:.12em;animation:start-pulse 1.4s ease-in-out infinite}@keyframes start-pulse{0%,to{opacity:1}50%{opacity:.35}}.start-account{margin-top:4vh;cursor:default}.start-signin{background:none;border:none;color:var(--muted);font-weight:500;font-size:clamp(.8rem,3.6vw,1rem);letter-spacing:.04em;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;touch-action:manipulation}.start-signedin{color:var(--muted);font-weight:500;font-size:clamp(.8rem,3.6vw,1rem);letter-spacing:.02em}.result{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4vh;padding:6vh 8vw;background:var(--bg);text-align:center}.result-date{color:var(--muted);font-weight:500;font-size:clamp(.9rem,4.2vw,1.3rem);text-transform:uppercase;letter-spacing:.08em}.result-first{color:var(--text);font-weight:700;font-size:clamp(1.3rem,6vw,2.4rem);letter-spacing:.06em}.result-total{font-weight:700;font-size:clamp(3rem,20vw,8rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 .09em rgba(69,243,255,.4)) drop-shadow(0 0 .18em rgba(255,90,210,.25))}.result-badge{margin-left:.08em}.result-strong{color:var(--muted);font-weight:500;font-size:clamp(1rem,5vw,1.5rem);text-transform:uppercase;letter-spacing:.06em}.result-strong b{color:var(--text);font-weight:700;letter-spacing:0;text-transform:none}.result-splits{width:100%;max-width:520px;display:flex;flex-direction:column;gap:.4vh}.split{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:clamp(1.1rem,5.5vw,1.8rem);padding:1.2vh 0;border-bottom:1px solid var(--divider)}.split-label{color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:.7em}.split-strong .split-label{color:var(--text)}.split-strong .split-label:after{content:" ★";color:var(--acc);font-size:.85em;text-shadow:0 0 .25em rgba(47,240,255,.55)}.split-time{font-variant-numeric:tabular-nums}.split-pen{color:var(--red)}.result-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;color:var(--muted);font-weight:500;font-size:clamp(.85rem,4vw,1.2rem);text-transform:uppercase;letter-spacing:.04em}.result-share{margin-top:2vh;padding:2.2vh 14vw;background:var(--btn);color:var(--btn-text);border:none;border-radius:2px;font-weight:700;font-size:clamp(1.1rem,5.5vw,1.6rem);letter-spacing:.14em;cursor:pointer;touch-action:manipulation;box-shadow:0 0 1.1em #ff2fd073}.result-replay{background:none;border:none;color:var(--muted);font-weight:500;font-size:clamp(.85rem,4vw,1.1rem);cursor:pointer}.result-savestreak{background:none;border:none;color:var(--muted);font-weight:500;font-size:clamp(.85rem,4vw,1.1rem);letter-spacing:.04em;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;touch-action:manipulation}.result-account{display:flex;align-items:center;gap:.6em;color:var(--muted);font-weight:500;font-size:clamp(.8rem,3.6vw,1rem);letter-spacing:.02em}.result-signout{background:none;border:none;color:var(--muted);font-weight:500;font-size:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.account-panel{display:flex;flex-direction:column;align-items:center;gap:1.2vh;width:100%;max-width:340px}.account-google{display:flex;justify-content:center;min-height:2.6rem}.account-email{display:flex;gap:.6vh;width:100%}.account-input{flex:1;min-width:0;padding:1.4vh 1em;background:var(--panel);border:1px solid var(--divider);border-radius:2px;color:var(--text);font-family:var(--font);font-weight:500;font-size:clamp(.9rem,4vw,1.1rem)}.account-input::placeholder{color:var(--muted)}.account-magic{padding:1.4vh 1.2em;background:var(--btn);color:var(--btn-text);border:none;border-radius:2px;font-weight:700;font-size:clamp(.75rem,3.4vw,.95rem);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;white-space:nowrap}.account-magic:disabled{opacity:.6;cursor:default}.account-sent,.account-error{color:var(--muted);font-weight:500;font-size:clamp(.85rem,3.8vw,1.05rem);text-align:center}.account-error{color:var(--red)}.result-note{color:var(--muted);font-weight:500;font-size:clamp(.85rem,4vw,1.1rem)}.result-sharetext{margin:0;padding:3vw;max-width:520px;width:100%;background:var(--panel);color:var(--text);border:1px solid var(--divider);border-radius:4px;font:500 clamp(.75rem,3.4vw,1rem) / 1.5 var(--font);white-space:pre;overflow-x:auto;-webkit-user-select:all;user-select:all;text-align:left}.beat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4vh;padding:6vh 9vw;background:var(--bg);-webkit-user-select:none;user-select:none;touch-action:manipulation;text-align:center}.beat-glyph{font-size:clamp(3rem,17vw,7rem);line-height:1;color:var(--acc);text-shadow:0 0 .25em rgba(47,240,255,.5)}.beat-name{font-weight:700;font-size:clamp(2.2rem,12vw,5rem);line-height:1;letter-spacing:-.01em;color:var(--text)}.beat-how{margin-top:.6vh;max-width:22em;color:var(--muted);font-weight:500;font-size:clamp(1.05rem,5vw,1.5rem);line-height:1.4;text-wrap:balance}.beat-start{margin-top:4vh;padding:2.2vh 16vw;border:none;border-radius:3px;background:var(--btn);color:var(--btn-text);font-weight:700;font-size:clamp(1.1rem,5.5vw,1.6rem);letter-spacing:.14em;cursor:pointer;touch-action:manipulation;box-shadow:0 0 1.1em #ff2fd073;animation:start-pulse 1.6s ease-in-out infinite}