@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Orbitron:wght@500;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eefcff;font-synthesis:none;background:#03030a;font-family:Chakra Petch,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 42%,#151031 0,#060611 48%,#010105 100%)}button{font:inherit}canvas{touch-action:none;display:block;position:fixed;inset:0}@keyframes scan-world{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}@keyframes logo-breathe{0%,to{filter:brightness(.88);transform:translateY(0)}50%{filter:brightness(1.2);transform:translateY(-2px)}}@keyframes ruin-pulse{0%,to{opacity:.24}50%{opacity:.5}}.ambient-scan{z-index:1;pointer-events:none;opacity:.18;position:fixed;inset:0;overflow:hidden}.ambient-scan:after{content:"";background:linear-gradient(#0000 0,#55f4ff14 49.5%,#ff3fda14 50%,#0000 51%);animation:9s linear infinite scan-world;position:absolute;inset:0}.glass-panel{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(135deg,#090f22c7,#09071973);border:1px solid #54f3ff47;position:fixed;box-shadow:inset 0 0 24px #00e1ff0b,0 0 28px #00000040}.brand-panel{align-items:center;gap:15px;width:326px;padding:16px 20px 15px;display:flex;top:28px;left:30px}.eyebrow,.label{color:#61f3ff;letter-spacing:.21em;margin:0;font-size:10px;font-weight:600}h1{letter-spacing:.08em;margin:5px 0 0;font-family:Orbitron,sans-serif;font-size:27px;line-height:1}h1 span{color:#ff3ed8;text-shadow:0 0 16px #ff3ed8ad}.subtitle{color:#7e86a8;letter-spacing:.12em;margin:8px 0 0;font-size:11px}.mini-tetromino{flex:0 0 48px;width:48px;height:48px;animation:3.5s ease-in-out infinite logo-breathe;position:relative}.mini-tetromino i{background:#55f4ff40;border:1px solid #55f4ff;width:15px;height:15px;position:absolute;box-shadow:0 0 13px #55f4ff6b,inset 0 0 8px #ffffff24}.mini-tetromino i:first-child{top:16px;left:0}.mini-tetromino i:nth-child(2){top:16px;left:16px}.mini-tetromino i:nth-child(3){top:16px;left:32px}.mini-tetromino i:nth-child(4){background:#ff3fda40;border-color:#ff3fda;top:0;left:16px;box-shadow:0 0 13px #ff3fda80}.score-panel{width:256px;padding:15px 18px 17px;top:28px;right:30px}.timer-wrap{border-bottom:1px solid #62efff26;justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.timer-wrap strong{letter-spacing:.07em;text-shadow:0 0 18px #62efff7a;font:700 31px/1 Orbitron,sans-serif}.score-grid{grid-template-columns:1fr 1fr;gap:12px 20px;padding-top:12px;display:grid}.score-grid div{flex-direction:column;gap:2px;display:flex}.score-grid strong{letter-spacing:.08em;font:600 15px/1.1 Orbitron,sans-serif}.help-panel{width:248px;padding:15px 18px;bottom:28px;left:30px}.control{color:#a8afca;justify-content:space-between;align-items:center;margin-top:9px;font-size:12px;display:flex}kbd{color:#ff7ae4;letter-spacing:.1em;text-align:center;background:#ff3ed812;border:1px solid #ff3ed873;border-radius:2px;min-width:84px;padding:3px 7px;font:600 10px Chakra Petch}.music-setting{border-top:1px solid #55f4ff24;margin-top:15px;padding-top:12px;display:block}.music-setting>span{color:#7582a5;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.music-setting b{color:#70f5ff;font-weight:600}.music-setting output{color:#d9e8f3;font:600 10px Orbitron,sans-serif}.music-setting input{accent-color:#ff56dc;cursor:pointer;width:100%;height:18px;margin:5px 0 0}.status-chip{z-index:2;color:#82f7ff;letter-spacing:.16em;pointer-events:none;white-space:nowrap;background:#040612ad;border:1px solid #62efff47;padding:8px 16px;font-size:11px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.restart-button{z-index:4;color:#fff;letter-spacing:.16em;cursor:pointer;background:#ff3ed821;border:1px solid #ff3ed8;padding:10px 22px;font:600 12px Chakra Petch;position:fixed;bottom:126px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ff3ed833}.restart-button:hover{background:#ff3ed840}.action-dock{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));align-items:stretch;gap:5px;width:max-content;padding:6px;display:flex;bottom:22px;left:50%;transform:translate(-50%)}.action-dock button{color:#9af8ff;letter-spacing:.11em;cursor:pointer;background:#55f4ff0e;border:1px solid #55f4ff4d;min-width:88px;padding:9px 13px;font-size:11px;font-weight:700;transition:border-color .18s,background .18s,color .18s,opacity .18s}.action-dock button span{font-size:9px}.action-dock button:hover:not(:disabled){color:#fff;background:#55f4ff29;border-color:#55f4ff}.action-dock button:disabled{cursor:default;opacity:.3}.action-dock .lock-button{color:#fff;background:#ff3fda29;border-color:#ff3fdaa6;min-width:112px;box-shadow:inset 0 0 18px #ff3fda14}.action-dock .lock-button:not(:disabled){box-shadow:0 0 20px #ff3fda3d,inset 0 0 18px #ff3fda1f}.action-dock .cancel-button{color:#8a92b5;min-width:38px;padding-inline:10px}.start-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);background:radial-gradient(circle at 50% 43%,#1a134257,#020208db);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-overlay:before,.start-overlay:after{content:"";pointer-events:none;position:absolute;inset:0}.start-overlay:before{background:linear-gradient(120deg,#0000 15%,#55f4ff09 48%,#0000 65%)}.start-overlay:after{background-image:linear-gradient(#55f4ff06 1px,#0000 1px),linear-gradient(90deg,#55f4ff06 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.start-card{z-index:1;text-align:center;border-color:#55f4ff80;width:min(560px,100%);padding:38px 44px 32px;position:relative;overflow:hidden;box-shadow:inset 0 0 52px #55f4ff0b,0 0 90px #210d5380}.start-card.mode-card{width:min(720px,100%)}.start-card:before{content:"";background:linear-gradient(90deg,#0000,#55f4ff,#ff3fda,#0000);width:60%;height:2px;position:absolute;top:-1px;left:20%;box-shadow:0 0 20px #55f4ff}.start-card h2{letter-spacing:.075em;text-shadow:0 0 28px #55f4ff40;margin:7px 0 16px;font:800 clamp(32px,6vw,56px)/.95 Orbitron,sans-serif}.start-card h2 span{color:#55f4ff}.start-card>p:not(.eyebrow){color:#a7afca;max-width:440px;margin:0 auto;font-size:15px;line-height:1.55}.start-steps{border-block:1px solid #55f4ff24;grid-template-columns:repeat(3,1fr);margin:30px 0 24px;display:grid}.start-steps span{color:#d9e8f3;letter-spacing:.13em;text-transform:uppercase;padding:15px 8px;font-size:12px;font-weight:600}.start-steps span+span{border-left:1px solid #55f4ff24}.start-steps b{color:#ff56dc;margin-bottom:5px;font:700 10px Orbitron,sans-serif;display:block}.start-card>button{color:#031014;letter-spacing:.16em;cursor:pointer;background:#55f4ff;border:1px solid #55f4ff;min-width:230px;padding:13px 23px;font-size:12px;font-weight:700;box-shadow:0 0 28px #55f4ff38}.start-card>button:hover:not(:disabled){background:#fff;border-color:#fff}.start-card>button:disabled{cursor:wait;opacity:.55}.start-card small{color:#697190;letter-spacing:.14em;text-transform:uppercase;margin-top:14px;font-size:10px;display:block}.block-logo{grid-template-columns:repeat(9,11px);justify-content:center;gap:3px;width:max-content;margin:0 auto 17px;animation:4s ease-in-out infinite logo-breathe;display:grid}.block-logo i{background:#55f4ff3d;border:1px solid #55f4ffcc;width:11px;height:11px;box-shadow:0 0 9px #55f4ff59}.block-logo i:nth-child(3n){background:#ff3fda42;border-color:#ff3fdae0;box-shadow:0 0 9px #ff3fda66}.block-logo i:nth-child(5n){background:#a8ff6038;border-color:#a8ff60db;box-shadow:0 0 9px #a8ff6052}.mode-options{text-align:left;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 22px;display:grid}.start-music-setting{text-align:left;width:min(360px,100%);margin:16px auto 18px}.mode-option{color:#dcefff;cursor:pointer;background:linear-gradient(145deg,#8b5cff17,#050919a3);border:1px solid #8b5cff5c;flex-direction:column;align-items:flex-start;min-height:142px;padding:22px 20px 18px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.mode-option:before{content:"";opacity:.32;background:linear-gradient(90deg,#0000,currentColor,#0000);height:2px;position:absolute;inset:auto 0 0}.mode-option:after{content:"";opacity:.08;border:1px solid;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-26px;box-shadow:0 0 30px}.mode-option:hover:not(:disabled){background:linear-gradient(145deg,#8b5cff29,#050919b8);border-color:#8b5cff;transform:translateY(-3px)}.mode-option.hands-option{background:linear-gradient(145deg,#55f4ff1c,#050919a3);border-color:#55f4ff70}.mode-option.hands-option:hover:not(:disabled){background:linear-gradient(145deg,#55f4ff33,#050919b8);border-color:#55f4ff}.mode-option:disabled{cursor:wait;opacity:.45}.mode-option .mode-number{color:#ff56dc;letter-spacing:.18em;margin-bottom:17px;font:700 10px Orbitron,sans-serif}.mode-option.hands-option .mode-number{color:#55f4ff}.mode-option strong{letter-spacing:.06em;font:700 17px Orbitron,sans-serif}.mode-option>span:not(.mode-number){color:#9da6c3;letter-spacing:.08em;margin-top:7px;font-size:12px}.mode-option small{color:#656e8d;margin-top:auto;padding-top:16px}.mode-chip{z-index:4;color:#cfc6ff;letter-spacing:.13em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070718b8;border:1px solid #8b5cff66;padding:8px 13px;font-size:9px;font-weight:700;position:fixed;top:30px;left:50%;transform:translate(-50%)}.mode-chip span{color:#707895;margin-left:8px;font-size:8px}.mode-chip:hover{color:#fff;border-color:#8b5cff}#app[data-mode=hands] .status-chip{bottom:30px}#app[data-mode=hands] .restart-button{bottom:72px}.corner{z-index:2;pointer-events:none;opacity:.5;width:42px;height:42px;position:fixed}.corner-tl{border-top:1px solid #5df5ff;border-left:1px solid #5df5ff;top:15px;left:15px}.corner-tr{border-top:1px solid #5df5ff;border-right:1px solid #5df5ff;top:15px;right:15px}.corner-bl{border-bottom:1px solid #ff3ed8;border-left:1px solid #ff3ed8;bottom:15px;left:15px}.corner-br{border-bottom:1px solid #ff3ed8;border-right:1px solid #ff3ed8;bottom:15px;right:15px}#VRButton{box-shadow:0 0 22px #5df5ff2e;letter-spacing:.11em!important;opacity:1!important;background:#060c1cd1!important;border:1px solid #5df5ff!important;border-radius:2px!important;width:218px!important;padding:9px 12px!important;font:600 11px Chakra Petch!important;bottom:28px!important;left:auto!important;right:30px!important}@media (width<=760px){.brand-panel{width:220px;padding:13px 15px 12px;top:12px;left:12px}.brand-panel h1{font-size:21px}.brand-panel .subtitle{display:none}.score-panel{width:178px;padding:10px 12px 12px;top:86px;right:12px}.timer-wrap strong{font-size:22px}.score-grid{gap:8px 12px;padding-top:9px}.score-grid strong{font-size:12px}.help-panel{display:none}#VRButton{width:170px!important;font-size:9px!important;bottom:86px!important;right:12px!important}#app[data-mode=hands]~#VRButton{bottom:12px!important}.action-dock{max-width:calc(100vw - 24px);bottom:12px}.action-dock button{min-width:0;padding:9px 11px}.action-dock .lock-button{min-width:84px}.action-dock .cancel-button{min-width:32px}.action-dock button span{display:none}.status-chip{text-overflow:ellipsis;text-align:center;max-width:86vw;bottom:69px;overflow:hidden}.restart-button{bottom:108px}.start-card{padding:32px 22px 26px}.start-card>p:not(.eyebrow){font-size:13px}.start-steps{margin:24px 0 21px}.start-steps span{padding:12px 4px;font-size:10px}.mode-card.start-card{padding:30px 18px 24px}.mode-options{grid-template-columns:1fr;gap:8px}.mode-option{min-height:104px;padding:15px 16px}.mode-option .mode-number{margin-bottom:9px}.mode-option small{padding-top:8px}.mode-chip{top:14px;left:auto;right:12px;transform:none}.mode-chip span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}