@import "./styles/tokens.css";@font-face{font-display:swap;font-family:Montserrat-Regular;font-style:normal;font-weight:400;src:url(Montserrat-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat-Light;font-style:normal;font-weight:300;src:url(Montserrat-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat-BoldItalic;font-style:italic;font-weight:700;src:url(Montserrat-BoldItalic.ttf) format("truetype")}*{box-sizing:border-box}body,html{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);margin:0;overflow-x:hidden}.skip-link{height:1px;left:-9999px;overflow:hidden;position:absolute;top:auto;width:1px}.skip-link:focus{background:var(--color-bg-subtle);border-radius:6px;color:var(--color-heading);height:auto;left:16px;padding:8px 12px;top:16px;width:auto;z-index:1000}#background-video{height:100svh;left:0;mix-blend-mode:screen;object-fit:cover;opacity:.45;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.menu-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:3rem 1rem 2rem;position:relative;z-index:1}.menu-header{margin-bottom:1.5rem;text-align:center}.logo{filter:drop-shadow(0 0 10px rgba(177,15,26,.5));height:84px;width:auto}.logo-pulse{animation:logoPulse 3s ease-in-out infinite alternate}@keyframes logoPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.game-title{font-family:Montserrat-BoldItalic,Montserrat-Regular,Arial,sans-serif;font-size:3rem;letter-spacing:3px;margin:.8rem 0 0;text-shadow:0 0 10px #fff8,0 0 18px #8b0000}.subtitle{font-family:Montserrat,Montserrat-Regular,Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;margin:.25rem 0 0;opacity:.9}.glitch-effect{animation:glitch 1.2s linear infinite alternate-reverse;position:relative}@keyframes glitch{0%{text-shadow:2px 0 #8b0000,-2px 0 #fff}20%{text-shadow:-2px 2px #8b0000,2px -2px #fff}40%{text-shadow:2px -2px #8b0000,-2px 2px #fff}60%{text-shadow:-2px -2px #8b0000,2px 2px #fff}80%{text-shadow:2px 2px #8b0000,-2px -2px #fff}to{text-shadow:0 0 8px #fff,0 0 2px #8b0000}}.auth-section{backdrop-filter:blur(18px);background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:.8rem;justify-items:center;margin:0 auto 1rem;padding:1rem;width:min(100%,960px)}.auth-buttons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.auth-btn{align-items:center;background:linear-gradient(180deg,rgba(177,15,26,.25),rgba(177,15,26,.45));border:1px solid rgba(177,15,26,.6);border-radius:var(--radius-pill);box-shadow:0 12px 30px rgba(177,15,26,.25);color:var(--color-heading);cursor:pointer;display:inline-flex;font-family:var(--font-family-sans);font-size:.95rem;gap:.5rem;min-height:48px;padding:.65rem 1.1rem;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.auth-btn:focus,.auth-btn:hover{background:linear-gradient(180deg,rgba(177,15,26,.35),rgba(177,15,26,.55));border-color:rgba(177,15,26,.75);box-shadow:0 18px 40px rgba(177,15,26,.35);color:var(--color-heading);transform:translateY(-2px)}.google-icon{height:18px;width:18px}.user-info{align-items:center;display:flex;gap:.6rem}.user-photo{border:2px solid rgba(177,15,26,.5);border-radius:50%;height:36px;width:36px}.main-menu{display:flex;justify-content:center;width:100%}.menu-options{display:grid;gap:1.2rem;grid-template-columns:repeat(3,minmax(220px,320px))}.menu-item{backdrop-filter:blur(18px);background:linear-gradient(145deg,rgba(14,14,20,.92),rgba(9,9,14,.86));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;outline:none;padding:1.6rem 1.2rem;position:relative;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s,border-color .25s}.menu-item .menu-icon{font-size:2rem;margin-bottom:.5rem}.menu-item h2{font-family:Montserrat-Regular,Arial,sans-serif;margin:.2rem 0 .25rem}.menu-item p{color:var(--color-text-muted);font-family:Montserrat,Montserrat-Regular,Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;letter-spacing:.2px;margin:0}.menu-item .menu-glow{border-radius:20px;box-shadow:0 0 0 0 hsla(0,0%,100%,.2);inset:0;pointer-events:none;position:absolute;transition:box-shadow .25s}.menu-item.hovered,.menu-item.keyboard-selected,.menu-item:hover{border-color:rgba(177,15,26,.6);box-shadow:var(--shadow-lg);transform:translateY(-6px) scale(1.02)}.menu-item.hovered .menu-glow,.menu-item.keyboard-selected .menu-glow,.menu-item:hover .menu-glow{box-shadow:0 0 30px 8px rgba(177,15,26,.25),inset 0 0 18px rgba(177,15,26,.25)}.menu-item:focus{border-color:rgba(177,15,26,.75);box-shadow:var(--shadow-lg);outline:none}.menu-item.locked{border-color:hsla(0,0%,100%,.18);box-shadow:none;cursor:default;opacity:.55;position:relative;transform:none!important}.menu-item.locked .menu-glow{box-shadow:none!important}.menu-item.locked .badge{background:linear-gradient(135deg,rgba(177,15,26,.4),rgba(177,15,26,.2));border-radius:999px;color:#fff;font-size:.7rem;letter-spacing:.06em;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.menu-footer{margin-top:2rem;opacity:.9;text-align:center}.footer-logo{height:22px;vertical-align:middle}.auth-btn:focus-visible,.menu-item:focus-visible,.menu-preference-btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (max-width:1000px){.menu-options{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width:640px){.logo{height:64px}.game-title{font-size:2.2rem}.menu-options{grid-template-columns:1fr;width:95%}}@media (max-width:380px){.logo{height:56px}.game-title{font-size:1.7rem;letter-spacing:2px}.subtitle{font-size:.95rem}.menu-container{padding:2rem .6rem 1.2rem}.menu-options{gap:.8rem;grid-template-columns:1fr;width:100%}.menu-item{border-radius:16px;padding:1.1rem .9rem}.menu-item .menu-icon{font-size:1.6rem}.menu-item h2{font-size:1.1rem}.menu-item p{font-size:.9rem}.auth-btn{font-size:.85rem;min-height:44px;padding:.55rem .9rem}}