*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#eef4fa;color:#333;font-family:Press Start\ 2P,monospace;image-rendering:pixelated;min-height:100vh}.pixel-border{border:4px solid #bdbdbd;box-shadow:inset -4px -4px 0 0 #0003,inset 4px 4px 0 0 #ffffff55}.app{display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100vh;padding-bottom:12px}.page-content{flex:1 1;overflow-y:auto;padding:12px}.card{background:#fff;border:4px solid #bdbdbd;box-shadow:inset -4px -4px 0 0 #00000022,inset 4px 4px 0 0 #ffffff88,8px 8px 0 0 #00000022;margin-bottom:12px;padding:16px}@media (max-width:480px){.app{max-width:100%}.page-content{padding:8px}}.header{align-items:center;background:#1e88e5;border:4px solid #bdbdbd;box-shadow:inset -4px -4px 0 0 #00000022,inset 4px 4px 0 0 #ffffff88,8px 8px 0 0 #00000022;display:flex;justify-content:center;margin-bottom:12px;padding:14px 16px}.header h1{color:#fff;font-size:12px;text-shadow:2px 2px 0 #0d47a1}.pixel-btn{border:4px solid #bdbdbd;box-shadow:inset -4px -4px 0 0 #0003,inset 4px 4px 0 0 #ffffff55,4px 4px 0 0 #bdbdbd;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:10px;padding:10px 16px;position:relative;text-transform:uppercase;transition:transform .05s}.pixel-btn:active{box-shadow:inset -4px -4px 0 0 #0003,inset 4px 4px 0 0 #ffffff55;transform:translate(4px,4px)}.pixel-btn.blue,.pixel-btn.red{background:#1e88e5;color:#fff;text-shadow:2px 2px 0 #0d47a1}.pixel-btn.green{background:#43a047;color:#fff;text-shadow:2px 2px 0 #1b5e20}.pixel-btn.yellow{background:#fff;color:#1e88e5;text-shadow:1px 1px 0 #90caf9}.pixel-btn.gray{background:#b0bec5;color:#fff;text-shadow:2px 2px 0 #78909c}.pixel-btn:disabled{cursor:not-allowed;opacity:.5}.pixel-btn:disabled:active{box-shadow:inset -4px -4px 0 0 #0003,inset 4px 4px 0 0 #ffffff55,4px 4px 0 0 #bdbdbd;transform:none}.welcome-overlay{align-items:center;animation:fadeIn .3s;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.welcome-box{animation:popIn .4s ease-out;background:#fff;border:6px solid #bdbdbd;box-shadow:inset -4px -4px 0 0 #00000022,inset 4px 4px 0 0 #ffffff88,12px 12px 0 0 #0003;max-width:380px;padding:28px 24px;text-align:center;width:90%}.welcome-title{color:#1e88e5;font-size:24px;line-height:1.8;margin-bottom:28px;text-shadow:1px 1px 0 #bdbdbd,2px 2px 0 #bdbdbd,3px 3px 0 #bdbdbd}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes glow{0%{box-shadow:0 0 4px #43a047}to{box-shadow:0 0 16px #43a047}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.metronome-section{text-align:center}.bpm-area{align-items:center;display:flex;gap:12px;justify-content:center;margin:12px 0}.bpm-value{color:#1e88e5;font-size:36px;min-width:120px;text-shadow:3px 3px 0 #0d47a1}.bpm-label{color:#888;font-size:8px;margin-top:4px}.bpm-slider-wrap{margin:8px 0 4px;width:100%}.bpm-slider{-webkit-appearance:none;background:#ddd;border:3px solid #bdbdbd;cursor:pointer;height:12px;outline:none;width:100%}.bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#1e88e5;border:3px solid #bdbdbd;box-shadow:inset -2px -2px 0 #0d47a1,inset 2px 2px 0 #64b5f6;cursor:pointer;height:24px;width:24px}.slider-labels{color:#999;display:flex;font-size:7px;justify-content:space-between}.subdiv-row{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.subdiv-btn{background:#f0f0f0;border:4px solid #bdbdbd;box-shadow:inset -3px -3px 0 #00000022,inset 3px 3px 0 #ffffff88,4px 4px 0 #bdbdbd;color:#555;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:10px;padding:12px 14px;transition:transform .05s}.subdiv-btn:active{box-shadow:inset -3px -3px 0 #00000022,inset 3px 3px 0 #ffffff88;transform:translate(4px,4px)}.subdiv-btn.active{background:#1e88e5;border-color:#0d47a1;box-shadow:inset -3px -3px 0 #1565c0,inset 3px 3px 0 #42a5f5,4px 4px 0 #bdbdbd;color:#fff;text-shadow:2px 2px 0 #0d47a1}.beat-indicators{display:flex;gap:12px;justify-content:center;margin:16px 0 20px}.beat-group{align-items:flex-end;display:flex;gap:4px}.beat-ind{background:#e0e0e0;border:3px solid #bdbdbd}.beat-ind.main{height:24px;width:24px}.beat-ind.sub{background:#e8e8e8;border-color:#888;border-width:2px;height:14px;width:14px}.beat-ind.main.active{background:#64b5f6;box-shadow:0 0 8px #64b5f6}.beat-ind.accent.active{background:#43a047;box-shadow:0 0 12px #43a047}.beat-ind.sub.active{background:#90caf9;border-color:#1e88e5;box-shadow:0 0 6px #90caf9}.tap-area{margin:16px 0}.tap-button{align-items:center;background:#43a047;border:6px solid #bdbdbd;box-shadow:inset -6px -6px 0 #2e7d32,inset 6px 6px 0 #66bb6a,6px 6px 0 #bdbdbd;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Press Start\ 2P,monospace;font-size:10px;gap:6px;height:120px;justify-content:center;margin:0 auto;text-shadow:2px 2px 0 #1b5e20;transition:transform .05s;width:120px}.tap-button:active{box-shadow:inset -6px -6px 0 #2e7d32,inset 6px 6px 0 #66bb6a;transform:translate(6px,6px)}.tap-button .tap-icon{font-size:28px}.tap-feedback{animation:popIn .2s;font-size:14px;font-weight:700;margin-top:8px;min-height:24px}.tap-feedback.perfect{color:#43a047}.tap-feedback.great{color:#1e88e5}.tap-feedback.good{color:#90caf9;text-shadow:1px 1px 0 #aaa}.tap-feedback.miss{color:#b0bec5}.stats-row{display:flex;gap:8px;margin:8px 0}.stat-box{background:#f8f8f8;border:3px solid #bdbdbd;flex:1 1;padding:10px 6px;text-align:center}.stat-box .stat-val{color:#1e88e5;font-size:16px;text-shadow:1px 1px 0 #0d47a1}.stat-box .stat-label{color:#555;font-size:9px;margin-top:6px}.timer-display{color:#333;font-size:24px;letter-spacing:2px;margin:16px 0;text-align:center}.controls-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.controls-row .pixel-btn{font-size:14px;padding:16px 40px}.reward-popup{animation:popIn .3s;background:#e8f5e9;border:4px solid #43a047;box-shadow:6px 6px 0 #0003;color:#2e7d32;font-size:9px;left:50%;padding:12px 20px;position:fixed;text-align:center;top:80px;transform:translateX(-50%);z-index:200}.reward-popup .reward-sticks{color:#43a047;font-size:14px;margin-top:4px}.studio-section{text-align:center}.studio-title{color:#1e88e5;font-size:11px;margin-bottom:12px;text-shadow:2px 2px 0 #0d47a1}.room-grid{grid-gap:2px;aspect-ratio:6/5;background:#bbdefb;border:4px solid #bdbdbd;box-shadow:inset 0 0 0 2px #90caf9;display:grid;gap:2px;grid-template-columns:repeat(6,1fr);margin-bottom:12px;padding:4px}.room-cell{align-items:center;aspect-ratio:1;background:#f0f6ff;border:2px solid #90caf9;cursor:pointer;display:flex;font-size:22px;justify-content:center;position:relative;transition:background .1s}.room-cell:hover{background:#bbdefb}.room-cell.has-item{background:#fff;border-color:#64b5f6}.room-cell .remove-x{color:#1e88e5;display:none;font-size:8px;position:absolute;right:3px;top:1px}.room-cell:hover .remove-x{display:block}.shop-title{color:#1e88e5;font-size:9px;margin-bottom:8px}.shop-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.shop-item{background:#fff;border:3px solid #bdbdbd;box-shadow:3px 3px 0 #00000022;cursor:pointer;padding:8px 4px;text-align:center;transition:transform .05s}.shop-item:active{box-shadow:none;transform:translate(3px,3px)}.shop-item.owned{background:#e8f5e9;border-color:#43a047}.shop-item .item-icon{font-size:24px;margin-bottom:4px}.shop-item .item-name{color:#555;font-size:6px;margin-bottom:4px}.shop-item .item-price{color:#1e88e5;font-size:7px}.shop-item.owned .item-price{color:#43a047}.placing-msg{animation:glow 1s ease infinite alternate;background:#e8f5e9;border:3px solid #43a047;color:#2e7d32;font-size:7px;margin-bottom:8px;padding:8px}.records-section{text-align:center}.records-title{color:#43a047;font-size:11px;margin-bottom:12px;text-shadow:2px 2px 0 #1b5e20}.summary-cards{display:flex;gap:6px;margin-bottom:12px}.summary-card{background:#fff;border:3px solid #bdbdbd;box-shadow:4px 4px 0 #00000022;flex:1 1;padding:10px 6px;text-align:center}.summary-card .sum-val{color:#1e88e5;font-size:14px;text-shadow:1px 1px 0 #0d47a1}.summary-card .sum-label{color:#888;font-size:6px;margin-top:4px}.record-day{background:#fff;border:3px solid #bdbdbd;box-shadow:4px 4px 0 #00000022;margin-bottom:8px;padding:12px;text-align:left}.record-day .day-date{border-bottom:2px solid #eee;color:#1e88e5;font-size:8px;margin-bottom:8px;padding-bottom:6px}.record-session{align-items:center;border-bottom:1px dashed #eee;display:flex;font-size:7px;gap:10px;padding:6px 0}.record-session:last-child{border-bottom:none}.session-bpm{background:#e3f2fd;border:2px solid #90caf9;color:#1e88e5;font-size:7px;padding:3px 6px}.session-acc{color:#43a047}.session-dur{color:#888}.no-records{color:#aaa;font-size:9px;padding:40px 0}.no-records .no-icon{font-size:40px;margin-bottom:12px}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.flash{animation:flash .3s}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-8{margin-bottom:8px}.mic-status-area{padding:8px 0;text-align:center}.mic-off-box{padding:12px;text-align:center}.mic-big-btn{display:flex!important;font-size:14px!important;gap:14px;padding:28px 16px!important;width:100%}.drum-hit-display,.mic-big-btn{align-items:center;justify-content:center}.drum-hit-display{border:6px solid #bdbdbd;box-shadow:inset -4px -4px 0 #00000022,inset 4px 4px 0 #ffffff44,4px 4px 0 #bdbdbd;display:flex;flex-direction:column;height:120px;margin:0 auto 8px;width:120px}.vol-meter-wrap{align-items:center;display:flex;gap:8px;margin:12px 0 8px}.vol-meter-label{color:#888;font-size:7px;min-width:60px;text-align:right;white-space:nowrap}.vol-meter-bg{background:#e0e0e0;border:3px solid #bdbdbd;flex:1 1;height:12px;overflow:hidden}.vol-meter-fill{height:100%;transition:width .05s linear}.vol-meter-val{color:#333;font-size:7px;min-width:30px}.sensitivity-wrap{margin:8px 0}.sensitivity-labels{color:#aaa;display:flex;font-size:6px;justify-content:space-between;margin-top:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eef4fa}::-webkit-scrollbar-thumb{background:#90caf9;border:2px solid #bdbdbd}
/*# sourceMappingURL=main.092676bc.css.map*/