:root{--color-primary:#fd0;--color-primary-light:#ffd633;--color-primary-dark:#ca0;--color-accent:#a855f7;--color-accent-light:#c084fc;--color-accent-dark:#7e22ce;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#0f0914;--color-surface:#1a1423;--color-surface-light:#2d2339;--color-text-primary:#fff;--color-text-secondary:hsla(0,0%,100%,.85);--color-text-tertiary:hsla(0,0%,100%,.65);--color-gray-100:#f3f4f6;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-750:#2a2d35;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-yellow-400:#facc15;--color-green-400:#4ade80;--color-purple-400:#c084fc;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-7:3.5rem;--space-8:4rem;--font-family:Lexend,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:22px;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--shadow-sm:0 1px 2px rgba(0,0,0,.25);--shadow-md:0 4px 6px rgba(0,0,0,.25);--shadow-lg:0 10px 15px rgba(0,0,0,.25)}body,html{max-width:100vw;overflow-x:hidden;background-image:url(/_next/static/media/background.94a209b9.png);background-position:50%;color:var(--color-text-primary);scroll-behavior:smooth}a{color:inherit}a,button{transition:var(--transition-normal)}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin-bottom:var(--space-2)}img{max-width:100%}.container{max-width:1200px;padding:0 var(--space-2)}@media (min-width:768px){.container{padding:0 var(--space-4)}}.section{padding:var(--space-6) 0}.grid{grid-gap:var(--space-3);gap:var(--space-3)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .5s ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-weight:600;transition:var(--transition-normal);border:none;font-size:var(--font-size-base)}.btn:hover{transform:translateY(-2px)}.btn-primary{color:var(--color-background)}.btn-primary:hover{background-color:var(--color-primary-light)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-surface-light)}.btn-secondary:hover{background-color:var(--color-surface-light)}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}}.dashboard-container{max-width:1400px;margin:50px auto;padding:30px;background-color:#2c2c2c;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-family:Arial,sans-serif}.dashboard-title{font-size:28px;font-weight:700;margin-bottom:20px;color:#fff;border-bottom:2px solid #ccc;padding-bottom:10px}.stats-section{margin-bottom:30px}.games-section{margin-top:20px}.games-title{font-size:22px;margin-bottom:10px;color:#2c3e50}.games-list{list-style:none;padding:0;margin:0}.game-card{background-color:#2e2d2d;border:1px solid #ddd;padding:15px;border-radius:6px;margin-bottom:10px;transition:background .2s ease-in-out}.game-card:hover{background-color:#efefef}.game-name{font-weight:700;font-size:18px;color:#1a1a1a}.game-meta{font-size:14px;color:#555;margin-top:4px}.section{background-color:#202020;padding:30px;border-radius:10px;margin-bottom:40px;min-width:600px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.section-title{font-size:22px;font-weight:700;margin-bottom:20px;color:#fff}.stat-line{font-size:16px;margin:5px 0;color:#fff}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table td,.leaderboard-table th{padding:10px 12px;text-align:left}.leaderboard-table thead{background-color:#222}.leaderboard-table tbody tr:nth-child(odd){background-color:#636363}.leaderboard-table tbody tr:nth-child(2n){background-color:#4e4e4e}.chart-flex{align-items:flex-start;gap:40px}.chart-donut{width:250px;height:250px}.chart-legend{padding:0;margin:0}.chart-legend li{margin-bottom:10px;font-size:14px;color:#fff}.legend-color{border-radius:50%;margin-right:10px}.loading{margin-top:100px;font-size:18px;color:#666}.bottom{display:flex;justify-content:space-between}.section-subtitle{font-size:18px;font-weight:700;margin-top:25px;margin-bottom:10px;color:#fff}.user-game-table{width:100%;border-collapse:collapse;margin-top:10px}.user-game-table td,.user-game-table th{padding:10px 12px;text-align:left}.user-game-table thead{background-color:#222}.user-game-table tbody tr:nth-child(odd){background-color:#636363}.user-game-table tbody tr:nth-child(2n){background-color:#4e4e4e}.channel-tables{display:flex;gap:2rem;flex-wrap:wrap}.channel-table{flex:1 1;min-width:300px}.container{min-height:100vh}.max-width{max-width:64rem;margin:0 auto;padding:1rem}.space-y{display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;align-items:center;justify-content:space-between}.title{font-size:1.875rem;font-weight:700;color:#fff}.brand{display:none}.controls{background-color:var(--color-gray-800);border-radius:.5rem;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.controls-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;color:var(--color-gray-300);margin-bottom:.25rem}.form-select{width:100%;background-color:var(--color-gray-700);border:1px solid var(--color-gray-600);color:#fff;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.form-select:focus{outline:none;border-color:var(--color-blue-500);box-shadow:0 0 0 2px rgba(59,130,246,.5)}.button{width:100%;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.button-primary{background-color:var(--color-blue-600);color:#fff;border:none}.button-primary:hover:not(:disabled){background-color:var(--color-blue-700)}.button-primary:active:not(:disabled){background-color:var(--color-blue-800)}.button-primary:disabled{background-color:var(--color-gray-600);cursor:not-allowed}.summary-section{background-color:var(--color-gray-800);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.summary-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-gray-700);padding:1rem}.summary-title{font-size:1.25rem;font-weight:600;color:#fff}.copy-button{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background-color:var(--color-gray-700);border:none;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.copy-button:hover{background-color:var(--color-gray-600)}.loading-container{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-400)}.loading-text{margin-top:1rem;text-align:center}.summary-content{padding:1rem;max-height:70vh;overflow-y:auto}.channel-card{background-color:var(--color-gray-750);border-radius:.375rem;overflow:hidden;margin-bottom:1rem}.channel-header{display:flex;align-items:center;background-color:rgba(55,65,81,.5);padding:.5rem 1rem}.channel-icon{width:1.25rem;height:1.25rem}.channel-name{margin-left:.5rem;font-weight:500;color:#fff}.channel-content{padding:1rem;color:var(--color-gray-300);line-height:1.5}.channel-card-admin{border-left:4px solid var(--color-yellow-400)}.channel-card-questions{border-left:4px solid var(--color-blue-400)}.channel-card-general{border-left:4px solid var(--color-green-400)}.channel-card-other{border-left:4px solid var(--color-purple-400)}.empty-state{background-color:rgba(31,41,55,.5);border:2px dashed var(--color-gray-700);border-radius:.5rem;padding:2rem;text-align:center}.empty-state-icon{width:3rem;height:3rem;color:var(--color-gray-600);margin:0 auto 1rem}.empty-state-title{font-size:1.25rem;font-weight:500;color:var(--color-gray-400);margin-bottom:.5rem}.empty-state-text{max-width:24rem;margin:0 auto}.empty-state-text,.footer{color:var(--color-gray-500)}.footer{text-align:center;font-size:.875rem;padding-top:1rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.max-width{padding:1.5rem}.brand{display:flex;align-items:center;gap:.5rem;color:var(--color-gray-400)}.controls-grid{grid-template-columns:repeat(12,1fr)}.weeks-select{grid-column:span 3}.channel-select{grid-column:span 6}.generate-button{grid-column:span 3}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--color-gray-800)}::-webkit-scrollbar-thumb{background-color:var(--color-gray-600);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}:root{--color-primary:#7289da;--color-primary-dark:#5873c1;--color-primary-light:#fff;--color-secondary:#3b82f6;--color-secondary-light:#b6d3f7;--color-secondary-dark:#2563eb;--color-accent:#99aab5;--color-accent-light:#b9c5cc;--color-accent-dark:#7a8892;--color-success:#43b581;--color-warning:#faa61a;--color-error:#f04747;--color-info:#00b0f4;--color-background:#fff;--color-foreground:#2c2f33;--color-card:#fff;--color-card-alt:#f6f6f7;--border-radius:8px;--spacing-unit:8px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}[data-theme=dark]{--color-background:#36393f;--color-foreground:#fff;--color-card:#2f3136;--color-card-alt:#42464d}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-family);background-color:var(--color-background);color:#fff;font-size:16px;line-height:1.5}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-unit);font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}.container{width:100%;max-width:1280px;margin:0 auto;padding:calc(var(--spacing-unit) * 2)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-gap:calc(var(--spacing-unit) * 2);gap:calc(var(--spacing-unit) * 2)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;line-height:1.5;border-radius:var(--border-radius);transition:all .2s ease-in-out;cursor:pointer}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-dark);color:#fff}.btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.card{background-color:var(--color-card);border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.08);padding:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.card-alt{background-color:var(--color-card-alt)}table{width:100%;border-collapse:collapse;margin-bottom:calc(var(--spacing-unit) * 2)}td,th{padding:calc(var(--spacing-unit));text-align:left;border-bottom:1px solid var(--color-accent)}th{font-weight:600}tr:hover{background-color:rgba(0,0,0,.03)}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:10px;background-color:var(--color-primary);color:#fff}.badge-success{background-color:var(--color-success)}.badge-warning{background-color:var(--color-warning)}.badge-error{background-color:var(--color-error)}.navbar{background-color:var(--color-secondary);color:#fff;padding:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3)}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff}.navbar-nav{display:flex;list-style:none}.nav-item{margin-left:calc(var(--spacing-unit) * 2)}.nav-link{color:var(--color-accent);transition:color .2s ease}.footer,.nav-link.active,.nav-link:hover{color:#fff}.footer{background-color:var(--color-secondary);padding:calc(var(--spacing-unit) * 4) 0;margin-top:calc(var(--spacing-unit) * 4)}.footer-content{display:flex;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 2)}.dashboard-container{max-width:1280px;margin:0 auto;padding:calc(var(--spacing-unit) * 2)}.dashboard-title{margin-bottom:calc(var(--spacing-unit) * 3);font-size:2rem;text-align:center}.section{margin-bottom:calc(var(--spacing-unit) * 4)}.section-title{padding-bottom:var(--spacing-unit);border-bottom:2px solid var(--color-primary)}.section-subtitle,.section-title{margin-bottom:calc(var(--spacing-unit) * 2)}.section-subtitle{color:var(--color-secondary-light)}.stat-card{background-color:var(--color-card);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-value{font-size:2rem;font-weight:700;margin:var(--spacing-unit) 0}.stat-label{font-size:.9rem;color:var(--color-secondary-light)}.chart-container{height:300px;margin-bottom:calc(var(--spacing-unit) * 2)}.chart-donut{position:relative;height:220px;width:220px}.chart-flex{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.chart-legend{list-style:none;margin-top:var(--spacing-unit)}.chart-legend li{display:flex;align-items:center;margin-bottom:var(--spacing-unit)}.legend-color{display:inline-block;width:12px;height:12px;margin-right:var(--spacing-unit);border-radius:2px}.bottom{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(var(--spacing-unit) * 3);gap:calc(var(--spacing-unit) * 3)}.leaderboard-table,.user-game-table{width:100%;border-collapse:collapse}.channel-tables{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(var(--spacing-unit) * 3);gap:calc(var(--spacing-unit) * 3)}.summary-text{line-height:1.6;background-color:var(--color-card-alt);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);margin-top:calc(var(--spacing-unit) * 2)}.loading{text-align:center;font-size:1.2rem;margin:calc(var(--spacing-unit) * 8) 0}.user-profile{display:grid;grid-template-columns:1fr 2fr;grid-gap:calc(var(--spacing-unit) * 3);gap:calc(var(--spacing-unit) * 3)}.user-avatar{width:100px;height:100px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:500;margin-bottom:var(--spacing-unit)}.user-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-unit);gap:var(--spacing-unit);margin-top:calc(var(--spacing-unit) * 2)}@media (max-width:768px){.bottom,.channel-tables,.grid-2,.grid-3,.grid-4,.user-profile{grid-template-columns:1fr}.navbar-nav{display:none}.menu-toggle{display:block}.footer-content{flex-direction:column;text-align:center}.footer-links{margin-top:calc(var(--spacing-unit) * 2)}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.menu-toggle{display:none}}.fade-in{animation:fadeIn .5s ease-in}.slide-in{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sidebar{background:#2c2c2c}.sidebar-brand{font-weight:700;font-size:1.25rem;margin-bottom:2rem;display:block;color:var(--color-text)}.sidebar-nav{list-style:none;padding:0;margin:0;flex:1 1 auto}.nav-link-vertical{display:block;padding:.6rem .8rem;border-radius:6px;color:#fff;transition:background .15s}.nav-link-vertical.active,.nav-link-vertical:hover{background:var(--color-accent-alpha);color:var(--color-accent)}.theme-toggle{margin-top:1rem;padding:.4rem .8rem;background:none;border:1px solid var(--color-accent);border-radius:6px;color:var(--color-accent);cursor:pointer}.layout{display:flex;min-height:100vh}.content{flex:1 1 auto}.content main{flex:1 1 auto;padding:2rem}.sidebar{width:220px;padding:1.5rem 1rem;display:flex;flex-direction:column;transition:transform .3s ease}@media (max-width:767px){.sidebar{position:fixed;top:0;left:0;height:100%;transform:translateX(-100%);z-index:200}.sidebar.drawer{transform:translateX(0)}.layout{flex-direction:column}}.topbar{display:none;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}@media (max-width:767px){.topbar{display:flex;justify-content:space-between}}.hamburger{background:none;border:none;color:var(--color-text);cursor:pointer;padding:0}.backdrop{background:rgba(0,0,0,.4);z-index:150}.position-wrapper{width:100%;display:flex;justify-content:end}.controller-wrapper{position:relative;width:150px;max-width:100%}.controller-img{width:100%;height:auto}.hitbox{position:absolute;background:transparent;border:none;padding:0;cursor:pointer;outline:none}.hitbox.active{background:rgba(0,255,80,.9);border-radius:6px}.up{top:19px}.down,.up{left:30px;width:10px;height:10px;border-radius:10px}.down{top:38px}.left{left:19px}.left,.right{top:28px;width:10px;height:10px;border-radius:10px}.right{left:41px}.b{top:29px;left:122px}.a,.b{width:10px;height:10px;border-radius:10px}.a{top:38px;left:110px}.x{top:29px;left:98px}.x,.y{width:10px;height:10px;border-radius:10px}.y{top:19px;left:110px}.hero{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:20px}.hero-title{font-size:2.5rem;font-weight:400;text-transform:uppercase;line-height:1.2;font-family:Bangers;width:500px}.hero-text,.hero-title{text-align:center;margin-bottom:30px;color:#fff}.hero-text{font-size:24px;max-width:600px;font-family:Lexend}.signup-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto}.form-control{width:100%;margin-bottom:20px;position:relative}.form-control input{flex:1 1;background-color:#000;padding:12px 16px;border:none;border-bottom:1px solid #fff;font-size:1rem;color:#fff;outline:none;width:100%;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.form-control input:focus{background-color:hsla(0,0%,100%,.15);border-color:var(--primary)}.signup-btn{background-color:#fd0;color:#000;font-weight:700;border:none;padding:10px 42px;font-size:1rem;margin-left:-132px;margin-top:2px;cursor:pointer;height:44px;width:166px;transition:background-color var(--transition-fast),transform var(--transition-fast);-webkit-clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);position:absolute}.signup-btn:hover{background-color:#000;color:#fd0}.signup-btn:active{transform:translateY(0)}.backdrop{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;z-index:1000}.backdrop.show{opacity:1;pointer-events:auto}.bg-celebrate{position:absolute;inset:0;background:url(/images/tada.png) 50%/cover no-repeat;animation:slowZoom 12s linear infinite;filter:brightness(1.1)}.vignette-mask{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.5) 45%,rgba(0,0,0,.98) 80%,#000 100%)}@media (min-width:768px){.hero-title{font-size:2.5rem}.hero-text{font-size:1.25rem}.form-control input,.signup-btn{font-size:1.1rem}}.logo-container{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.logo{font-size:3.5rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;text-shadow:0 0 10px rgba(255,238,0,.5);transform:skew(-5deg);transition:transform var(--transition-fast)}.logo:hover{transform:skew(-5deg) scale(1.05)}.logo-subtitle{font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-top:-35px}@media (min-width:768px){.logo{font-size:4.5rem}.logo-subtitle{font-size:1.2rem}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium)}.popup-overlay.show{opacity:1;visibility:visible}.popup{background-color:#fd0;width:min(90%,620px);margin:15vh auto 0;padding:2rem 1.75rem;text-align:center;transform:translateY(20px);opacity:0;transform:translateY(40px) scale(.95);transition:opacity .45s ease,transform .45s cubic-bezier(.25,.8,.25,1);border:2px solid var(--primary);z-index:1;box-shadow:0 0 40px rgba(0,0,0,.8);position:relative}.backdrop.show .popup{opacity:1;transform:translateY(0) scale(1);background-color:#fd0}.popup-title{font-size:42px;width:65%;margin:0 auto;color:#000;font-weight:400;font-family:Bangers}.popup-content{margin-bottom:20px;font-size:2rem;background-color:#000;padding:25px;min-height:250px;color:#fd0;text-transform:uppercase;font-family:Bangers}.popup-btn{background-color:#000;color:var(--dark);border:none;padding:12px 28px;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.popup-btn:hover{color:#fd0;transform:translateY(-2px)}.popup-btn:active{transform:translateY(0)}@media (min-width:768px){.popup{padding:40px}.popup-title{color:#000}.popup-content{font-size:1.75rem}.popup-btn{padding:15px 32px;font-size:1.1rem}}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;background:url(/_next/static/media/background3.4f618332.png) no-repeat 50%;background-size:cover;overflow:hidden}.app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1}.content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:20px}.main-section{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 0}@media (min-width:768px){.main-section{padding:60px 0}}.ready-banner{margin-top:12px;text-align:center;font-family:Press Start\ 2P,monospace;font-size:1.1rem;color:#fd0;opacity:0;transition:opacity .8s ease;position:absolute;bottom:150px}.ready-banner.visible{opacity:1}.hitbox.start{position:absolute;top:45px;left:70px;width:10px;height:10px;background:transparent;border:none;cursor:pointer}@media (max-width:768px){.content,.hero{padding:0}}