*{box-sizing:border-box;margin:0;padding:0}body{background:#0b0e1a;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Nunito,sans-serif;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}#back-link{position:fixed;top:12px;left:12px;color:#fff9;text-decoration:none;font-size:.85rem;font-family:Inter,sans-serif;z-index:100;background:#0006;padding:6px 12px;border-radius:20px;transition:color .2s}#back-link:hover{color:#fff}#mute-btn{position:fixed;top:12px;right:12px;background:#0006;border:none;color:#fff;font-size:1.2rem;padding:6px 10px;border-radius:20px;cursor:pointer;z-index:100}#game-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(460px,100vw);padding:60px 20px 20px;position:relative}#hud{display:flex;gap:28px;color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.05em}#hud-level{color:#54a0ff;font-weight:900;font-size:1rem}#hud-score span,#hud-best span{color:#ffd32a}.status-msg{height:28px;font-size:1rem;font-weight:700;color:#ffd32a;text-align:center;letter-spacing:.03em;transition:opacity .3s}#simon-board{position:relative;width:min(320px,80vw);height:min(320px,80vw)}.quad{position:absolute;width:46%;height:46%;border-radius:8px;cursor:pointer;transition:filter .1s;border:3px solid rgba(0,0,0,.4)}.quad:active{filter:brightness(1.6)!important}#q0{top:0;left:0;background:#27ae60;border-radius:50% 8px 8px}#q1{top:0;right:0;background:#e74c3c;border-radius:8px 50% 8px 8px}#q2{bottom:0;left:0;background:#f39c12;border-radius:8px 8px 8px 50%}#q3{bottom:0;right:0;background:#2980b9;border-radius:8px 8px 50%}.quad.dim{filter:brightness(.3)}.quad.lit{filter:brightness(1.7);box-shadow:0 0 30px 8px currentColor}#center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24%;height:24%;background:#0b0e1a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.1);pointer-events:none}#center-icon{font-size:1.4rem}#center-label{font-size:.45rem;color:#fff6;letter-spacing:.1em;margin-top:2px}#progress-row{height:20px}#progress-dots{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:320px}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:background .2s}.dot.done{background:#0be881}.dot.active{background:#ffd32a;transform:scale(1.3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:20}.overlay-box{text-align:center;color:#fff;padding:32px 44px;background:#0f0f1efa;border-radius:20px;border:2px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #000000b3}.overlay-emoji{font-size:4rem;margin-bottom:12px}.overlay-box h1{font-size:2rem;font-weight:900;margin-bottom:10px;color:#ffd32a}.overlay-box h2{font-size:1.8rem;font-weight:900;margin-bottom:12px}.overlay-box p{font-size:1rem;color:#fffc;margin-bottom:6px;line-height:1.6}.overlay-box p strong{color:#54a0ff}.overlay-box .sub{font-size:.85rem;color:#ffffff80}.best-label{color:#ffffff80!important;font-size:.85rem!important}.btn-primary{margin-top:20px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;border:none;padding:14px 40px;border-radius:50px;cursor:pointer;box-shadow:0 4px 20px #2ecc7166;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2ecc7199}.btn-primary:active{transform:translateY(0)}