@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Orbitron,sans-serif}body{background:radial-gradient(circle at center,#ecdd8b,#99139e,#030364);overflow:hidden;animation:pulseBackground 20s infinite linear}@keyframes pulseBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.container:before{content:"";position:fixed;position:absolute;width:200%;height:200%;background:url(https://www.transparenttextures.com/patterns/stardust.png);animation:driftStars 60s linear infinite;z-index:0;perspective:1000px}@keyframes driftStars{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}.box-panel{width:350px;min-height:480px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto repeat(3,1fr)auto;gap:15px;padding:40px;background:linear-gradient(135deg,#1b0034,#3f0d7e,#8e44ad);border-radius:24px;box-shadow:0 0 35px #fff3,0 0 60px #8a2be266,inset 0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .4 ease-in-out;z-index:1;position:relative}.box{display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:900;border-radius:12px;cursor:pointer;color:#402194;text-shadow:0 0 6px rgba(255,255,255,.6),0 0 12px rgba(255,255,255,.4);background-clip:padding-box;overflow:hidden;transform-style:preserve-3d}.clicked{border:3px solid #fff;box-shadow:0 0 15px #fffc,0 0 30px #fff9,0 0 45px #fff6;transition:box-shadow .3s ease}.box:hover{transform:scale(1.08);box-shadow:0 0 20px #fff6}.box.red{background:linear-gradient(135deg,#db3737,#f5c8af)}.box.yellow{background:linear-gradient(135deg,#e9f74e,#e3feff)}.box.pink{background:linear-gradient(135deg,#d15d04,#fcdf38)}.box.cyan{background:linear-gradient(135deg,#6270ed,#38f9d7)}.box.purple{background:linear-gradient(135deg,#cb9ff7,#771dab)}.box.green{background:linear-gradient(135deg,#4ee833,#85f4f8)}.box.maroon{background:linear-gradient(135deg,#c01229,#f996ea)}.box.blue{background:linear-gradient(135deg,#2815cd,#d1f9f8)}.btnpanel{grid-column:1/-1;display:flex;justify-content:center;gap:20px;margin-top:12px}.btn{padding:14px 28px;border:none;border-radius:30px;background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 0 15px #ff6ec499;transition:all .3 ease}#confirmQuit{padding:10px 18px;border:none;border-radius:30px;background:linear-gradient(135deg,#1a800f,#73f575);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 0 15px #ff6ec499;transition:all .3 ease}#cancelQuit{padding:13px 23px;border:none;border-radius:30px;background:linear-gradient(135deg,#cf0b07,#9a0d0b);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 0 15px #ff6ec499;transition:all .3 ease}.btn:hover{background:linear-gradient(135deg,#fcb045,#fd1d1d);box-shadow:0 0 20px #fcb04599;transform:translate(-3px)}h1{color:#fff;font-size:30px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.6);margin-bottom:20px;z-index:1;text-align:center;animation:glowText 3s ease-in-out infinite alternate}@keyframes glowText{0%{text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.4)}to{text-shadow:0 0 20px rgba(255,255,255,255,.9),0 0 30px rgba(255,255,255,.6)}}#welcomeModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;color:#fff;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:700;z-index:9999;text-align:center;padding:20px;opacity:1}.move-count{grid-column:1 / -1;text-align:center;font-size:14px;color:#fff;font-weight:700;margin-bottom:6px;margin-top:-4px;z-index:1;text-shadow:0 0 6px rgba(255,255,255,.4)}#winModal,#quitModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;color:#fff;display:none;justify-content:center;align-items:center;font-size:26px;font-weight:700;z-index:10000;text-align:center;padding:20px}.win-content,.modal-content{background:linear-gradient(135deg,#1f1c2c,#928dab);padding:20px 30px;max-width:300px;font-size:18px;border-radius:15px;box-shadow:0 0 15px #fff9;animation:popUp .6s ease}@keyframes popUp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake{animation:shake .4s}#chooseModal{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#000c,#000000f2);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:9998}.choose-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#000c,#000000f2);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:9998;animation:fadeIn 1s ease}.choose-title{font-size:32px;color:#fff;margin-bottom:60px;text-shadow:0 0 12px rgba(255,255,255,.6);animation:glowText 2s ease-in-out infinite alternate;justify-content:center}.choose-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:30px}.choose-btn{padding:18px 19px;font-size:15.5px;font-weight:700;border-radius:40px;background:linear-gradient(135deg,#ff6ec4,#7873f5);border:none;color:#fff;cursor:pointer;box-shadow:0 0 20px #ff6ec499;transition:transform .3s ease,box-shadow .3s ease}.choose-btn:hover{transform:scale(1.1);box-shadow:0 0 30px #fffc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dropdown-menu{position:absolute;top:10px;right:10px;z-index:1000}.dropdown-toggle{background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;font-size:24px;text-align:center;border:none;cursor:pointer;padding:8px 12px;border-radius:25%;box-shadow:0 0 12px #ff96b499;transition:box-shadow .3s ease,transform .2s ease}.dropdown-toggle:hover{box-shadow:0 0 15px #0ff9;transform:scale(1.1);background:linear-gradient(135deg,#fcb045,#fd1d1d)}.toggle-btn.active{box-shadow:0 0 8px #add8e6cc;transition:box-shadow .3s ease}@keyframes cosmicPulse{0%{box-shadow:0 0 #fff0}50%{box-shadow:0 0 12px #add8e699}to{box-shadow:0 0 #fff0}}.dropdown-content{top:100%;position:absolute;right:0;margin-top:8px;background-color:#222;min-width:180px;box-shadow:0 4px 12px #00000080;border-radius:8px;overflow:hidden;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px);display:none;z-index:1000;padding:12px}.dropdown-content.show{display:block;opacity:1;transform:translateY(0);animation:cosmicPulse .6s ease-out}.dropdown-btn{background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;padding:12px 0;text-align:left;width:100%;font-size:15px;cursor:pointer;transition:background .3s,box-shadow .3s ease;text-align:center;border:none;border-radius:8px;margin-bottom:8px}.dropdown-btn:last-child{margin-bottom:0}.dropdown-btn:hover{background-color:#3f3f6f;box-shadow:0 0 8px #add8e699;transform:scale(1.03)}.dropdown-btn:active{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}