@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:"Press Start 2P",Courier New,monospace;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#0a0a0a;color:#c8ff00}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2}p{line-height:1.6}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;transition:all .3s ease}@font-face{font-family:Fusion Pixel;src:url(/brainstorm/assets/fusion-pixel-12px-monospaced-zh_hans-Bh5i1o8p.ttf) format("truetype");font-weight:400;font-style:normal}.app{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;background:#0a0a0a;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app.canvas-fullscreen .game-header,.app.canvas-fullscreen .sidebar{display:none}.app.canvas-fullscreen .game-layout{grid-template-columns:1fr!important}.app.canvas-fullscreen .game-content{height:100vh}.app.canvas-fullscreen .game-layout,.app.canvas-fullscreen .main-area{height:100vh!important}.app.canvas-fullscreen .main-area:before{display:none}.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.game-overlay{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;pointer-events:none;overflow:hidden}.game-overlay>*{pointer-events:auto}.game-header{background:#0a0a0a;padding:20px 30px;border-bottom:2px solid #1a1a1a;position:sticky;top:0;z-index:100}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:30px}.header-right{display:flex;align-items:center;gap:20px}.brush-selector{display:flex;gap:0;background:#141414;border:1px solid #2a2a2a;width:210px;height:70px;min-width:210px;max-width:210px;min-height:70px;max-height:70px;box-sizing:border-box}.brush-btn{flex:1;padding:0;font-size:24px;border:none;border-right:1px solid #2a2a2a;cursor:pointer;transition:all .2s ease;background:transparent;color:#666;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;display:flex;align-items:center;justify-content:center;height:100%}.brush-btn:last-child{border-right:none}.brush-btn:hover{background:#1a1a1a;color:#fff}.brush-btn.active{background:#c8ff00;color:#000}.title{transition:opacity .2s ease,transform .2s ease}.stat-label{transition:opacity .2s ease}.language-switch{display:flex;flex-direction:column;gap:0;background:#141414;border:1px solid #2a2a2a;padding:0;position:relative;width:70px;height:70px;min-width:70px;max-width:70px;min-height:70px;max-height:70px;cursor:pointer;overflow:hidden;box-sizing:border-box;align-items:stretch;justify-content:stretch}.language-switch .slider{position:absolute;top:0;height:50%;background:#c8ff00;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0;width:100%}.language-switch[data-active=en] .slider{top:0}.language-switch[data-active=zh] .slider{top:50%}.lang-btn{padding:0;font-size:10px;border:none;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;background:transparent;color:#666;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;width:100%;flex:1;text-align:center;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.language-switch[data-active=en] .lang-btn:first-child,.language-switch[data-active=zh] .lang-btn:last-child{color:#000}.title{font-size:16px;font-weight:400;margin:0;color:#c8ff00;letter-spacing:2px;text-transform:uppercase;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace}.game-stats{display:flex;gap:20px}.stat-item{background:#141414;padding:0;border:1px solid #2a2a2a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:70px;height:70px;min-width:70px;max-width:70px;min-height:70px;max-height:70px;box-sizing:border-box}.stat-value{font-size:18px;color:#fff;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;line-height:1}.stat-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;transition:opacity .2s ease;text-align:center;line-height:1}.combo-display{position:fixed;bottom:20px;right:20px;background:#c8ff00;padding:12px 24px;display:flex;flex-direction:column;align-items:center;animation:comboSlideIn .4s cubic-bezier(.34,1.56,.64,1);z-index:150;pointer-events:none;border:2px solid #ffffff;box-shadow:0 0 20px #c8ff0080}.combo-display.fade-out{animation:comboSlideOut .3s ease-out forwards}.combo-number{font-size:24px;color:#000}.combo-text{font-size:10px;color:#000;text-transform:uppercase;margin-top:8px}.combo-display.combo-5{background:#fff;animation:bounce .5s ease-out,pulse .8s ease-in-out infinite}.combo-display.combo-7{background:#c8ff00;animation:bounce .5s ease-out,pulse .6s ease-in-out infinite}.combo-display.combo-10{background:#fff;animation:bounce .5s ease-out,pulse .4s ease-in-out infinite}.game-content{flex:1;display:flex;padding:0;overflow:hidden}.game-layout{display:grid;grid-template-columns:1fr 280px;width:100%;height:var(--main-area-height, calc(100vh - 80px) );transition:grid-template-columns .3s ease;overflow:hidden}.game-layout.sidebar-closed{grid-template-columns:1fr 50px}.main-area{display:flex;align-items:flex-end;justify-content:flex-end;flex:1;height:95%;overflow:hidden;position:relative;cursor:crosshair;padding:0;box-sizing:border-box}.main-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed rgba(200,255,0,.2);margin:10px;pointer-events:none}.exit-fullscreen-overlay{position:absolute;top:20px;right:20px;background:#141414b3;border:1px solid #2a2a2a;color:#c8ff00;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;font-size:24px;line-height:1;padding:8px 16px;cursor:pointer;transition:all .2s ease;z-index:100;opacity:.5}.exit-fullscreen-overlay:hover{background:#141414e6;opacity:1;border-color:#c8ff00}.sidebar{background:#0a0a0a;border-left:2px solid #1a1a1a;height:calc(100vh - 80px);position:sticky;top:80px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:all .3s ease}.sidebar.closed .game-controls{display:none}.sidebar.closed .sidebar-fullscreen-toggle{display:flex}.game-controls{flex:1;overflow-y:auto;overflow-x:hidden}.game-controls::-webkit-scrollbar{display:none}.game-controls{-ms-overflow-style:none;scrollbar-width:none}.sidebar-toggle{background:#141414;border:1px solid #2a2a2a;color:#c8ff00;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;font-size:20px;line-height:1;padding:10px;height:48px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-left:none;border-right:none}.sidebar-toggle:hover{background:#c8ff00;color:#000;border-color:#c8ff00}.sidebar-fullscreen-toggle{background:#141414;border:1px solid #2a2a2a;color:#c8ff00;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;font-size:20px;line-height:1;padding:14px 10px 10px;height:48px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-left:none;border-right:none;border-top:none}.sidebar-fullscreen-toggle:hover{background:#c8ff00;color:#000;border-color:#c8ff00}.sidebar::-webkit-scrollbar{display:none}.sidebar{-ms-overflow-style:none;scrollbar-width:none}.controls-panel{padding:25px 20px}.control-section{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #1a1a1a}.control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-section h4{font-size:14px;font-weight:400;margin:0 0 20px;color:#666;text-transform:uppercase;letter-spacing:2px;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;transition:opacity .2s ease}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;font-size:12px;margin-bottom:10px;color:#999;text-transform:uppercase;letter-spacing:1px;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;transition:opacity .2s ease;min-height:16px}.control-with-value{display:flex;align-items:center;gap:12px}.control-slider{flex:1;height:4px;background:#1a1a1a;outline:none;-webkit-appearance:none}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#c8ff00;cursor:pointer;border:none}.control-slider::-webkit-slider-thumb:hover{background:#fff}.control-value{background:#141414;padding:6px 10px;border:1px solid #2a2a2a;font-size:12px;color:#fff;min-width:40px;text-align:center;text-transform:uppercase;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace}.color-picker{width:100%;height:40px;padding:0;border:1px solid #2a2a2a;background:#141414;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:0}.checkboxes{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;background:#141414;border:1px solid #2a2a2a;transition:all .2s ease}.checkbox-label:hover{background:#1a1a1a;border-color:#c8ff00}.checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#c8ff00}.checkbox-label span{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;transition:all .2s ease;min-height:16px}.checkbox-label:hover span{color:#fff}.language-buttons{display:flex;gap:10px}.language-btn{flex:1;padding:12px 10px;font-size:12px;border:1px solid #2a2a2a;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;background:#141414;color:#999;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace}.language-btn:hover{background:#1a1a1a;border-color:#c8ff00;color:#fff}.language-btn.active{background:#c8ff00;color:#000;border-color:#c8ff00}.button-section{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px;padding-bottom:20px}.action-button{padding:15px 12px;font-size:12px;border:1px solid #2a2a2a;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;background:#141414;color:#999;font-family:Fusion Pixel,"Press Start 2P",Courier New,monospace;min-height:48px}.action-button:hover{background:#c8ff00;color:#000;border-color:#c8ff00}.achievement-popup{position:fixed;top:100px;right:20px;z-index:1000;animation:slideIn .5s ease-out}.achievement-content{background:#141414;padding:20px;border:2px solid #c8ff00;min-width:260px;color:#fff;text-align:center}.achievement-icon{font-size:24px;margin-bottom:10px;color:#c8ff00}.achievement-title{font-size:8px;margin-bottom:8px;color:#666;text-transform:uppercase;letter-spacing:1px}.achievement-name{font-size:10px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;color:#c8ff00}.achievement-description{font-size:8px;color:#999;text-transform:uppercase;letter-spacing:.5px;line-height:1.5}.achievements-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.achievements-content{background:#0a0a0a;padding:30px;border:2px solid #2a2a2a;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #2a2a2a}.achievements-header h2{font-size:12px;color:#c8ff00;margin:0;text-transform:uppercase;letter-spacing:2px}.close-button{font-size:20px;background:none;border:1px solid #2a2a2a;color:#666;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",Courier New,monospace}.close-button:hover{background:#c8ff00;color:#000;border-color:#c8ff00}.achievements-list{margin-bottom:25px}.achievement-item{display:flex;align-items:flex-start;gap:12px;padding:15px;margin-bottom:10px;border:1px solid #2a2a2a;background:#141414}.achievement-item.unlocked{background:#1a1a1a;border-color:#c8ff00}.achievement-item.locked{opacity:.5}.achievement-item .achievement-icon{font-size:18px;margin-bottom:0;color:#c8ff00}.achievement-item.locked .achievement-icon{color:#666}.achievement-info h4{font-size:9px;color:#fff;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.achievement-item.locked .achievement-info h4{color:#666}.achievement-info p{font-size:7px;color:#999;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.achievement-date{font-size:6px;color:#c8ff00;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.achievements-stats{background:#141414;padding:15px;text-align:center;border:1px solid #2a2a2a}.achievements-stats p{font-size:8px;color:#999;margin:5px 0;text-transform:uppercase;letter-spacing:1px}@keyframes slideIn{0%{transform:translate(300px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes comboSlideIn{0%{transform:translate(50px,50px) scale(.5);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes comboSlideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(30px,30px) scale(.8);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 1024px){.game-layout{grid-template-columns:1fr;gap:0;height:auto}.game-content{flex-direction:column;overflow:hidden}.main-area{height:calc(100vh - 200px);min-height:200px}.sidebar{position:relative;top:0;height:120px;max-height:120px;border-left:none;border-top:2px solid #1a1a1a}}@media (max-width: 768px){.game-header{padding:15px 20px}.header-content{flex-direction:column;gap:15px}.title{font-size:14px}.game-stats{gap:10px}.stat-item{padding:8px 12px;min-width:70px}.stat-value{font-size:16px}.stat-label{font-size:10px}.controls-panel{padding:20px 15px}.button-section{grid-template-columns:1fr;gap:10px}.combo-display{padding:15px 30px}.combo-number{font-size:20px}.combo-text{font-size:12px}}