@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-panel:#111827bf;--border-neon-cyan:#ffffff14;--border-neon-purple:#6366f133;--text-primary:#fff;--text-secondary:#9ca3af;--color-cyan:#60a5fa;--color-cyan-glow:#60a5fa33;--color-purple:#818cf8;--color-purple-glow:#818cf833;--color-success:#10b981;--color-success-glow:#10b98133;--color-danger:#ef4444;--color-danger-glow:#ef444433;--color-warning:#f59e0b;--color-warning-glow:#f59e0b33;--font-gaming:"Outfit", "Plus Jakarta Sans", sans-serif;--font-interface:"Outfit", "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-interface);background-image:radial-gradient(at 50% 0,#6366f114 0,#0000 50%),radial-gradient(at 100% 100%,#10b9810a 0,#0000 50%);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}
@keyframes pulse-glow{0%{border-color:#00f2fe33;box-shadow:0 0 10px #00f2fe1a}to{border-color:#00f2fe99;box-shadow:0 0 25px #00f2fe59}}@keyframes blink-fade{0%,to{opacity:1}50%{opacity:0}}.blinking-effect{animation:3s cubic-bezier(.4,0,.6,1) infinite blink-fade}@keyframes logoHover{0%{filter:drop-shadow(0 0 10px #00f2fe4d);transform:translateY(0)}50%{filter:drop-shadow(0 0 30px #00f2feb3);transform:translateY(-10px)}to{filter:drop-shadow(0 0 10px #00f2fe4d);transform:translateY(0)}}@keyframes logoHoverSmall{0%{filter:drop-shadow(0 0 5px #00f2fe4d);transform:translateY(0)}50%{filter:drop-shadow(0 0 15px #00f2feb3);transform:translateY(-3px)}to{filter:drop-shadow(0 0 5px #00f2fe4d);transform:translateY(0)}}.logo-anim{animation:4s ease-in-out infinite logoHover}.logo-anim-small{animation:5s ease-in-out infinite logoHoverSmall}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatReverse{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(30px)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes textShine{0%{background-position:0%}to{background-position:200%}}.text-shine{color:#0000;background:linear-gradient(90deg,#fff 0% 40%,#00f2fe 50%,#fff 60% 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite textShine}@keyframes pulseGlow{0%{box-shadow:0 0 #00f2fe66}70%{box-shadow:0 0 0 15px #00f2fe00}to{box-shadow:0 0 #00f2fe00}}.pulse-button{animation:2s infinite pulseGlow}
.glass-panel{background:var(--bg-panel);border:1px solid var(--border-neon-cyan);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 12px 40px #0006,inset 0 0 20px #ffffff03}.nebula-btn{font-family:var(--font-gaming);color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:1px solid #6366f166;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #6366f133}.nebula-btn:hover{border-color:#818cf8;transform:translateY(-2px);box-shadow:0 8px 24px #6366f166,inset 0 0 8px #ffffff1a}.nebula-btn:active{transform:translateY(1px)}.nebula-btn:disabled{cursor:not-allowed;border-radius:8px;color:#fff3!important;box-shadow:none!important;background:#ffffff08!important;border-color:#ffffff0d!important;transform:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#60a5fa99}input[type=range].custom-slider{-webkit-appearance:none;background:0 0;width:100%;height:24px}input[type=range].custom-slider:focus{outline:none}input[type=range].custom-slider::-webkit-slider-runnable-track{cursor:pointer;background:#00000080;border:1px solid #ffffff1a;border-radius:4px;width:100%;height:8px;box-shadow:inset 0 1px 3px #00000080}input[type=range].custom-slider::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .1s,box-shadow .2s}input[type=range].custom-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range].custom-slider.cyan::-webkit-slider-thumb{background:var(--color-cyan);box-shadow:0 0 12px var(--color-cyan);border:2px solid #fff}input[type=range].custom-slider.purple::-webkit-slider-thumb{background:var(--color-purple);box-shadow:0 0 12px var(--color-purple);border:2px solid #fff}input[type=range].custom-slider.danger::-webkit-slider-thumb{background:#e74c3c;border:2px solid #fff;box-shadow:0 0 12px #e74c3c}input[type=checkbox].custom-checkbox{appearance:none;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:20px;outline:none;width:44px;height:22px;margin:0;transition:all .3s;position:relative}input[type=checkbox].custom-checkbox:after{content:"";background:#fff6;border-radius:50%;width:16px;height:16px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:2px;left:3px}input[type=checkbox].custom-checkbox.cyan:checked{border-color:var(--color-cyan);background:#00f2fe26;box-shadow:inset 0 0 10px #00f2fe33}input[type=checkbox].custom-checkbox.cyan:checked:after{background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan);left:23px}input[type=checkbox].custom-checkbox.purple:checked{border-color:var(--color-purple);background:#818cf826;box-shadow:inset 0 0 10px #818cf833}input[type=checkbox].custom-checkbox.purple:checked:after{background:var(--color-purple);box-shadow:0 0 10px var(--color-purple);left:23px}input[type=checkbox].custom-checkbox.danger:checked{background:#e74c3c26;border-color:#e74c3c;box-shadow:inset 0 0 10px #e74c3c33}input[type=checkbox].custom-checkbox.danger:checked:after{background:#e74c3c;left:23px;box-shadow:0 0 10px #e74c3c}select.custom-select{display:none}
.splash-container{background:radial-gradient(circle,#0e101d00 0%,#0b0f19f2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.splash-bg-shapes{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.splash-shape{filter:blur(100px);opacity:.6;border-radius:50%;position:absolute}.splash-shape-1{background:var(--color-cyan-glow);width:60vw;height:60vw;animation:15s ease-in-out infinite float;top:-20vw;left:-20vw}.splash-shape-2{background:var(--color-purple-glow);width:50vw;height:50vw;animation:12s ease-in-out infinite floatReverse;bottom:-20vw;right:-10vw}.splash-content{text-align:center;z-index:1;max-width:800px;animation:1s cubic-bezier(.175,.885,.32,1.275) fadeInScale}.splash-title{font-family:var(--font-gaming);letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #a5b4fc4d);-webkit-background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1}.splash-subtitle{color:var(--text-secondary);margin:0 auto 3rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400;line-height:1.6}.splash-btn-primary{color:#0b0f19;font-size:1.25rem;font-family:var(--font-gaming);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:12px;padding:1.2rem 3rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00f2fe66,inset 0 2px 4px #ffffff80}.splash-btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.splash-btn-primary:hover:after{left:200%}.splash-btn-primary:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 20px 40px #00f2fe99,inset 0 2px 4px #ffffff80}.splash-btn-primary:active{transform:translateY(1px)}.network-nodes-bg{z-index:0;pointer-events:none;background-color:#050b14;background-image:radial-gradient(circle at 15%,#00f2fe0d 0%,#0000 50%),radial-gradient(circle at 85% 30%,#9b59b60d 0%,#0000 50%),linear-gradient(#00f2fe08 1px,#0000 1px),linear-gradient(90deg,#00f2fe08 1px,#0000 1px);background-position:0 0,0 0,-1px -1px,-1px -1px;background-size:100% 100%,100% 100%,40px 40px,40px 40px;position:absolute;inset:0}.network-nodes-bg:after{content:"";background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-position:-1px -1px;background-size:40px 40px;position:absolute;inset:0}.mode-badge{font-family:var(--font-gaming);letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.mode-badge span{font-size:16px}.onboarding-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:40px 0;display:flex}.onboarding-step{background:#0e101d99;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;min-width:140px;padding:15px 20px;display:flex;position:relative}.onboarding-step-icon{margin-bottom:8px;font-size:24px}.onboarding-step-text{font-size:12px;font-family:var(--font-gaming);color:var(--text-secondary);text-align:center;font-weight:600}.onboarding-arrow{color:var(--color-cyan);opacity:.5;font-size:20px}
.host-container{flex-direction:column;flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:25px;display:flex}.host-header{border-bottom:2px solid #00f2fe1a;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.nebula-logo{font-family:var(--font-gaming);background:linear-gradient(90deg,#00f2fe 0%,#4facfe 50%,#9b59b6 100%);-webkit-text-fill-color:transparent;letter-spacing:3px;text-shadow:0 0 20px #00f2fe33;-webkit-background-clip:text;font-size:26px;font-weight:900}.lobby-pin-card{border-color:var(--border-neon-cyan);background:#00000080;animation:2.5s infinite alternate pulse-glow}.pin-code{font-family:var(--font-gaming);letter-spacing:8px;color:var(--color-cyan);text-shadow:0 0 10px #00f2fecc,0 0 25px #00f2fe66;font-size:52px;font-weight:900}.players-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin:40px 0;display:grid}.player-card{background:#0e101d99;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.player-avatar{width:76px;height:76px;font-family:var(--font-gaming);color:#fff;border:3px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:28px;font-weight:800;display:flex;box-shadow:0 4px 12px #00000040}.player-name{font-size:16px;font-weight:700;font-family:var(--font-gaming);color:#fff;letter-spacing:.5px}.player-ready-badge{font-size:9px;font-weight:800;font-family:var(--font-gaming);border-radius:4px;padding:3px 8px;position:absolute;top:10px;right:10px}.player-ready-badge.ready{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.player-ready-badge.waiting{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.game-layout{flex-grow:1;grid-template-columns:1fr 340px;gap:25px;display:grid}.board-grid-wrapper{flex-grow:1;grid-template-rows:45px 1fr;grid-template-columns:45px 1fr;display:grid;position:relative}.col-headers{text-align:center;font-family:var(--font-gaming);color:var(--text-secondary);grid-column:2;grid-template-columns:repeat(8,1fr);align-items:center;font-size:14px;font-weight:800;display:grid}.row-headers{text-align:center;font-family:var(--font-gaming);color:var(--text-secondary);grid-row:2;grid-template-rows:repeat(8,1fr);align-items:center;font-size:14px;font-weight:800;display:grid}.board-grid{grid-area:2/2;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:8px;display:grid;position:relative}.board-cell{cursor:default;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;transition:all .2s;display:flex;position:relative;overflow:hidden}.board-cell:hover{z-index:10;background:#ffffff0d;border-color:#fff3;transform:scale(1.04);box-shadow:0 8px 24px #00000059}.cell-number{font-family:var(--font-gaming);letter-spacing:1px;font-size:22px;font-weight:900}.cell-coord{font-family:var(--font-gaming);color:var(--text-secondary);opacity:.8;margin-top:5px;font-size:13px;font-weight:700}.sidebar-panel{flex-direction:column;gap:25px;display:flex}.target-card{text-align:center;border-color:var(--border-neon-purple);background:linear-gradient(135deg,#080914f2 0%,#8e44ad26 100%);padding:30px}.target-mode-badge{font-size:10px;font-weight:900;font-family:var(--font-gaming);letter-spacing:1.5px;border:1px solid var(--color-purple);background:#9b59b633;border-radius:4px;margin-bottom:20px;padding:6px 14px;display:inline-block;box-shadow:0 0 10px #9b59b640}.target-mode-badge.math{background:#3498db33;border-color:#3498db;box-shadow:0 0 10px #3498db40}.target-mode-badge.color{background:#2ecc7133;border-color:#2ecc71;box-shadow:0 0 10px #2ecc7140}.target-display{font-family:var(--font-gaming);color:#fff;text-shadow:0 0 15px #fff6,0 0 30px #fff3;font-size:56px;font-weight:900}.timer-card{text-align:center;border-color:var(--border-neon-cyan)}.timer-ring-container{width:120px;height:120px;margin:15px auto 0;position:relative}.timer-number{font-family:var(--font-gaming);text-shadow:0 0 15px;font-size:38px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.leaderboard-card{flex-direction:column;flex-grow:1;display:flex}.leaderboard-list{flex-direction:column;gap:12px;margin-top:15px;list-style:none;display:flex;overflow-y:auto}.leaderboard-item{background:#0e101d66;border:1px solid #ffffff08;border-radius:6px;align-items:center;padding:12px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.leaderboard-item.has-answered{background:#2ecc7114;border-color:#2ecc7166;box-shadow:inset 0 0 10px #2ecc711a}.rank-badge{font-family:var(--font-gaming);width:25px;color:var(--text-secondary);font-size:15px;font-weight:800}.rank-avatar{width:34px;height:34px;font-family:var(--font-gaming);color:#fff;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:13px;font-weight:800;display:flex}.rank-name{font-family:var(--font-gaming);letter-spacing:.5px;flex-grow:1;font-size:14px;font-weight:700}.rank-streak{margin-right:15px;font-size:12px}.rank-score{font-family:var(--font-gaming);color:var(--color-cyan);text-shadow:0 0 10px #00f2fe66;font-weight:900}.podium-container{justify-content:center;align-items:flex-end;gap:25px;height:270px;margin:40px 0;display:flex}.podium-step{flex-direction:column;align-items:center;width:150px;display:flex}.podium-avatar{border:3px solid #fff3;box-shadow:0 0 25px #ffffff4d}.podium-bar{width:100%;font-family:var(--font-gaming);color:var(--bg-primary);text-shadow:0 0 1px #00000080;border-radius:4px 4px 0 0;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;font-size:32px;font-weight:900;display:flex}.podium-step.first .podium-bar{background:linear-gradient(#f1c40f,#d39e00);box-shadow:0 0 30px #f1c40f66,inset 0 0 15px #ffffff4d}.podium-step.second .podium-bar{background:linear-gradient(#bdc3c7,#7f8c8d);box-shadow:0 0 20px #bdc3c74d,inset 0 0 15px #ffffff4d}.podium-step.third .podium-bar{background:linear-gradient(#e67e22,#a04000);box-shadow:0 0 20px #e67e224d,inset 0 0 15px #ffffff4d}.podium-score{font-family:var(--font-gaming);color:#fff;margin-top:10px;font-size:14px;font-weight:800}.notification-log{background:#00000073;border:1px solid #00f2fe0d;border-radius:6px;padding:15px}.notification-msg{font-family:var(--font-gaming);letter-spacing:.5px;border-left:2px solid var(--color-cyan);border-radius:0 4px 4px 0;margin-bottom:8px;padding:6px 10px;font-size:12px;box-shadow:inset 5px 0 10px #00f2fe05}