@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--pink:#ff2d78;--purple:#9b1fff;--orange:#ff6a00;--yellow:#ffe000;--cyan:#00f0ff;--dark:#0d0010;--dark2:#130020;--dark3:#1a0030;--border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark);color:#fff;min-height:100vh;font-family:Rajdhani,sans-serif;overflow-x:hidden}.sf6-bg{z-index:0;background:radial-gradient(80% 60% at 20%,#9b1fff66 0%,#0000 60%),radial-gradient(70% 70% at 80% 30%,#ff2d7859 0%,#0000 55%),radial-gradient(60% 50% at 60% 80%,#ff6a0040 0%,#0000 50%),linear-gradient(135deg,#0d0010 0%,#1a0030 40%,#0d0015 100%);position:fixed;inset:0}.sf6-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 8px #ff2d7866)}50%{filter:drop-shadow(0 0 20px #ff2d78cc)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fadeInUp{animation:.5s forwards fadeInUp}.animate-fadeIn{animation:.3s forwards fadeIn}.animate-glow{animation:2s ease-in-out infinite glowPulse}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.font-bebas{font-family:Bebas Neue,sans-serif}.font-mono{font-family:Share Tech Mono,monospace}.font-raj{font-family:Rajdhani,sans-serif}.text-gradient-pink{background:linear-gradient(90deg, #fff 0%, var(--yellow) 40%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-cyan{background:linear-gradient(90deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(90deg, var(--purple), var(--pink));letter-spacing:4px;color:#fff;cursor:pointer;border:none;padding:14px 36px;font-family:Bebas Neue,sans-serif;font-size:1rem;text-decoration:none;transition:all .2s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 20px #ff2d784d}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 32px #ff2d7899}.btn-primary:hover:after{transform:translate(100%)}.btn-secondary{letter-spacing:4px;color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;padding:14px 36px;font-family:Bebas Neue,sans-serif;font-size:1rem;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{color:#fff;background:#ffffff0d;border-color:#ffffff80}.card-sf6{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000073;border:1px solid #ffffff14;transition:all .2s}.card-sf6:hover{background:#0000008c;border-color:#ffffff26}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ff2d7866;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ff2d78b3}::selection{color:#fff;background:#ff2d784d}.navbar{padding:0 48px}.navbar-badge{display:flex}.quiz-modes-grid{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;max-width:960px;display:grid}.score-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;gap:36px;margin-bottom:24px;padding:12px 36px;display:flex;position:relative;overflow:hidden}.home-modes-row{align-items:center;width:100%;display:flex}.home-arrow-btn{cursor:pointer;color:#ffffff59;background:0 0;border:none;flex-shrink:0;width:56px;font-family:Bebas Neue,sans-serif;font-size:1.4rem;transition:color .2s}.home-arrow-btn:first-child{margin-left:40px}.home-arrow-btn:last-child{margin-right:40px}.home-modes-inner{flex:1;justify-content:center;gap:0;display:flex}.home-mode-card{text-align:center;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.gameover-scores{border:1px solid #ffffff14;display:flex;overflow:hidden}.gameover-score-cell{padding:24px 36px}.nav-link{padding:8px 20px;text-decoration:none}@media (max-width:640px){.navbar{padding:0 14px}.navbar-badge{display:none}.nav-link{padding:8px 10px}.quiz-modes-grid{grid-template-columns:repeat(3,1fr)}.score-bar{gap:16px;padding:10px 16px}.home-arrow-btn:first-child{margin-left:8px}.home-arrow-btn:last-child{margin-right:8px}.gameover-scores{flex-direction:column}.gameover-score-cell{border-bottom:1px solid #ffffff14;padding:16px 24px;border-right:none!important}}@media (max-width:400px){.quiz-modes-grid{grid-template-columns:repeat(2,1fr)}.score-bar{gap:12px;padding:10px 12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}