*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#060b11;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game-canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;touch-action:none}#hud{position:fixed;top:6px;left:0;right:0;display:flex;justify-content:center;gap:16px;font-family:Courier New,monospace;font-size:13px;color:#a0c8dcd9;pointer-events:none;z-index:10;white-space:nowrap}#hud span{display:inline-block;width:10ch;text-align:center;background:#060b1199;padding:4px 8px;border-radius:8px}#hud span:before{font-size:10px;opacity:.6;margin-right:3px}#hud-cells:before{content:"CELLS "}#hud-chromos:before{content:"CHR "}#hud-level:before{content:""}#toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;text-align:center}.toast{font-family:Courier New,monospace;font-size:14px;color:#c0d8e8;background:#060b11d9;padding:10px 20px;border-radius:8px;border:1px solid rgba(80,200,255,.2);opacity:0;animation:toast-in .3s ease forwards}.toast.fade-out{animation:toast-out .5s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}#tutorial-overlay{position:fixed;inset:0;background:#060b11eb;display:flex;align-items:center;justify-content:center;z-index:100}#tutorial-overlay.hidden{display:none}#tutorial-content{text-align:center;color:#c0d8e8;font-family:Courier New,monospace}#tutorial-content p{font-size:18px;margin-bottom:24px;line-height:1.6}#tutorial-start{font-family:Courier New,monospace;font-size:16px;color:#40d8ff;background:transparent;border:1px solid rgba(64,216,255,.4);border-radius:8px;padding:12px 36px;cursor:pointer;transition:background .2s}#tutorial-start:hover{background:#40d8ff1a}#reset-btn{position:fixed;bottom:16px;right:16px;width:44px;height:44px;font-size:22px;color:#506070;background:#060b11b3;border:1px solid rgba(80,96,112,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent}#confirm-dialog{position:fixed;inset:0;background:#060b11d9;display:flex;align-items:center;justify-content:center;z-index:200}#confirm-dialog.hidden{display:none}#confirm-box{text-align:center;color:#c0d8e8;font-family:Courier New,monospace;background:#141e2df2;border:1px solid rgba(80,200,255,.2);border-radius:12px;padding:28px 36px}#confirm-box p{font-size:16px;margin-bottom:20px}#confirm-box button{font-family:Courier New,monospace;font-size:14px;color:#c0d8e8;background:transparent;border:1px solid rgba(80,200,255,.3);border-radius:6px;padding:8px 24px;margin:0 8px;cursor:pointer}#confirm-box button:hover{background:#40d8ff1a}#rotate-warning{position:fixed;inset:0;background:#060b11;display:flex;align-items:center;justify-content:center;z-index:300}#rotate-warning p{font-family:Courier New,monospace;font-size:18px;color:#506070}@media(orientation:landscape)and (max-height:500px){#rotate-warning{display:flex!important}}@media(orientation:portrait),(min-height:501px){#rotate-warning{display:none!important}}