@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}:root{--primary-50:#faf5ff;--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:#9333ea;--primary-700:#7c3aed;--primary-800:#6b21a8;--primary-900:#581c87;--color-1:#904de8;--dark-50:#f8fafc;--dark-100:#f1f5f9;--dark-200:#e2e8f0;--dark-300:#cbd5e1;--dark-400:#94a3b8;--dark-500:#64748b;--dark-600:#475569;--dark-700:#334155;--dark-800:#1e293b;--dark-900:#0f172a;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a}*{box-sizing:border-box;margin:0;padding:0}body,html{background:linear-gradient(135deg,#0f172a,#1e293b 25%,#0f172a 50%,#1e293b 75%,#0f172a);background-attachment:fixed;color:#fff;font-family:Inter,sans-serif;overflow-x:hidden!important}#root,body,html{height:100%!important;margin:0!important;padding:0!important}#root{background:#0000!important;min-height:100vh!important}.min-h-screen{min-height:100vh}.text-white{color:#fff}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:Courier New,monospace}.italic{font-style:italic}.w-16{width:4rem}.h-16{height:4rem}.w-8{width:2rem}.h-8{height:2rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-3{width:.75rem}.h-3{height:.75rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pb-4{padding-bottom:1rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.ml-1{margin-left:.25rem}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem}.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.gap-0{gap:0}.gap-4{gap:1rem}.gap-8{gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-4{border-width:4px}.border-l-2{border-left-width:2px}.border-b{border-bottom-width:1px}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.max-h-64{max-height:16rem}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.relative{position:relative}.absolute{position:absolute}.top-1{top:.25rem}.left-1{left:.25rem}.inset-0{bottom:0;left:0;right:0;top:0}.opacity-60{opacity:.6}.opacity-0{opacity:0}.transition-all{transition:all .15s ease-in-out}.duration-200{transition-duration:.2s}.z-10{z-index:10}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to))}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to))}.from-dark-900{--tw-gradient-from:var(--dark-900)}.via-dark-800{--tw-gradient-via:var(--dark-800)}.to-dark-900{--tw-gradient-to:var(--dark-900)}.from-primary-900{--tw-gradient-from:var(--primary-900)}.from-primary-600{--tw-gradient-from:var(--primary-600)}.to-primary-700{--tw-gradient-to:var(--primary-700)}.from-primary-700{--tw-gradient-from:var(--primary-700)}.to-primary-800{--tw-gradient-to:var(--primary-800)}.from-emerald-600{--tw-gradient-from:#059669}.to-emerald-700{--tw-gradient-to:#047857}.from-emerald-700{--tw-gradient-from:#047857}.to-emerald-800{--tw-gradient-to:#065f46}.from-amber-100{--tw-gradient-from:#fef3c7}.to-amber-200{--tw-gradient-to:#fde68a}.from-amber-700{--tw-gradient-from:#b45309}.to-amber-800{--tw-gradient-to:#92400e}.from-primary-200{--tw-gradient-from:var(--primary-200)}.to-primary-300{--tw-gradient-to:var(--primary-300)}.from-amber-50{--tw-gradient-from:#fffbeb}.from-primary-400{--tw-gradient-from:var(--primary-400)}.to-purple-400{--tw-gradient-to:#c084fc}.bg-dark-900{background-color:#0f172a;background-color:var(--dark-900)}.bg-dark-800{background-color:#1e293b;background-color:var(--dark-800)}.bg-dark-700{background-color:#334155;background-color:var(--dark-700)}.bg-primary-600{background-color:#9333ea;background-color:var(--primary-600)}.bg-primary-700{background-color:#7c3aed;background-color:var(--primary-700)}.bg-emerald-400{background-color:#34d399}.bg-primary-400{background-color:#c084fc;background-color:var(--primary-400)}.bg-yellow-400{background-color:#fbbf24}.bg-slate-800{background-color:#1e293b}.bg-slate-900{background-color:#0f172a}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.text-primary-200{color:#e9d5ff;color:var(--primary-200)}.text-primary-300{color:#d8b4fe;color:var(--primary-300)}.text-primary-400{color:#c084fc;color:var(--primary-400)}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-blue-400{color:#60a5fa}.text-amber-800{color:#92400e}.text-amber-100{color:#fef3c7}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-900{color:#111827}.border-primary-700{border-color:#7c3aed;border-color:var(--primary-700)}.border-gray-700{border-color:#334155;border-color:var(--dark-700)}.border-emerald-700{border-color:#047857}.border-primary-500{border-color:#a855f7;border-color:var(--primary-500)}.border-amber-800{border-color:#92400e}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.scale-105{transform:scale(1.05)}.ring-4{box-shadow:0 0 0 4px #a855f780}.container-mobile{max-width:100%;padding:1rem}.text-responsive-xl{font-size:clamp(2rem,8vw,5rem);line-height:1.1}.text-responsive-lg{font-size:clamp(1.25rem,4vw,2.25rem);line-height:1.2}.text-responsive-md{font-size:clamp(1rem,3vw,1.5rem);line-height:1.4}.text-responsive-sm{font-size:clamp(.875rem,2.5vw,1.125rem);line-height:1.5}.space-responsive-xl{margin-bottom:clamp(3rem,8vh,7.5rem)}.space-responsive-lg{margin-bottom:clamp(2rem,6vh,6rem)}.space-responsive-md{margin-bottom:clamp(1.5rem,4vh,4rem)}.space-responsive-sm{margin-bottom:clamp(1rem,3vh,2.5rem)}.container-responsive{margin:0 auto;max-width:100%;padding:clamp(1rem,4vw,2rem);width:100%}.btn-responsive{border-radius:clamp(.75rem,2vw,1.5rem);font-size:clamp(1rem,4vw,2.5rem);min-height:clamp(3rem,8vw,7.5rem);padding:clamp(.75rem,3vw,2.25rem) clamp(1.5rem,6vw,5rem)}.icon-responsive{height:clamp(4rem,15vw,7.5rem);width:clamp(4rem,15vw,7.5rem)}.layout-mobile{flex-direction:column}.layout-horizontal,.layout-mobile{align-items:center;display:flex;gap:1rem}.layout-horizontal{flex-direction:row}@media (min-width:768px){.container-mobile{max-width:48rem;padding:1.5rem}.container-responsive{max-width:48rem;padding:clamp(1.5rem,4vw,2.5rem)}.layout-tablet{align-items:center;display:flex;justify-content:center}.layout-mobile.responsive,.layout-tablet{flex-direction:row;gap:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:min-w-96{min-width:24rem}.md\:w-auto{width:auto}}@media (min-width:1024px){.container-mobile,.container-responsive{max-width:64rem;padding:2rem}.layout-desktop{align-items:center;display:flex;flex-direction:row;gap:3rem;justify-content:space-between}.lg\:text-6xl{font-size:4rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:space-x-6>:not([hidden])~:not([hidden]){margin-left:1.5rem}.lg\:mb-12{margin-bottom:3rem}.lg\:min-w-350{min-width:350px}.lg\:min-w-450{min-width:450px}}@media (min-width:1280px){.container-mobile,.container-responsive{max-width:80rem;padding:2.5rem}.xl\:text-8xl{font-size:6rem;line-height:1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:py-12{padding-bottom:3rem;padding-top:3rem}.xl\:space-x-8>:not([hidden])~:not([hidden]){margin-left:2rem}.xl\:min-w-500{min-width:500px}}@media (max-width:767px){.mobile-stack{align-items:center!important;flex-direction:column!important}.mobile-full-width{max-width:100%!important;width:100%!important}.mobile-text-center{text-align:center!important}.mobile-hidden{display:none!important}.mobile-compact{margin:.5rem 0!important;padding:.5rem!important}}.chess-game-container{display:flex;flex-direction:row;gap:1rem}@media (max-width:767px){.chess-game-container{flex-direction:column!important;gap:.5rem}.chess-game-panels{display:none}.chess-game-panels.mobile-active{display:flex;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:1000!important}}.chess-board-container{aspect-ratio:1;max-width:min(90vw,90vh,800px);width:100%}@media (max-width:767px){.chess-board-container{max-width:min(95vw,70vh)!important;min-width:280px!important}}@media (min-width:768px) and (max-width:1023px){.chess-board-container{max-width:min(85vw,85vh,600px)!important}}.game-status-container{margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;padding:16px}@media (max-width:767px){.game-status-container{margin-left:0!important;margin-right:0!important;margin-top:1rem!important;max-width:100%!important;padding:clamp(.75rem,3vw,1rem)!important}.chess-game button{font-size:clamp(.875rem,3vw,1rem)!important;min-height:44px!important;min-width:44px!important}.chess-game .btn-primary,.chess-game .btn-success{padding:clamp(.75rem,3vw,1rem) clamp(1.5rem,6vw,2rem)!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease-in-out}.btn-primary{background:linear-gradient(90deg,#9333ea,#7c3aed);background:linear-gradient(to right,var(--primary-600),var(--primary-700));box-shadow:0 10px 15px -3px #0000001a;color:#fff}.btn-primary:hover{background:linear-gradient(90deg,#7c3aed,#6b21a8);background:linear-gradient(to right,var(--primary-700),var(--primary-800))}.btn-success{background:linear-gradient(90deg,#059669,#047857);box-shadow:0 10px 15px -3px #0000001a;color:#fff}.btn-success:hover{background:linear-gradient(90deg,#047857,#065f46)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000f2,#18181bf2 50%,#000000f2);border:2px solid #904de866;border-radius:12px;box-shadow:0 0 30px #904de84d,inset 0 0 20px #904de81a;height:100%;padding:1.5rem}.card-header{background:linear-gradient(90deg,#904de826,#0000001a);border-bottom:2px solid #904de84d;border-radius:12px 12px 0 0;margin:-1.5rem -1.5rem 1rem;padding:1.5rem}.piece{cursor:pointer;font-size:2.25rem;font-weight:700;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.auth-modal{background:linear-gradient(135deg,#000,#0f0f0f 50%,#1a1a1a);border:2px solid #904de8;border-radius:8px;box-shadow:0 0 20px #904de880,0 0 40px #904de84d,0 0 60px #904de81a;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:90%}.auth-modal:before{background:linear-gradient(45deg,#904de8,#0000,#904de8);border-radius:8px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.auth-modal-header{align-items:center;background:linear-gradient(90deg,#0000,#904de81a,#0000);border-bottom:2px solid #904de8;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.auth-modal-header h2{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0;text-shadow:0 0 10px #904de880}.auth-modal-close,.auth-modal-header h2{color:#904de8;font-family:Consolas,Courier New,monospace}.auth-modal-close{background:none;border:1px solid #904de84d;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:8px 10px;transition:all .2s}.auth-modal-close:hover{background:#904de833;border-color:#904de8;box-shadow:0 0 10px #904de84d}.auth-modal-content{padding:0 24px 24px}.dev-badge{background:linear-gradient(135deg,#904de8,#783cc8);border:1px solid #904de8;border-radius:4px;box-shadow:0 0 10px #904de84d,inset 0 1px 0 #ffffff1a;color:#fff;font-family:Consolas,Courier New,monospace;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:12px 20px;text-align:center;text-shadow:0 0 8px #00000080}.auth-form,.dev-badge{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#904de8;display:block;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-shadow:0 0 5px #904de84d}.form-group input,.form-group label{font-family:Consolas,Courier New,monospace}.form-group input{background:#000c;border:2px solid #904de84d;border-radius:4px;box-sizing:border-box;color:#fff;font-size:1rem;padding:14px 18px;transition:all .2s;width:100%}.form-group input:focus{background:#000000e6;border-color:#904de8;box-shadow:0 0 0 3px #904de833,0 0 15px #904de84d;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#ffffff80}.auth-error{background:#f443361a;border:2px solid #f4433680;border-radius:4px;box-shadow:0 0 10px #f4433633;color:#ff6b6b}.auth-error,.auth-success{font-family:Consolas,Courier New,monospace;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.auth-success{background:#4caf501a;border:2px solid #4caf5080;border-radius:4px;box-shadow:0 0 10px #4caf5033;color:#4caf50}.auth-submit-btn{background:linear-gradient(135deg,#904de8,#783cc8);border:2px solid #904de8;border-radius:4px;box-shadow:0 4px 15px #904de866,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-family:Consolas,Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.05em;padding:16px 24px;text-shadow:0 0 8px #00000080;transition:all .2s;width:100%}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#a05afa,#904de8);box-shadow:0 6px 20px #904de899,0 0 25px #904de866,inset 0 1px 0 #fff3;transform:translateY(-2px)}.auth-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-switch{border-top:1px solid #ffffff1a;margin-bottom:24px;padding-top:16px;text-align:center}.auth-switch p{color:#fffc;font-size:.9rem;margin:0}.auth-switch p,.auth-switch-btn{font-family:Consolas,Courier New,monospace}.auth-switch-btn{background:none;border:none;color:#904de8;cursor:pointer;font-size:inherit;margin-left:4px;padding:0;text-decoration:underline;transition:all .2s}.auth-switch-btn:hover{color:#a05afa;text-shadow:0 0 8px #904de880}.auth-info{background:#0009;border:2px solid #904de84d;border-radius:4px;box-shadow:inset 0 0 10px #904de81a;padding:16px}.auth-info h4{color:#904de8;font-family:Consolas,Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 12px}.auth-info ul{color:#ffffffe6;margin:0;padding-left:20px}.auth-info li{font-family:Consolas,Courier New,monospace;font-size:.85rem;margin-bottom:6px}@media (max-width:480px){.auth-modal{margin:16px;width:calc(100% - 32px)}.auth-modal-header{padding:20px 20px 0}.auth-modal-content{padding:0 20px 20px}.auth-modal-header h2{font-size:1.3rem}}@media (prefers-color-scheme:dark){.auth-modal{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}}.auth-modal-overlay{animation:fadeIn .2s ease-out}.auth-modal{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes moneyPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.8)}}@keyframes moneyLoss{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes gameOver3D{0%{filter:contrast(1.2) brightness(1.1) blur(4px);opacity:0;transform:perspective(800px) rotateX(10deg) rotateY(-5deg) scale(.3) translateZ(-200px)}30%{filter:contrast(1.4) brightness(1.3) blur(1px);opacity:.8;transform:perspective(800px) rotateX(10deg) rotateY(-5deg) scale(1.2) translateZ(50px)}60%{filter:contrast(1.2) brightness(1.1) blur(0);opacity:1;transform:perspective(800px) rotateX(10deg) rotateY(-5deg) scale(.95) translateZ(20px)}80%{filter:contrast(1.3) brightness(1.2) blur(0);opacity:1;transform:perspective(800px) rotateX(10deg) rotateY(-5deg) scale(1.05) translateZ(10px)}to{filter:contrast(1.2) brightness(1.1) blur(0);opacity:1;transform:perspective(800px) rotateX(10deg) rotateY(-5deg) scale(1) translateZ(0)}}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes subtle3DShift{0%{transform:translate(0)}50%{transform:translate(1px,1px)}to{transform:translate(0)}}.game-over-text-3d{position:relative}.game-over-text-3d:before{-webkit-text-stroke:1px #900;animation:subtle3DShift .3s infinite;color:#f30;left:2px;opacity:.6;top:2px;z-index:-1}.game-over-text-3d:after,.game-over-text-3d:before{content:"GAME\AOVER";position:absolute;white-space:pre}.game-over-text-3d:after{-webkit-text-stroke:1px #c63;animation:subtle3DShift .3s infinite reverse;color:#f96;left:-2px;opacity:.4;top:-2px;z-index:-2}.money-animation-win{animation:moneyPop 3s ease-out forwards;color:#22c55e;font-size:48px;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.money-animation-loss,.money-animation-win{font-family:system-ui,-apple-system,sans-serif;font-weight:700;text-shadow:0 0 20px #000c}.money-animation-loss{color:#ef4444;font-size:clamp(24px,4vw,36px)}.loading-dots-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;display:flex;gap:clamp(2px,.5vw,4px);left:50%;padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,12px);position:fixed;top:70px;transform:translateX(-50%);z-index:100}.loading-dot{animation:loadingDots 1.4s ease-in-out infinite;background-color:#7c3aedcc;border-radius:50%;height:clamp(4px,1vw,6px);width:clamp(4px,1vw,6px)}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.game-over-overlay{align-items:center;background-color:#000000d9;border-radius:8px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}.game-over-text{-webkit-text-stroke:2px #000;animation:gameOver3D 1s ease-out;color:#ff6b35;filter:contrast(1.2) brightness(1.1);font-family:Courier New,Monaco,Lucida Console,monospace;font-size:clamp(40px,6vw,80px);font-weight:900;letter-spacing:.15em;line-height:.95;margin-bottom:20px;text-align:center;text-shadow:2px 2px 0 #d63031,4px 4px 0 #a71e20,6px 6px 0 #7d1014,8px 8px 0 #530a0c,10px 10px 0 #2d0306,12px 12px 20px #000c;transform:perspective(800px) rotateX(10deg) rotateY(-5deg)}.game-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:clamp(4px,1vw,8px);box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;font-family:Orbitron,Exo\ 2,Rajdhani,monospace;font-size:clamp(10px,2vw,12px);font-weight:600;gap:clamp(4px,1vw,6px);justify-content:center;letter-spacing:.1em;margin:0 auto;min-height:32px;padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,12px);position:relative;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;z-index:10}.game-button-resign{background:#ef44441a;border:clamp(1px,.2vw,1px) solid #ef444499;color:#ef4444}.game-button-resign:hover{background:#ef444433;border-color:#ef4444cc;transform:scale(1.05)}.game-button-new-game{background:#22c55e1a;border:clamp(1px,.2vw,1px) solid #22c55e99;color:#22c55e;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px)}.game-button-new-game:hover{background:#22c55e33;border-color:#22c55ecc;transform:scale(1.05)}.App{background:#000;margin:0;min-height:100vh;padding:0}@media (max-width:768px){.menu-text{display:none!important}.mobile-only{display:block!important}.top-menu-bar button{gap:0!important;min-height:44px;min-width:40px;padding:8px!important}.profile-icon-button{padding:8px!important}.connection-indicator,.profile-icon-button{gap:0!important}.connection-indicator,.menu-button,.profile-icon-button{justify-content:center!important;min-height:44px!important;min-width:44px!important}.menu-button{padding:8px!important}.top-menu-bar{gap:8px!important}}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:768px){.dropdown-menu{left:10px!important;margin-top:0!important;max-width:none!important;min-width:auto!important;position:fixed!important;right:10px!important;top:60px!important;transform:none!important;z-index:9999!important}.dropdown-menu,.profile-dropdown{width:calc(100vw - 20px)!important}.profile-dropdown{right:auto!important}.game-info-dropdown,.settings-dropdown{font-size:14px!important;padding:16px!important}.settings-dropdown input[type=checkbox]{margin-right:12px!important;transform:scale(1.5)!important}.settings-dropdown button{font-size:16px!important;min-height:48px!important;padding:12px!important}.theme-nav-button{font-size:18px!important;height:48px!important;min-height:48px!important;min-width:48px!important;width:48px!important}}@media (min-width:769px) and (max-width:1024px){.dropdown-menu{max-width:400px!important;min-width:280px!important}.profile-dropdown{width:350px!important}.top-menu-bar button{font-size:.8rem!important;padding:8px 12px!important}.profile-icon-button{font-size:.8rem!important;padding:6px 12px!important}}
/*# sourceMappingURL=main.6a3623b7.css.map*/