*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:auto;padding:10px;margin:0}#gameContainer{position:relative;background:#1a1a1a;border-radius:8px;padding:15px;box-shadow:0 0 40px #00ffff1a;transition:transform .1s;width:100%;max-width:min(95vw,1200px);height:100%;max-height:min(95vh,900px);overflow:auto;display:flex;flex-direction:column;justify-content:center}#gameContainer::-webkit-scrollbar{width:10px;height:10px}#gameContainer::-webkit-scrollbar-track{background:#1a1a1a}#gameContainer::-webkit-scrollbar-thumb{background:#444;border-radius:5px}#gameContainer::-webkit-scrollbar-thumb:hover{background:#555}canvas{border:2px solid #333;cursor:crosshair;display:block;image-rendering:crisp-edges;position:relative;z-index:1}.ui-overlay{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.ink-meter{display:flex;align-items:center;gap:10px}.ink-bar{width:150px;height:20px;background:#222;border:2px solid #444;border-radius:10px;overflow:hidden;position:relative}.ink-fill{height:100%;background:linear-gradient(90deg,#0ff,#08f);transition:width .1s ease-out;box-shadow:0 0 10px #00ffff80}.ink-fill.low{background:linear-gradient(90deg,#f44,red);animation:pulse .5s infinite}.ink-fill.bonus{background:linear-gradient(90deg,#0f0,#0ff);box-shadow:0 0 15px #00ff00b3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.score{font-size:20px;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.5)}.combo{position:absolute;top:70px;right:30px;font-size:18px;color:#ff0;opacity:0;transition:opacity .3s}.combo.active{opacity:1;animation:comboFlash .5s}.combo.speed-bonus{color:#0f0}@keyframes comboFlash{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.menu{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(0,100,200,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(0,255,255,.05) 0%,transparent 50%),#08080cfa;display:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;z-index:200;padding:15px;overflow-y:auto;box-sizing:border-box}.menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.02) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(0,150,255,.02) 50%,transparent 70%);pointer-events:none;z-index:-1}#mainMenu{gap:clamp(12px,2vh,20px);max-width:100%;width:100%;justify-content:center;align-items:center;padding:clamp(10px,2vh,20px) 0;min-height:100%}.main-menu-content{display:flex;flex-direction:column;align-items:center;gap:clamp(15px,2.5vh,30px);width:100%;max-width:600px}.menu-section{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.5vh,20px);width:100%}@media (max-height: 700px){#mainMenu{gap:clamp(8px,1.5vh,15px);padding:clamp(5px,1vh,15px) 0}.main-menu-content{gap:clamp(10px,2vh,20px)}.menu-section{gap:clamp(8px,1vh,15px)}}@media (max-width: 768px){.main-menu-content{max-width:95%;gap:clamp(12px,2vh,25px)}}.menu h1{font-size:clamp(36px,10vw,64px)!important;margin:0 0 clamp(20px,3vh,30px) 0!important;padding:clamp(10px,2vh,20px) 0!important;text-transform:uppercase;letter-spacing:clamp(3px,.8vw,8px);color:#0ff!important;background:none!important;-webkit-text-fill-color:#00ffff!important;text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.6),3px 3px 6px rgba(0,0,0,.8)!important;line-height:1.2!important;font-weight:900!important;position:relative;z-index:100!important;display:block!important;text-align:center;width:100%;opacity:1!important;visibility:visible!important}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.menu-button{padding:clamp(12px,2.5vh,18px) clamp(24px,5vw,48px);font-size:clamp(14px,2.5vw,20px);background:linear-gradient(135deg,#0ff,#08f,#0af);background-size:200% 200%;border:2px solid transparent;border-radius:35px;color:#000;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);text-transform:uppercase;letter-spacing:clamp(1px,.3vw,3px);box-shadow:0 6px 25px #0ff6,inset 0 1px #fff3;min-height:48px;min-width:140px;position:relative;overflow:hidden}.menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.menu-button:hover:before{left:100%}.menu-button:hover{transform:translateY(-3px) scale(1.02);background-position:100% 0%;box-shadow:0 8px 35px #0ff9,0 4px 15px #00ffff4d,inset 0 1px #ffffff4d;border-color:#00ffff4d}.menu-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 20px #0ff6,inset 0 1px #fff3}.game-over{text-align:center}.game-over h2{font-size:36px;margin-bottom:20px;color:#f44}.game-over .final-score{font-size:24px;margin-bottom:10px}.game-over .high-score{font-size:18px;color:#0ff;margin-bottom:30px}.instructions{text-align:center;max-width:100%;line-height:1.5;color:#bbb;font-size:clamp(13px,2.2vw,17px);margin:clamp(8px,1.5vh,15px) 0;background:#0003;padding:clamp(12px,2vh,20px);border-radius:12px;border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-info{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.level-indicator{font-size:16px;color:#0ff;font-weight:700;pointer-events:none;text-shadow:0 0 5px rgba(0,255,255,.5)}.tips{font-size:14px;color:#666;margin-top:20px;font-style:italic}.controls-section{margin:clamp(12px,2.5vh,25px) 0;text-align:center;width:100%;background:#0000004d;border-radius:15px;padding:clamp(15px,2.5vh,25px);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-section h3{color:#0ff;margin-bottom:clamp(12px,2vh,20px);font-size:clamp(16px,3vw,22px);text-shadow:0 0 10px rgba(0,255,255,.8);font-weight:700;letter-spacing:clamp(1px,.2vw,2px)}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.5vw,15px);max-width:100%;margin:0 auto}@media (max-width: 600px){.controls-grid{grid-template-columns:1fr;gap:clamp(6px,1vh,12px)}}@media (max-height: 700px){.controls-grid{gap:clamp(6px,1vh,10px)}}.control-group{background:linear-gradient(135deg,#00326433,#00142833);border:1px solid rgba(0,255,255,.4);border-radius:12px;padding:clamp(12px,2vh,18px);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.control-group:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.6),transparent);opacity:0;transition:opacity .3s ease}.control-group:hover{border-color:#0ff9;transform:translateY(-2px);box-shadow:0 4px 15px #0ff3}.control-group:hover:before{opacity:1}.control-title{font-weight:800;color:#fff;font-size:clamp(13px,2.2vw,16px);margin-bottom:clamp(4px,.8vh,8px);text-shadow:0 0 5px rgba(0,255,255,.3)}.control-desc{font-size:clamp(11px,1.8vw,14px);color:#ccc;line-height:1.3;font-weight:500}.menu-buttons{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,15px);align-items:center;width:100%;max-width:100%}.difficulty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0;max-width:600px}.difficulty-card:nth-child(5),.difficulty-card:nth-child(6){max-width:280px;margin:0 auto}.difficulty-card:nth-child(5){grid-column:1}.difficulty-card:nth-child(6){grid-column:2}.difficulty-card{background:linear-gradient(135deg,#333,#222);border:2px solid #555;border-radius:15px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center}.difficulty-card:hover{border-color:#0ff;box-shadow:0 0 20px #00ffff4d;transform:translateY(-5px)}.difficulty-card h3{margin:0 0 10px;font-size:18px;color:#fff}.difficulty-card p{margin:0;font-size:14px;color:#aaa;line-height:1.4}.impossible-card{background:linear-gradient(135deg,#600,#300,#000)!important;border:2px solid #ff0000!important;position:relative;overflow:hidden}.impossible-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,100,0,.1) 0%,transparent 50%);animation:chaosGlow 2s ease-in-out infinite alternate;pointer-events:none}.impossible-card:hover{border-color:#f44!important;box-shadow:0 0 30px #f009,inset 0 0 20px #ff00001a!important;transform:translateY(-8px) scale(1.02)!important}.impossible-card h3{color:#f44!important;text-shadow:0 0 10px rgba(255,0,0,.8);animation:impossiblePulse 1.5s ease-in-out infinite}@keyframes chaosGlow{0%{opacity:.3}to{opacity:.7}}@keyframes impossiblePulse{0%,to{text-shadow:0 0 10px rgba(255,0,0,.8)}50%{text-shadow:0 0 20px rgba(255,0,0,1),0 0 30px rgba(255,100,0,.5)}}.achievements-list{max-width:500px;margin:20px 0}.achievement-item{background:#222;border:1px solid #444;border-radius:10px;padding:15px;margin:10px 0;display:flex;align-items:center;gap:15px}.achievement-item.unlocked{border-color:#0f0;background:linear-gradient(135deg,#030,#222)}.achievement-icon{font-size:24px;width:40px;text-align:center}.achievement-info h4{margin:0 0 5px;color:#fff;font-size:16px}.achievement-info p{margin:0;color:#aaa;font-size:14px}.back-button{margin-top:20px}.setting-item{margin:20px 0;text-align:center}.setting-item label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;cursor:pointer;color:#fff}.setting-item input[type=checkbox]{width:20px;height:20px;accent-color:#00ffff}.pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#ffffff4d;pointer-events:none;z-index:5}.particle{position:absolute;pointer-events:none;border-radius:50%;animation:particleFade 1s forwards}@keyframes particleFade{to{transform:translateY(-30px);opacity:0}}@media (max-width: 768px){#gameContainer{padding:8px;max-width:98vw;max-height:98vh}.ui-overlay{top:15px;left:15px;right:15px}.ink-bar{width:100px}.score{font-size:16px}.instructions{font-size:clamp(11px,2.5vw,14px)}}@media (max-width: 480px){body{padding:5px}#gameContainer{padding:5px;border-radius:4px}.menu{padding:8px;gap:8px}#mainMenu{gap:8px}}@media (max-height: 500px){.menu h1{font-size:clamp(20px,5vw,32px);margin-bottom:5px}.controls-section{margin:5px 0}.menu-buttons{gap:6px}.control-group{padding:6px}}