@import "https://fonts.googleapis.com/css2?family=Bungee&family=DM+Mono:wght@400;500&family=Permanent+Marker&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0e4cf;background:radial-gradient(at 50% 0,#1a2d52 0%,#0000 50%),#0a1225;font-family:DM Mono,Courier New,monospace}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit}#app{place-items:center;min-height:100dvh;padding:12px;display:grid}.game-shell{aspect-ratio:330/550;touch-action:none;-webkit-user-select:none;user-select:none;background:#0d1830;border-radius:20px;width:min(100%,60dvh - 14.4px);max-width:420px;max-height:calc(100dvh - 24px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffb4321a,0 0 60px #ff96280a,0 40px 80px #000000a6}.game-shell:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 8%,#ffb4320f,#0000 35%),linear-gradient(#0000 75%,#00000024 100%);position:absolute;inset:0}.game-shell:after{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000003 2px 4px);position:absolute;inset:0}.game-shell__chrome{display:none}.game-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(14px + env(safe-area-inset-bottom,0px));z-index:10;position:absolute;inset:0}.hud-top{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:6px;display:grid}.hud-card,.hud-chip,.hud-game-over{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060e20d1;border:1px solid #ffffff0f}.hud-card{border-radius:14px;align-content:center;justify-items:center;gap:1px;min-width:0;padding:6px 10px;display:grid}.hud-card--timer{background:linear-gradient(#ffb4321f,#ff8c1e0a),#060e20db;border:1px solid #ffb4322e;border-radius:16px;padding-block:7px;box-shadow:0 0 24px #ffa0280f}.hud-label,.hud-chip-label,.hud-transition-eyebrow,.hud-game-over-eyebrow,.hud-results-grid span{text-transform:uppercase;letter-spacing:.16em;opacity:.5;font-size:8px;font-weight:500}.hud-value,.hud-timer,.hud-chip strong,.hud-results-grid strong{font-weight:400;line-height:1}.hud-value,.hud-chip strong{font-family:Bungee,Impact,sans-serif;font-size:17px}.hud-timer{letter-spacing:-.03em;color:#ffbe3d;text-shadow:0 0 14px #ffb43259;font-family:DM Mono,monospace;font-size:clamp(22px,6vw,28px);font-weight:500}.hud-timer.is-danger{color:#ff4d6a;text-shadow:0 0 18px #ff4d6a73;animation:.5s ease-in-out infinite alternate timer-pulse}.hud-meta{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6px;margin-top:8px;display:grid}.hud-chip{border-radius:12px;gap:2px;min-width:0;padding:7px 10px 8px;display:grid}.hud-chip--level{background:linear-gradient(135deg,#4fc3f70f,#0000),#060e20d1;border-left:2px solid #4fc3f7}.hud-chip--streak{background:linear-gradient(135deg,#ff6b350f,#0000),#060e20d1;border-left:2px solid #ff6b35;justify-items:center}.hud-chip strong{font-size:18px}.hud-chip-subtitle{text-overflow:ellipsis;white-space:nowrap;opacity:.55;min-width:0;font-size:10px;display:block;overflow:hidden}.hud-swipe-cue{left:calc(50% + 40px);bottom:calc(58px + env(safe-area-inset-bottom,0px));opacity:0;width:42px;height:116px;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,10px)}.hud-swipe-cue.is-visible{opacity:1;transform:translate(-50%)}.hud-swipe-cue__trail{background:linear-gradient(#ffd67a05,#ffd67a57 55%,#ffd67a00);border-radius:999px;width:10px;height:68px;margin-left:-5px;position:absolute;top:8px;left:50%;box-shadow:0 0 16px #ffb84024,inset 0 0 0 1px #ffe2aa14}.hud-swipe-cue__trail:before,.hud-swipe-cue__trail:after{content:"";border-top:2px solid #ffe0a8b8;width:12px;height:12px;position:absolute;top:-3px}.hud-swipe-cue__trail:before{border-left:2px solid #ffe0a8b8;margin-left:-8px;left:50%;transform:rotate(45deg)}.hud-swipe-cue__trail:after{border-right:2px solid #ffe0a8b8;margin-left:-2px;left:50%;transform:rotate(-45deg)}.hud-swipe-cue__hand-motion{width:40px;height:44px;margin-left:-20px;animation:1.7s ease-in-out infinite alternate swipe-cue-float;position:absolute;bottom:10px;left:calc(50% + 18px)}.hud-swipe-cue__hand{transform-origin:55% 80%;width:40px;height:44px;-webkit-mask-image:var(--hud-swipe-hand-url);mask-image:var(--hud-swipe-hand-url);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--hud-swipe-hand-url);background:linear-gradient(#ffe8b0 0%,#f6bf5d 100%);position:absolute;inset:0;transform:rotate(-23deg)scale(1.08);box-shadow:0 0 16px #ffb8402e,0 8px 18px #00000029;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.hud-dev-toggle,.hud-dev-menu,.hud-dev-menu button,.hud-dev-menu input{pointer-events:auto}.hud-dev-toggle{top:calc(108px + env(safe-area-inset-top,0px));color:#0a1225;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;z-index:3;background:#ffb432e6;border:0;border-radius:10px;min-width:48px;padding:5px 10px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;position:absolute;right:10px;box-shadow:0 6px 18px #0000004d}.hud-dev-toggle.is-active{background:#ffb432;box-shadow:0 0 0 1px #ffffff26,0 8px 22px #00000059}.hud-dev-menu{top:calc(140px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;z-index:3;background:#081024eb;border:1px solid #ffffff14;border-radius:16px;gap:10px;width:min(210px,100% - 20px);padding:12px;transition:opacity .18s,transform .18s;display:grid;position:absolute;right:10px;transform:translateY(-6px)scale(.98);box-shadow:0 20px 48px #00000080}.hud-dev-menu.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.hud-dev-header{justify-content:space-between;align-items:center;gap:10px;font-family:Bungee,sans-serif;font-size:14px;display:flex}.hud-dev-pill{color:#3fffb0;letter-spacing:.12em;text-transform:uppercase;background:#3fffb024;border-radius:6px;padding:2px 7px;font-family:DM Mono,monospace;font-size:9px}.hud-dev-row{opacity:.85;gap:8px;font-size:11px;display:grid}.hud-dev-row--switch{grid-template-columns:minmax(0,1fr) auto;align-items:center}.hud-dev-row--switch input{accent-color:#ffbe3d;width:16px;height:16px}.hud-dev-jump{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.hud-dev-jump input{color:#f0e4cf;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;min-width:0;padding:7px 8px}.hud-dev-jump button{color:#0a1225;cursor:pointer;background:linear-gradient(#3fffb0 0%,#2dd98f 100%);border:0;border-radius:8px;padding:7px 10px;font-weight:500}.hud-dev-end-game{color:#fff;cursor:pointer;background:linear-gradient(#ff6b6b 0%,#e84545 100%);border:0;border-radius:8px;width:100%;margin-top:4px;padding:8px;font-size:.75rem;font-weight:600}.hud-badges,.hud-confetti,.hud-flash,.hud-transition{position:absolute;inset:0}.hud-badge{text-shadow:0 2px #00000080,0 8px 20px #0000004d;animation:badge-float var(--hud-badge-lifetime-ms,1.25s) cubic-bezier(.18, .84, .28, 1) forwards;font-family:Permanent Marker,cursive;font-size:clamp(20px,5.5vw,30px);position:absolute;top:44%;left:50%;transform:translate(-50%)}.hud-badge--anchored{transform:translate(-50%,-50%)}.hud-badge--score{color:#ffd23f}.hud-badge--combo{color:#ff6b35;animation:badge-float-combo var(--hud-badge-lifetime-ms,1.25s) cubic-bezier(.18, .84, .28, 1) forwards;font-size:clamp(16px,4.5vw,24px);top:38%;left:calc(50% + 72px)}.hud-badge--clear{color:#3fffb0;font-size:clamp(22px,6vw,34px)}.hud-badge--miss{color:#ff4d6ab3;font-size:15px}.hud-flash{opacity:0}.hud-flash--make,.hud-flash--clear,.hud-flash--miss{animation:.24s ease-out hud-flash}.hud-flash--make{background:radial-gradient(circle,#ffd23f33,#0000 42%)}.hud-flash--clear{background:radial-gradient(circle,#3fffb038,#0000 50%)}.hud-flash--miss{background:radial-gradient(circle,#ff4d6a1f,#0000 38%)}.hud-transition{text-align:center;opacity:0;pointer-events:none;background:radial-gradient(#060e20d9,#060e2066),linear-gradient(#0000,#060e204d,#0000);place-content:center;gap:4px;padding:24px;display:grid}.hud-transition-eyebrow{letter-spacing:.3em;font-family:DM Mono,monospace}.hud-transition strong{color:#ffbe3d;text-shadow:0 0 30px #ffb43240;font-family:Bungee,Impact,sans-serif;font-size:clamp(32px,10vw,48px);line-height:.95}.hud-transition span:last-child{opacity:.75;font-family:Permanent Marker,cursive;font-size:15px}.hud-transition.is-visible{animation:.9s ease-in-out forwards level-crossfade}.hud-game-over{left:10px;right:10px;bottom:calc(14px + env(safe-area-inset-bottom,0px));opacity:0;border-top:2px solid #ffb43266;border-radius:18px;gap:10px;padding:16px 14px 14px;transition:opacity .2s,transform .2s;display:grid;position:absolute;transform:translateY(16px)}.hud-game-over.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.hud-game-over-eyebrow{letter-spacing:.3em;font-family:DM Mono,monospace}.hud-game-over h2{color:#ffbe3d;margin:0;font-family:Bungee,Impact,sans-serif;font-size:30px;line-height:.95}.hud-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.hud-results-grid div{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:10px;min-width:0;padding:8px 10px}.hud-results-grid strong{margin-top:3px;font-family:Bungee,Impact,sans-serif;font-size:20px;display:block}.hud-restart-button{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#ff7a40 0%,#ff5520 100%);border:0;border-radius:12px;width:100%;padding:13px 16px;font-family:Permanent Marker,cursive;font-size:17px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 0 1px #ff6b354d,0 10px 28px #ff552040}.hud-restart-button:active{transform:scale(.97);box-shadow:0 4px 14px #ff552033}.confetti-piece{width:14px;height:8px;animation:confetti-burst var(--confetti-duration) cubic-bezier(.2, .75, .22, 1) forwards;animation-delay:var(--confetti-delay);border-radius:2px;position:absolute}@keyframes badge-float{0%{opacity:0;transform:translate(-50%,14px)scale(.7)rotate(-4deg)}15%{opacity:1;transform:translate(-50%)scale(1.08)rotate(0)}to{opacity:0;transform:translate(-50%,-50px)scale(1.14)rotate(3deg)}}@keyframes badge-float-combo{0%{opacity:0;transform:translate(-50%,16px)scale(.68)rotate(8deg)}15%{opacity:1;transform:translate(-50%)scale(1.06)rotate(12deg)}to{opacity:0;transform:translate(-50%,-46px)scale(1.12)rotate(15deg)}}@keyframes hud-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes level-crossfade{0%{opacity:0;transform:scale(1.04)}22%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%)rotate(0)scale(.7)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--confetti-x)), var(--confetti-y)) rotate(var(--confetti-rot)) scale(1)}}@keyframes timer-pulse{0%{opacity:1;text-shadow:0 0 14px #ff4d6a4d}to{opacity:.85;text-shadow:0 0 24px #ff4d6a99}}@keyframes swipe-cue-float{0%{transform:translateY(8px)}to{transform:translateY(-24px)}}@media (max-width:360px),(max-height:600px){.hud{padding-inline:8px;padding-top:calc(8px + env(safe-area-inset-top,0px))}.hud-top,.hud-meta{gap:4px}.hud-card{border-radius:12px;padding-inline:8px}.hud-chip,.hud-game-over{border-radius:12px}.hud-dev-toggle{top:calc(96px + env(safe-area-inset-top,0px));right:8px}.hud-dev-menu{top:calc(128px + env(safe-area-inset-top,0px));width:min(200px,100% - 16px);right:8px}.hud-swipe-cue{left:calc(50% + 34px);bottom:calc(50px + env(safe-area-inset-bottom,0px));width:38px;height:104px}.hud-swipe-cue__hand-motion{width:36px;height:40px;margin-left:-18px;left:calc(50% + 16px)}.hud-swipe-cue__hand{width:36px;height:40px}.hud-results-grid strong{font-size:18px}.hud-restart-button{padding-block:12px}}