*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a12;font-family:Segoe UI,system-ui,sans-serif;color:#e0e0e0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.level-select{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;min-height:100vh;width:100%}.level-select-header{position:sticky;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#030207;width:100%;box-sizing:border-box;border-bottom:1px solid rgb(235,158,218)}.background-presence{position:fixed;top:0;left:0;z-index:0;cursor:pointer;pointer-events:auto}.level-select h1{position:relative;z-index:1;font-size:48px;font-weight:300;color:#ffbf00;margin-bottom:10px}.level-select .subtitle{position:relative;z-index:1;font-size:14px;opacity:.5;margin-bottom:20px}.level-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:700px}.level-card{background:#12121e;border:2px solid #1a1a2e;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;min-width:200px;position:relative}.level-card:hover:not(.locked){border-color:#ffbf00;transform:translateY(-2px)}.level-card.locked{opacity:.5;cursor:not-allowed}.level-card.completed{border-color:#4aff4a40}.level-card .completion-badge{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#4aff4a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#0a0a12}.level-card .lock-icon{position:absolute;top:10px;right:10px;font-size:18px;opacity:.5}.level-card h3{font-size:16px;font-weight:500;margin-bottom:8px;color:#ffbf00}.level-card p{font-size:12px;opacity:.6;line-height:1.5;margin-bottom:12px}.level-card .goals{font-size:11px;opacity:.4}.level-card .goals span{margin-right:12px}.level-card .goals .data-goal{color:#4a9eff}.level-card .goals .currency-goal{color:gold}.level-card .goals .resonance-goal{color:#fff}.game-screen{display:flex;flex-direction:column;align-items:center}.level-header{display:grid;grid-template-columns:1fr 220px;gap:20px;margin-bottom:5px;width:100%;max-width:1340px;align-items:center}.level-header-left{display:flex;align-items:center;justify-content:center;gap:20px;grid-column:1;min-width:0}.level-header-right{grid-column:2;display:flex;gap:10px;align-items:center;justify-content:flex-end}.level-header h2{font-size:18px;font-weight:400;color:#ffbf00}.level-header .level-desc{font-size:12px;opacity:.5}.back-btn{background:none;border:1px solid #2a2a4e;color:#e0e0e0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.back-btn:hover{border-color:#ffbf00;color:#ffbf00}.pause-btn{background:none;border:1px solid #2a2a4e;color:#e0e0e0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.pause-btn:hover:not(:disabled){border-color:#ffbf00;color:#ffbf00}.pause-btn:disabled{opacity:.5;cursor:not-allowed}.landscape-controls{display:none}.stats-sidebar{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.stats-bubble-consolidated{display:flex;flex-direction:column;gap:15px;padding:5px;background:#12121e;border-radius:8px;border:1px solid #1a1a2e}.stats-separate{display:none}.stats-group{display:flex;flex-direction:column;gap:8px}.stats-group-header{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;opacity:.7;margin-bottom:5px;padding-left:5px;color:#ffbf00}.stats-section{padding:15px;background:#12121e;border-radius:8px;border:1px solid #1a1a2e}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:2px}.stat{display:flex;flex-direction:column;align-items:center}.stat:last-child{margin-bottom:0}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:4px}.stat-value{font-size:24px;font-weight:300}.stat-value-container{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-available{font-size:10px;opacity:.5;letter-spacing:.5px}.stat-available.unwinnable{color:#f44;opacity:.9;font-weight:600}.stat-value.influence{color:#0ff}.stat-value.data{color:#4a9eff}.stat-value.currency{color:gold}.stat-value.attention{color:#4aff4a}.stat-value.tentacles{color:#b84aff}.stat-value.resonance{color:#fff}.game-layout{display:grid;grid-template-columns:1fr 220px;grid-template-rows:auto 1fr;gap:20px;max-width:1340px;margin:0 auto}.game-container{position:relative;grid-column:1;grid-row:1 / span 2}.stats-sidebar{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:15px;margin-bottom:0}.game-sidebar{grid-column:2;grid-row:2;display:flex;flex-direction:column;width:220px;gap:0;margin-top:-5px;align-self:start}.canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}.game-canvas{border:2px solid #1a1a2e;border-radius:8px;cursor:crosshair;display:block;touch-action:none;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.message-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a12cc;opacity:0;pointer-events:none;transition:opacity .3s;border-radius:8px}.message-overlay.show{opacity:1;pointer-events:auto}.message-overlay h2{font-size:36px;font-weight:300;margin-bottom:20px}.message-overlay.won h2{color:#4aff4a}.message-overlay.lost h2{color:#ff4a4a}.message-overlay button{padding:12px 30px;background:#1a1a2e;border:2px solid #2a2a4e;border-radius:8px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s;margin:5px}.message-overlay button:hover{border-color:#ffbf00;color:#ffbf00}.message-overlay button.primary{background:#ffbf00;border-color:#ffbf00;color:#0a0a12}.message-overlay button.primary:hover{background:#e6ac00}.world-unlocked{margin-top:20px;padding:15px 20px;background:#ffbf0026;border:1px solid #ffbf00;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px;animation:unlockPulse 2s ease-in-out infinite}@keyframes unlockPulse{0%,to{box-shadow:0 0 10px #ffbf004d}50%{box-shadow:0 0 20px #ffbf0099}}.world-unlocked-text{color:#ffbf00;font-size:16px;font-weight:500}.world-unlocked button{padding:8px 20px;background:transparent;border:1px solid #ffbf00;color:#ffbf00}.world-unlocked button:hover{background:#ffbf00;color:#0a0a12}.message-overlay.level-intro{background:#0a0a12f2}.message-overlay.level-intro.fading{opacity:0;transition:opacity .5s ease-out}.message-overlay.level-intro h2{color:#ffbf00;font-size:42px;margin-bottom:15px}.level-intro-desc{color:#b0b0b0;font-size:16px;margin-bottom:30px;max-width:500px;text-align:center;line-height:1.5}.level-goals{display:flex;flex-direction:column;gap:12px;margin-top:20px}.goal-item{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#ffbf001a;border:1px solid rgba(255,191,0,.3);border-radius:6px;min-width:300px}.goal-label{color:#ffbf00;font-size:14px;font-weight:500}.goal-value{color:#fff;font-size:18px;font-weight:600}.pause-hint{margin-top:25px;color:#888;font-size:14px;font-style:italic}.audio-controls{display:flex;gap:10px;justify-content:center;width:287px;flex-shrink:0}.audio-control-group{position:relative;display:flex;align-items:center}.audio-toggle{width:40px;height:40px;background:#1a1a2e;border:2px solid #2a2a4e;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.audio-toggle:hover{border-color:#ffbf00;transform:scale(1.05)}.audio-toggle.enabled{border-color:#4aff4a;background:#1a2e1a}.audio-toggle.disabled{border-color:#ff4a4a;background:#2e1a1a;opacity:.7}.volume-slider-container{position:absolute;top:0;left:42px;background:#1a1a2e;border:2px solid #ffbf00;border-radius:8px;padding:10px 15px;display:flex;align-items:center;gap:10px;z-index:100;white-space:nowrap;box-shadow:0 4px 12px #00000080}.volume-slider{width:100px;height:4px;background:#2a2a4e;outline:none;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#ffbf00;border-radius:50%;cursor:pointer;transition:all .2s}.volume-slider::-webkit-slider-thumb:hover{background:#e6ac00;transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#ffbf00;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.volume-slider::-moz-range-thumb:hover{background:#e6ac00;transform:scale(1.2)}.volume-label{color:#ffbf00;font-size:12px;font-weight:600;min-width:35px;text-align:right}.power-bar{display:flex;flex-direction:column;gap:8px;padding:5px;background:#12121e;border-radius:8px;border:1px solid #1a1a2e}.power-btn{position:relative;padding:12px 15px;background:#1a1a2e;border:1px solid #2a2a4e;border-radius:6px;color:#e0e0e0;cursor:pointer;transition:all .2s;font-size:13px;overflow:hidden;width:100%}.power-btn .fill{position:absolute;left:0;top:0;bottom:0;background:#00ffff20;transition:width .3s;pointer-events:none}.power-btn .content{position:relative;z-index:1;text-align:left}.power-btn:hover:not(:disabled){background:#2a2a4e;border-color:#0ff}.power-btn:disabled{opacity:.4;cursor:not-allowed}.power-btn.active{background:#0ff;color:#0a0a12;border-color:#0ff}.power-btn.active .fill{background:transparent}.power-btn.affordable{border-color:#00ffff60}.power-hotkey{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;background:#00ffff20;border:1px solid #00ffff40;border-radius:3px;font-size:11px;font-weight:700;margin-right:8px;color:#0ff}.power-btn.active .power-hotkey{background:#0a0a1280;border-color:#0a0a12;color:#0a0a12}.power-cost{font-size:10px;opacity:.7;display:block;margin-top:4px}.power-btn.restart{border-color:#ff6b6b40}.power-btn.restart:hover{border-color:#ff6b6b;color:#ff6b6b}.world-card{min-height:140px;display:flex;flex-direction:column}.world-title{font-size:14px;font-weight:400;color:#b0b0b0;margin-bottom:6px}.world-card p{flex-grow:1}.world-progress{font-size:11px;opacity:.5;margin-top:8px;color:#4aff4a}.world-progress.locked-requirement{color:#c6f;opacity:.8}.custom-card{background:linear-gradient(135deg,#2a1a3e,#1a1228);border-color:#b84aff;min-height:140px;box-shadow:0 0 20px #b84aff26}.custom-card h3{color:#b84aff}.custom-card:hover{border-color:#d86aff;box-shadow:0 0 30px #b84aff4d;transform:translateY(-2px)}.custom-level-card{position:relative}.delete-custom-level{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#ff4a4a;border:none;border-radius:50%;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center}.delete-custom-level:hover{background:#ff6b6b;transform:scale(1.1)}.empty-custom-levels{text-align:center;padding:60px 40px;opacity:.6}.empty-custom-levels p{margin-bottom:10px;font-size:14px}.level-select-top-actions{position:relative;z-index:1;display:flex;gap:15px;margin-bottom:30px;justify-content:center}.level-select-actions{position:relative;z-index:1;display:flex;gap:15px;margin-bottom:20px;justify-content:center}.button-group{display:flex;gap:10px}.back-button,.import-button,.editor-link{padding:10px 20px;background:#1a1a2e;border:2px solid #2a2a4e;border-radius:8px;color:#e0e0e0;font-size:13px;cursor:pointer;transition:all .2s}.discord-button{padding:6px 12px;background:#5865f2;border:1px solid #E0E3FF;border-radius:8px;color:#e0e3ff;font-size:13px;cursor:pointer;transition:all .2s}.back-button:hover,.import-button:hover,.editor-link:hover,.discord-button:hover{border-color:#ffbf00;color:#ffbf00;transform:translateY(-1px)}.discord-img{width:120px;height:auto}.import-button{border-color:#b84aff40}.import-button:hover{border-color:#b84aff;color:#b84aff}.editor-link{border-color:#00ffff40}.editor-link:hover{border-color:#0ff;color:#0ff}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait),(min-width:769px)and (max-width:1024px)and (orientation:landscape)and (min-height:600px),(max-width:768px)and (orientation:portrait){.game-layout{flex-direction:column;gap:15px;align-items:center}.game-container{width:100%;max-width:100%;order:2}.game-sidebar{width:100%;max-width:600px;order:1}.stats-sidebar{flex-direction:row;flex-wrap:wrap;gap:10px}.stats-bubble-consolidated{display:none}.stats-separate{display:flex;flex-direction:column;gap:10px;width:100%}.stats-section{flex:1;min-width:150px}.level-header{grid-template-columns:1fr;gap:10px}.level-header-left{grid-column:1}.level-header-right{grid-column:1;justify-content:center}.power-bar{flex-direction:row;flex-wrap:wrap;gap:8px}.power-btn{flex:1;min-width:120px}.level-header{flex-direction:column;gap:10px;align-items:stretch}.level-header-left{flex-direction:column;align-items:stretch}.audio-controls{width:100%;justify-content:center}.canvas-container{max-height:60vh}}@media(max-width:768px)and (orientation:portrait){.level-select-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:10px;column-gap:15px;align-items:center}.level-select-header .button-group{grid-column:1;grid-row:1;justify-self:start}.level-select-header .audio-controls{grid-column:2;grid-row:1;justify-self:end}.level-select-header h1{grid-column:1 / -1;grid-row:2;justify-self:center;margin:0}}@media(max-width:768px){body{font-size:14px}.game-screen{padding:5px}.level-header{margin-bottom:5px}.level-header h2{font-size:16px}.level-header .level-desc{font-size:11px}.back-btn{padding:8px 12px;font-size:11px}.stats-sidebar{margin-bottom:5px}.stats-section{padding:8px}.stat-value{font-size:18px}.stat-label{font-size:9px}.section-label{font-size:9px;margin-bottom:6px}.power-btn{padding:12px 10px;font-size:11px;min-width:100px;min-height:48px}.power-hotkey{width:16px;height:16px;line-height:16px;font-size:10px}.power-cost{font-size:9px}.game-canvas{border-width:1px}.level-select h1{font-size:36px}.level-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-width:100%;padding:0 10px}.level-card{min-width:150px;padding:15px}.level-card h3{font-size:14px}.level-card p{font-size:11px}.message-overlay h2{font-size:28px}.message-overlay button{padding:12px 24px;font-size:13px}}@media(max-width:480px){.game-screen{padding:0}.level-header h2{font-size:13px}.level-header .level-desc{font-size:10px}.back-btn{padding:6px 10px;font-size:10px}.stat-value{font-size:15px}.stat-label{font-size:7px}.power-btn{font-size:10px;padding:8px 6px}.power-cost{font-size:8px}.level-select h1{font-size:28px}.level-grid{grid-template-columns:1fr;gap:12px;width:100%;max-width:400px}.level-card{min-width:unset;width:100%}.message-overlay h2{font-size:24px}.level-intro-desc{font-size:13px;max-width:90%}.goal-item{min-width:220px;padding:8px 16px}.goal-label{font-size:11px}.goal-value{font-size:15px}}@media(max-width:768px)and (orientation:portrait){.game-screen{padding:0;height:100vh;width:100vw;max-width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.level-header{padding:5px 8px;margin-bottom:0;flex-shrink:0;width:100%;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.level-header-left{grid-column:2;min-width:0;text-align:center;justify-self:center}.level-header-left h2{font-size:14px}.level-header-left .level-desc{font-size:10px}.level-header-right{display:contents}.level-header-right .back-btn{grid-column:1;grid-row:1}.level-header-right .pause-btn{grid-column:3;grid-row:1}.level-header-right .audio-controls{display:none}.game-layout{flex:1;min-height:0;gap:0;padding:0;flex-direction:column;display:flex;width:100%;max-width:100%;box-sizing:border-box}.game-sidebar{width:100%;max-width:none;display:contents}.stats-sidebar{order:1;margin:0;padding:0;flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box}.stats-separate{display:grid!important;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;gap:4px;padding:4px;width:100%;box-sizing:border-box}.stats-group{display:contents}.stats-group-header{display:none}.stats-data{grid-column:1 / span 3;grid-row:1}.stats-currency{grid-column:4 / span 3;grid-row:1}.stats-resonance{grid-column:5 / span 2;grid-row:1}.stats-sidebar.has-resonance .stats-data{grid-column:1 / span 2}.stats-sidebar.has-resonance .stats-currency{grid-column:3 / span 2}.stats-attention{grid-column:1 / span 2;grid-row:2}.stats-tentacles{grid-column:3 / span 2;grid-row:2}.stats-influence{grid-column:5 / span 2;grid-row:2}.stats-section{padding:4px 6px;box-sizing:border-box;min-width:0}.stat{margin-bottom:0}.stat-label{font-size:8px;margin-bottom:2px}.stat-value{font-size:16px}.game-container{order:2;flex:1;min-height:0;width:100%;max-width:100%;padding:0;margin:0;box-sizing:border-box}.canvas-container{width:100%;max-width:100%;height:100%;max-height:none;padding:0;margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.game-canvas{transform:rotate(90deg);transform-origin:center center}.power-bar{order:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;padding:4px;margin:0;flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box}.power-bar .section-label{grid-column:1 / -1;margin:0 0 2px;padding:2px;text-align:center;font-size:9px}.power-btn{width:100%;min-height:58px;max-height:58px;padding:2px;font-size:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.power-btn .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.power-btn .power-hotkey{width:12px;height:12px;line-height:12px;font-size:8px;margin:0}.power-btn .power-cost{font-size:7px;margin:0}.power-btn.restart{grid-column:1 / -1;min-height:44px;max-height:44px}}@media(max-width:1024px)and (orientation:landscape)and (max-height:500px){body:has(.game-screen){overflow:hidden}#root:has(.game-screen){min-height:100vh!important;height:100vh!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;margin:0!important}.game-screen{padding:0;margin:0;width:100vw;height:100vh;display:grid;grid-template-columns:140px 1fr 140px;grid-template-rows:100vh;overflow:hidden}.level-header{display:none}.game-layout{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:140px 1fr 140px;grid-template-rows:100vh;gap:0;height:100vh;margin:0;padding:0}.stats-sidebar{grid-column:1!important;grid-row:1!important;width:140px!important;min-width:140px!important;max-width:140px!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:4px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#12121e!important}.game-sidebar{grid-column:3!important;grid-row:1!important;width:140px!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:4px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#12121e!important}.landscape-controls{display:flex!important;flex-direction:column;gap:4px}.landscape-controls-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.landscape-back,.landscape-pause{width:100%;padding:6px 4px;font-size:10px;box-sizing:border-box}.landscape-pause{font-size:14px}.landscape-controls .audio-controls{display:flex;justify-content:center;gap:4px;width:100%}.landscape-controls .audio-toggle{width:32px;height:32px;font-size:14px}.power-bar{width:100%!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important;margin:0!important;flex:1}.stats-group{display:flex;flex-direction:column;gap:6px}.stats-group-header{font-size:9px;margin-bottom:2px;padding-left:3px}.stats-section{padding:6px 8px;background:transparent;border:none;border-bottom:1px solid #1a1a2e;border-radius:0}.stats-section:last-child{border-bottom:none}.stat{margin-bottom:4px}.stat-label{font-size:8px}.stat-value{font-size:16px}.game-container{grid-column:2!important;grid-row:1!important;min-width:0;height:100%;padding:0;margin:0}.canvas-container{width:100%;height:100%;max-height:none;padding:0;margin:0}.power-btn{width:100%;min-height:48px;padding:8px 6px;font-size:10px}.power-hotkey{width:14px;height:14px;line-height:14px;font-size:9px}.power-cost{font-size:8px}.power-btn.restart{margin-top:5px}}@media(hover:none)and (pointer:coarse){.game-canvas,.power-btn,.level-card{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}