*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:"Press Start 2P",Courier New,monospace}:root{--tomb-dark: #1b1208;--tomb-mid: #2f2114;--tomb-stone: #4b3522;--tomb-sand: #6a4b2b;--tomb-glow: rgba(255, 210, 130, .18);--tomb-glyph: rgba(255, 222, 160, .12);--tomb-shadow: rgba(0, 0, 0, .65)}body{background-color:var(--tomb-dark)}.app-container{width:100%;height:100%;position:relative}.game-container{width:100%;height:100%;position:absolute;top:0;left:0}.game-container canvas{touch-action:none}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-overlay>*{pointer-events:auto}button{touch-action:manipulation}.main-menu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;color:#e94560}.main-menu,.level-select,.map-editor{position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--tomb-dark);background-image:linear-gradient(135deg,var(--tomb-mid) 0%,var(--tomb-stone) 45%,var(--tomb-dark) 100%)}.main-menu:before,.level-select:before,.map-editor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 2px,transparent 2px 72px),repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 56px);opacity:.35;pointer-events:none}.main-menu:after,.level-select:after,.map-editor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 18% 20%,var(--tomb-glow),transparent 55%),radial-gradient(circle at 82% 28%,rgba(255,198,110,.14),transparent 60%),linear-gradient(180deg,var(--tomb-shadow) 0%,rgba(0,0,0,.15) 35%,rgba(0,0,0,.75) 100%),repeating-linear-gradient(135deg,var(--tomb-glyph) 0 6px,transparent 6px 24px);opacity:.9;pointer-events:none}.main-menu>*,.level-select>*,.map-editor>*{position:relative;z-index:1}.main-menu h1{font-size:2.5rem;margin-bottom:2rem;text-shadow:4px 4px 0 #0f3460;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.main-menu .menu-buttons{display:flex;flex-direction:column;gap:1rem}.menu-button{padding:1rem 2rem;font-size:1rem;font-family:inherit;background:#e94560;color:#1a1a2e;border:none;cursor:pointer;transition:all .2s;image-rendering:pixelated;box-shadow:4px 4px #0f3460}.menu-button:hover{background:#ff6b6b;transform:translate(-2px,-2px);box-shadow:6px 6px #0f3460}.menu-button:active{transform:translate(2px,2px);box-shadow:2px 2px #0f3460}.sound-toggle{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:8px;border:2px solid #e94560;background:#0006;color:#e94560;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px #0f3460;transition:all .2s}.main-menu .sound-toggle{top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right))}.sound-toggle svg{width:22px;height:22px}.sound-toggle:hover{background:#0009;transform:translate(-2px,-2px);box-shadow:5px 5px #0f3460}.sound-toggle:active{transform:translate(1px,1px);box-shadow:2px 2px #0f3460}.sound-toggle.muted{color:#888;border-color:#555}.hud{position:absolute;top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left));display:flex;gap:2rem;color:#fff;font-size:.875rem;text-shadow:2px 2px 0 #000;flex-wrap:wrap}.hud-item{display:flex;align-items:center;gap:.5rem;background:#00000080;padding:.5rem 1rem;border:2px solid #e94560}.touch-controls{position:absolute;left:0;right:0;bottom:calc(.75rem + env(safe-area-inset-bottom));display:none;justify-content:space-between;align-items:flex-end;padding:0 1rem;gap:1rem;z-index:50}.touch-controls.disabled{opacity:.35;pointer-events:none}.touch-cluster{display:flex;gap:.6rem;align-items:center}.touch-btn{min-width:56px;min-height:56px;padding:.4rem .5rem;border-radius:12px;border:2px solid #e94560;background:#0009;color:#fff;font-family:inherit;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:3px 3px #0f3460;-webkit-user-select:none;user-select:none;touch-action:none}.touch-btn.active,.touch-btn:active{background:#e94560;color:#1a1a2e}.god-mode-button{background:#000000b3;color:#888;border:2px solid #555;padding:.4rem .8rem;font-family:inherit;font-size:.625rem;cursor:pointer;transition:all .2s}.god-mode-button:hover{background:#000000e6;border-color:#ff9800;color:#ff9800}.god-mode-button.active{background:#ffd70033;border-color:gold;color:gold;text-shadow:0 0 10px #ffd700}.pause-button{background:#000000b3;color:#fff;border:2px solid #e94560;padding:.4rem .8rem;font-family:inherit;font-size:.625rem;cursor:pointer;transition:all .2s}.pause-button:hover{background:#000000e6;border-color:#ff6b6b;color:#ff6b6b}.pause-button.active{background:#e9456033;border-color:#e94560;color:#e94560;text-shadow:0 0 10px #e94560}.pause-button:disabled{opacity:.6;cursor:default}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:90}.pause-menu{background:#16213e;border:3px solid #e94560;padding:1.5rem;text-align:center;color:#fff;min-width:240px;box-shadow:6px 6px #0f3460;position:relative}.pause-menu h3{color:#e94560;margin-bottom:1rem;font-size:1rem}.pause-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.pause-menu .sound-toggle{top:.5rem;right:.5rem;width:36px;height:36px}.pause-menu .sound-toggle svg{width:18px;height:18px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:#16213e;border:4px solid #e94560;padding:2rem;text-align:center;color:#fff;min-width:300px;box-shadow:8px 8px #0f3460}.modal h2{color:#e94560;margin-bottom:1rem;font-size:1.5rem}.modal .stars{font-size:2rem;margin:1rem 0;letter-spacing:.5rem}.modal .stars .star-filled{color:gold;text-shadow:2px 2px 0 #b8860b}.modal .stars .star-empty{color:#444}.modal .stats{margin:1rem 0;font-size:.875rem}.modal .modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.level-select{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e94560}.level-select h2{font-size:1.5rem;margin-bottom:2rem}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,120px));gap:1rem;max-width:600px;margin-bottom:2rem}.level-card{background:#16213e;border:3px solid #e94560;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.level-card:hover{background:#1f2b47;transform:scale(1.05)}.level-card.draggable{cursor:grab}.level-card.draggable:active{cursor:grabbing}.level-card.dragging{opacity:.6;transform:scale(.98)}.level-card.drag-over{outline:2px dashed #ffd700;outline-offset:-4px}.level-card .level-number{font-size:1.25rem;color:#fff}.level-card .level-stars{font-size:.75rem;color:gold}.level-card .level-stars .star-empty{color:#444}.back-button{margin-top:1rem}.levels-section{margin-bottom:1.5rem}.section-title{font-size:.75rem;color:#888;margin-bottom:.75rem}.level-card .level-name{font-size:.5rem;color:#aaa;text-align:center}.level-card.custom,.level-card.with-actions{position:relative}.level-card.custom{border-color:#4caf50}.level-card.loading{opacity:.7;cursor:wait}.custom-badge{position:absolute;top:-8px;right:-8px;background:#4caf50;color:#fff;font-size:.4rem;padding:2px 4px}.card-actions{position:absolute;top:2px;left:2px;display:flex;gap:2px}.edit-btn,.delete-btn{background:#e94560;color:#fff;border:none;width:18px;height:18px;font-size:12px;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.edit-btn{background:#2196f3}.edit-btn:hover{background:#42a5f5}.delete-btn:hover{background:#ff6b6b}.custom-levels{margin-top:1rem;padding-top:1rem;border-top:2px dashed #333}.map-editor{width:100%;height:100%;display:flex;flex-direction:column;color:#fff;padding:1rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.map-name-input{background:#16213e;border:2px solid #e94560;color:#fff;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;width:200px}.map-name-input:focus{outline:none;border-color:#ff6b6b}.editor-buttons{display:flex;gap:.5rem}.menu-button.small{padding:.5rem 1rem;font-size:.75rem}.editor-toolbar{display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem;background:#0000004d;border:2px solid #333;flex-wrap:wrap}.editor-hints{margin-bottom:.75rem;padding:.5rem;background:#00000059;border:2px solid #3a2a1a;max-height:200px;overflow:auto}.hint-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.hint-help{font-size:.5rem;color:#bda279}.hint-list{display:flex;flex-direction:column;gap:.5rem}.hint-item{border:2px solid #5b4028;background:#1a120c99;padding:.5rem}.hint-item.active{border-color:gold;box-shadow:0 0 8px #ffd70040}.hint-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.55rem;color:#f4d98b}.hint-actions{display:flex;gap:.25rem}.hint-actions button{background:#16213e;color:#f4d98b;border:1px solid #5b4028;padding:.2rem .4rem;font-family:inherit;font-size:.5rem;cursor:pointer;transition:all .2s}.hint-actions button:hover{background:#1f2b47}.hint-textarea{width:100%;background:#0009;border:1px solid #5b4028;color:#fff;padding:.3rem;font-family:inherit;font-size:.5rem;resize:vertical}.hint-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;font-size:.5rem;color:#d2c1a5}.hint-row input{width:80px;background:#16213e;border:1px solid #5b4028;color:#fff;padding:.2rem .3rem;font-family:inherit;font-size:.5rem}.hint-empty{font-size:.5rem;color:#777}.tool-section{display:flex;align-items:center;gap:.5rem}.tool-label{font-size:.625rem;color:#888}.tool-button{padding:.4rem .75rem;font-size:.625rem;font-family:inherit;background:#16213e;color:#fff;border:2px solid #555;cursor:pointer;transition:all .2s}.tool-button:hover{background:#1f2b47}.tool-button.active{color:#fff;border-color:currentColor}.drag-hint{font-size:.5rem;color:#666;font-style:italic}.editor-canvas-container{flex:1;display:flex;justify-content:center;align-items:center;border:2px solid #333;background:#0a0a1a;overflow:hidden}.editor-canvas-container canvas{image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:100%;touch-action:none}.editor-footer{padding:.75rem;text-align:center;background:#e9456026;border:2px solid #e94560;margin-top:.5rem}.editor-footer span{font-size:.625rem;color:#e94560;font-weight:700;letter-spacing:.5px}.menu-button.dev-button{background:#ff9800;color:#000}.menu-button.dev-button:hover{background:#ffb74d}.dev-level-select .dev-warning{font-size:.625rem;color:#ff9800;margin-bottom:1.5rem;text-align:center}.level-card.dev{border-color:#ff9800}.level-card.dev:hover{border-color:#ffb74d}.level-card.dev.loading{opacity:.7;pointer-events:none}.level-card .loading-text{font-size:.5rem;color:#ff9800}.dev-badge{position:absolute;top:-8px;right:-8px;background:#ff9800;color:#000;font-size:.4rem;padding:2px 4px}.level-card.new-level{border-style:dashed;border-color:#4caf50}.level-card.new-level:hover{background:#1a3d1a}.plus-icon{font-size:2rem;color:#4caf50}.map-editor.dev-mode{border:3px solid #ff9800}.dev-mode-badge{background:#ff9800;color:#000;padding:.25rem .5rem;font-size:.625rem;margin-right:1rem}.menu-button.small.dev{background:#ff9800;color:#000}.menu-button.small.dev:hover{background:#ffb74d}@media (pointer: coarse){.touch-controls{display:flex}.menu-button{padding:1rem 1.5rem}.pause-button,.god-mode-button{padding:.6rem .9rem}}@media (max-width: 900px){.main-menu{padding:1.5rem 1rem}.main-menu h1{font-size:1.8rem;text-align:center}.main-menu .menu-buttons{width:100%;align-items:center}.menu-button{width:min(80vw,280px);font-size:.9rem}.level-select{justify-content:flex-start;padding:1.5rem 1rem}.levels-grid{width:100%;max-width:720px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding:0 .5rem}.level-card,.map-editor{padding:.75rem}.editor-header{flex-direction:column;align-items:stretch;gap:.5rem}.editor-buttons{flex-wrap:wrap;justify-content:flex-start}.map-name-input{width:100%}.editor-toolbar{gap:.5rem}.tool-button{padding:.5rem .6rem;font-size:.6rem}.editor-hints{max-height:160px}.editor-canvas-container{min-height:40vh}.editor-footer span{font-size:.5rem}.hud{gap:.75rem;font-size:.75rem}.hud-item{padding:.4rem .6rem}}@media (max-width: 600px){.main-menu h1{font-size:1.5rem}.menu-button{width:min(88vw,260px)}.level-select h2{font-size:1.25rem}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}