*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}body{background:radial-gradient(circle at 50% 50%,#1a0030,#0a0015,#000);display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Courier New,monospace;overflow:hidden;padding:10px}#root{width:100%;max-width:1284px}.game-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;max-width:1284px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(135deg,#0a001ef2,#1e0032f2);border:2px solid #00ffff;border-radius:8px;box-shadow:0 0 20px #00ffff4d;transition:all .3s ease;width:1280px;box-sizing:border-box;min-height:70px}.header.dim1{border-color:#0ff;box-shadow:0 0 20px #00ffff80}.header.dim2{border-color:#f0f;box-shadow:0 0 20px #ff00ff80}.header.dim3{border-color:#0f0;box-shadow:0 0 20px #00ff0080}.header.dim4{border-color:#fa0;box-shadow:0 0 20px #ffaa0080}.title{flex:0 0 auto;min-width:180px}.title h1{color:#0ff;font-size:30px;letter-spacing:2px;margin:0;font-weight:700;text-shadow:0 0 15px #00ffff,0 0 30px #ff00ff,0 0 45px #00ffff;animation:pulse 2s ease-in-out infinite;transition:all .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.title h1.dim2{color:#f0f;text-shadow:0 0 15px #ff00ff,0 0 30px #ff00ff}.title h1.dim3{color:#0f0;text-shadow:0 0 15px #00ff00,0 0 30px #00ff00}.title h1.dim4{color:#fa0;text-shadow:0 0 15px #ffaa00,0 0 30px #ffaa00}.title p{color:#aaa;font-size:14px;margin-top:2px;text-shadow:0 0 5px rgba(255,255,255,.5);font-weight:700}.button-container{display:flex;gap:8px}.header-button{color:#0ff;font-size:18px;background:linear-gradient(135deg,#0a001ef2,#1e0032f2);padding:8px 12px;border:2px solid #00ffff;border-radius:6px;box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #00ffff1a;cursor:pointer;transition:all .3s ease;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:6px}.header-button svg{display:inline-block;vertical-align:middle}.header-button:hover{background:linear-gradient(135deg,#1e0032fa,#320046fa);box-shadow:0 0 25px #00ffff80;transform:scale(1.05)}.header-stats{display:flex;gap:12px;margin:0 15px;padding:0 15px;border-left:2px solid rgba(0,255,255,.3);border-right:2px solid rgba(0,255,255,.3)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{color:#888;font-size:12px;font-weight:700;letter-spacing:1px}.stat-value{color:#0ff;font-size:27px;font-weight:700;text-shadow:0 0 10px currentColor;transition:all .3s ease}.stat-value.dim1{color:#0ff}.stat-value.dim2{color:#f0f}.stat-value.dim3{color:#0f0}.stat-value.dim4{color:#fa0}.header-rules{flex:1;display:flex;align-items:center;gap:8px;margin-right:15px;padding:6px 12px;background:#0000004d;border-radius:6px;border:1px solid rgba(0,255,255,.2);min-width:200px;max-width:400px}.rules-label-inline{color:#aaa;font-size:14px;font-weight:700;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center}.rules-list-inline{display:flex;flex-wrap:wrap;gap:4px;flex:1;overflow:hidden}.rule-badge{display:inline-block;padding:3px 8px;background:#00000080;border:1px solid;border-radius:3px;color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-shadow:0 0 5px currentColor;box-shadow:0 0 8px #0ff3}.game-container{position:relative;border:2px solid rgba(0,255,255,.3);border-radius:12px;overflow:hidden;box-shadow:0 0 60px #0ff6,0 0 90px #8a2be24d,inset 0 0 40px #00ffff1a;transition:all .3s ease;background:#000;width:1280px;height:768px;line-height:0;font-size:0}.game-container canvas{display:block;width:1280px!important;height:768px!important;max-width:1280px;max-height:768px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:0;padding:0}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scanline 4s linear infinite;z-index:1000;pointer-events:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(76800%)}}.game-container.dim1{border-color:#0ff9;box-shadow:0 0 60px #0ff9,0 0 90px #8a2be280}.game-container.dim2{border-color:#f0f9;box-shadow:0 0 60px #f0f9,0 0 90px #8a2be280}.game-container.dim3{border-color:#0f09;box-shadow:0 0 60px #0f09,0 0 90px #00c80080}.game-container.dim4{border-color:#fa09;box-shadow:0 0 60px #fa09,0 0 90px #ffc80080}.hud{display:flex;justify-content:space-between;gap:10px;padding:8px 15px;background:linear-gradient(135deg,#0a001ef2,#1e0032f2);border:2px solid #00ffff;border-radius:8px;box-shadow:0 0 20px #00ffff4d;transition:all .3s ease;width:700px;box-sizing:border-box}.hud.dim2{border-color:#f0f;box-shadow:0 0 20px #ff00ff80}.hud.dim3{border-color:#0f0;box-shadow:0 0 20px #00ff0080}.hud.dim4{border-color:#fa0;box-shadow:0 0 20px #ffaa0080}.hud-item{flex:1;text-align:center;padding:6px;background:linear-gradient(135deg,#140028cc,#28003ccc);border-radius:4px;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 10px #0ff3}.hud-label{color:#888;font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.hud-value{color:#0ff;font-size:21px;font-weight:700;margin-top:3px;text-shadow:0 0 8px #00ffff;transition:all .3s ease}.hud-value.dim2{color:#f0f;text-shadow:0 0 8px #ff00ff}.hud-value.dim3{color:#0f0;text-shadow:0 0 8px #00ff00}.hud-value.dim4{color:#fa0;text-shadow:0 0 8px #ffaa00}.rules-display{padding:10px 15px;background:linear-gradient(135deg,#0a001ef2,#1e0032f2);border:2px solid #00ffff;border-radius:8px;box-shadow:0 0 20px #00ffff4d;transition:all .3s ease;min-height:50px;width:700px;box-sizing:border-box}.rules-display.dim2{border-color:#f0f;box-shadow:0 0 20px #ff00ff80}.rules-display.dim3{border-color:#0f0;box-shadow:0 0 20px #00ff0080}.rules-display.dim4{border-color:#fa0;box-shadow:0 0 20px #ffaa0080}.rules-label{color:#888;font-size:18px;text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-bottom:6px}.rules-content{min-height:20px}.rule-item{display:inline-block;background:linear-gradient(135deg,#140028e6,#28003ce6);padding:5px 10px;margin:3px;border:1px solid;border-radius:4px;font-size:20px;font-weight:700;animation:ruleGlow 2s ease-in-out infinite}@keyframes ruleGlow{0%,to{opacity:1}50%{opacity:.7}}.rule-noun{color:#0ff}.rule-is{color:#fff}.rule-property{color:#0f0}.overlay{position:fixed;inset:0;background:#000c;z-index:199;display:none}.overlay.visible{display:block}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:15px;background:linear-gradient(135deg,#0a001efa,#1e0032fa);padding:20px;border:2px solid #00ffff;border-radius:10px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 0 40px #00ffff80,inset 0 0 20px #00ffff1a;z-index:200;display:none;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal.visible{display:block}.modal h3{margin:0 0 12px;color:#0ff;text-shadow:0 0 8px #00ffff,0 0 16px #00ffff;font-size:18px;letter-spacing:2px;text-align:center}.modal p{margin:6px 0;line-height:1.4;font-size:15px}.modal .section{margin-top:12px;padding-top:8px;border-top:1px solid #333}.close-button{position:absolute;top:12px;right:12px;color:#f0f;font-size:30px;font-weight:700;cursor:pointer;background:none;border:none;transition:all .2s ease}.close-button:hover{color:#ff69b4;transform:scale(1.2)}.key{background:linear-gradient(135deg,#1a0030,#2a0040);padding:3px 6px;border-radius:3px;border:1px solid #00ffff;color:#0ff;font-size:15px;font-weight:700;box-shadow:0 0 4px #00ffff80}.highlight{color:#f0f;font-weight:700;text-shadow:0 0 4px #ff00ff;font-size:15px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.level-button{width:70px;height:70px;background:linear-gradient(135deg,#140028e6,#28003ce6);border:2px solid #00ffff;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative}.level-button:hover:not(.locked){transform:scale(1.05);box-shadow:0 0 15px #00ffff80}.level-button.locked{border-color:#666;cursor:not-allowed;opacity:.5}.level-button.locked:hover{transform:none;box-shadow:none}.level-button.completed{border-color:#0f0;box-shadow:0 0 10px #00ff004d}.level-button.completed:hover{box-shadow:0 0 15px #00ff0080}.level-number{font-size:30px;font-weight:700;color:#0ff;text-shadow:0 0 8px #00ffff}.level-button.locked .level-number{color:#666;text-shadow:none}.level-button.completed .level-number{color:#0f0;text-shadow:0 0 8px #00ff00}.level-status{font-size:12px;margin-top:3px;color:#aaa}.level-button.completed .level-status{color:#0f0}body:has(.level-editor){display:block!important;align-items:initial!important;justify-content:initial!important;padding:0!important;overflow:hidden!important}body:has(.level-editor) #root{max-width:none!important;width:100vw!important;height:100vh!important}.level-editor{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0a0a0a;color:#fff;overflow:hidden;position:fixed;top:0;left:0}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(to right,#1a1a1a,#2a2a2a);border-bottom:2px solid #00FFFF;box-shadow:0 4px 12px #0ff3}.editor-header h1{margin:0;font-size:2.25rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.close-btn{padding:.5rem 1rem;background:#ef4444;border:2px solid #DC2626;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.close-btn svg{display:inline-block;vertical-align:middle}.close-btn:hover{background:#dc2626;box-shadow:0 0 12px #ef444480}.editor-content{display:flex;flex:1;overflow:hidden}.editor-sidebar{width:250px;background:#1a1a1a;border-right:2px solid #333;overflow-y:auto;padding:1rem}.editor-main{flex:1;display:block;padding:0;overflow:auto;position:relative}.entity-palette,.word-palette{margin-bottom:2rem}.entity-palette h3,.word-palette h3{margin:0 0 1rem;color:#0ff;font-size:1.65rem;text-transform:uppercase;letter-spacing:2px}.word-section{margin-bottom:1.5rem}.word-section h4{margin:0 0 .5rem;color:#f0f;font-size:1.35rem}.palette-items{display:flex;flex-direction:column;gap:.5rem}.palette-item{padding:.75rem;background:#2a2a2a;border:2px solid #444;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s;font-size:1.275rem;text-align:left;display:flex;align-items:center;gap:.5rem}.palette-item:hover{background:#3a3a3a;border-color:#0ff;box-shadow:0 0 8px #00ffff4d}.palette-item.selected{background:#0ff;color:#000;border-color:#0ff;font-weight:700;box-shadow:0 0 12px #0ff9}.entity-icon{display:flex;align-items:center;justify-content:center;color:#0ff;transition:transform .2s ease}.palette-item:hover .entity-icon{transform:scale(1.15);color:#0ff}.palette-item.selected .entity-icon{color:#0ff;filter:drop-shadow(0 0 4px rgba(0,255,255,.8))}.entity-icon svg{stroke-width:2.5}.entity-label{font-size:1.125rem;text-transform:uppercase}.editor-canvas{cursor:crosshair;box-shadow:0 8px 32px #000c;margin:1rem}.editor-canvas-wrapper{display:inline-block;vertical-align:top}.canvas-entity,.canvas-word{transition:transform .1s}.canvas-entity:hover,.canvas-word:hover{transform:scale(1.1);z-index:10}.dimension-selector{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a1a1a;border:2px solid #333;border-radius:8px;margin:0 1rem 1rem;width:fit-content}.dimension-label{color:#0ff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.dimension-btn{padding:.75rem 1.5rem;background:#2a2a2a;border:2px solid #444;border-radius:4px;color:#666;cursor:pointer;font-size:1.65rem;font-weight:700;transition:all .2s;min-width:50px}.dimension-btn:hover{background:#3a3a3a}.dimension-btn.active{background:#000;box-shadow:0 0 16px currentColor;transform:scale(1.1)}.dimension-info{margin-left:auto;color:#888;font-size:1.35rem}.editor-toolbar{display:flex;gap:1rem;padding:1rem 2rem;background:#1a1a1a;border-top:2px solid #333;justify-content:space-between}.toolbar-group{display:flex;gap:.5rem}.editor-toolbar button{padding:.75rem 1.5rem;background:#2a2a2a;border:2px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:1.35rem;font-weight:700;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.editor-toolbar button svg{display:inline-block;vertical-align:middle}.editor-toolbar button:hover:not(:disabled){background:#3a3a3a;border-color:#0ff;box-shadow:0 0 8px #00ffff4d}.editor-toolbar button:disabled{opacity:.3;cursor:not-allowed}.test-btn{background:#10b981!important;border-color:#059669!important}.test-btn:hover:not(:disabled){background:#059669!important;box-shadow:0 0 12px #10b98180!important}.validation-panel{margin-top:2rem;padding:1rem;background:#1a1a1a;border:2px solid #333;border-radius:8px}.validation-panel h3{margin:0 0 1rem;color:#0ff;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px}.validation-success{padding:.75rem;background:#10b9811a;border:2px solid #10B981;border-radius:4px;color:#10b981;font-weight:700}.validation-error{padding:.75rem;background:#ef44441a;border:2px solid #EF4444;border-radius:4px;color:#ef4444;font-weight:700}.validation-section{margin-top:1rem}.validation-section h4{margin:0 0 .5rem;color:#888;font-size:1.275rem;text-transform:uppercase}.validation-section ul{margin:0;padding-left:1.5rem;list-style:none}.validation-item{padding:.5rem;margin-bottom:.5rem;border-radius:4px;font-size:1.275rem}.validation-item.error{background:#ef44441a;color:#ef4444}.validation-item.warning{background:#fbbf241a;color:#fbbf24}.validation-item.info{background:#00ffff0d;color:#0ff}.editor-sidebar::-webkit-scrollbar{width:8px}.editor-sidebar::-webkit-scrollbar-track{background:#1a1a1a}.editor-sidebar::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.editor-sidebar::-webkit-scrollbar-thumb:hover{background:#0ff}