:root{--bg-color:#F7F5E6;--ink-color:#2A2A2A;--accent-color:#E74C3C;--ui-bg:rgba(255, 255, 255, 0.9);--shadow:0 4px 6px rgba(0, 0, 0, 0.1)}#message-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border:2px solid #2a2a2a;border-radius:10px;text-align:center;box-shadow:5px 5px 0 rgba(0,0,0,.1);z-index:20;pointer-events:auto}#message-overlay h2{margin-top:0;font-family:Kalam,cursive;color:#2a2a2a}#message-overlay button{background:#2a2a2a;color:#fff;border:none;padding:10px 20px;font-size:1.2rem;border-radius:5px;cursor:pointer;font-family:Kalam,cursive}#message-overlay button:hover{transform:scale(1.05)}.hidden{display:none!important}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#fcfbf5;background-image:linear-gradient(#e1e8f0 1px,transparent 1px),linear-gradient(90deg,#e1e8f0 1px,transparent 1px);background-size:20px 20px;font-family:Kalam,cursive,sans-serif;touch-action:none;color:#2c3e50}#game-container{position:relative;width:100%;height:100%}canvas{display:block;width:100%;height:100%;cursor:crosshair}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px}#level-info{font-size:24px;font-weight:700;color:var(--ink-color);background:var(--ui-bg);padding:10px 20px;border-radius:8px;align-self:flex-start;box-shadow:var(--shadow)}#controls{pointer-events:auto;align-self:center;background:var(--ui-bg);padding:10px 20px;border-radius:50px;box-shadow:var(--shadow);display:flex;gap:15px;margin-bottom:20px}.btn{width:50px;height:50px;border-radius:50%;border:none;background:#fff;font-size:24px;color:var(--ink-color);cursor:pointer;transition:transform .1s,background .2s;box-shadow:0 2px 4px rgba(0,0,0,.1);justify-content:center;align-items:center}.btn.active{background:#e3f2fd;transform:scale(.95);border:2px solid #3498db}.btn:active{transform:scale(.95)}.btn:hover{background:#f0f0f0}#btn-play{color:#27ae60;font-size:28px}#btn-clear{color:#e74c3c}#btn-hint{color:#f1c40f}#level-select-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-top:5px solid #3498db;box-shadow:0 10px 25px rgba(0,0,0,.2);text-align:center;border-radius:8px;font-family:Kalam,cursive;width:80%;max-width:600px;max-height:80vh;overflow-y:auto;z-index:100;pointer-events:auto}#level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:15px;margin:20px 0}.level-btn{width:60px;height:60px;border:2px solid #bdc3c7;background:#ecf0f1;border-radius:50%;font-family:Kalam,cursive;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.level-btn:hover{transform:scale(1.1);border-color:#3498db;color:#3498db}.level-btn.locked{opacity:.5;cursor:not-allowed;background:#ddd}.level-btn.current{background:#3498db;color:#fff;border-color:#2980b9}#btn-close-menu{background:#95a5a6;color:#fff;border:none;padding:10px 20px;font-size:1.2rem;border-radius:5px;cursor:pointer}