:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#000;--paper:#fff;--muted:#4b4b4b;--pink:#f9a8d4;--pink-dark:#f472b6;--purple:#d8b4fe;--purple-dark:#c084fc;--blue:#93c5fd;--blue-dark:#60a5fa;--green:#86efac;--green-dark:#4ade80;--yellow:#fef08a;--yellow-dark:#fde047;--orange:#fdba74;--orange-dark:#fb923c;--pixel-font:"Press Start 2P", monospace;--body-font:"Sour Gummy", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--body-font);font-size:17px}.site{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--ink);color:var(--paper);border-bottom:4px solid var(--ink);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.logo{font-family:var(--pixel-font);color:var(--paper);font-size:.95rem;line-height:1.4;text-decoration:none;display:inline-block;transform:rotate(-2deg)}.logo-accent{color:var(--pink)}.nav{gap:1rem;display:flex}.nav-inline{flex-wrap:nowrap}.burger{border:2px solid var(--paper);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:42px;height:42px;padding:0 9px;display:none}.burger span{background:var(--paper);border-radius:2px;height:2px;display:block}@media (width<=640px){.nav-inline{display:none}.burger{display:flex}}.nav-overlay{opacity:0;pointer-events:none;z-index:20;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.nav-overlay-open{opacity:1;pointer-events:auto}.nav-drawer{background:var(--ink);border-left:4px solid var(--pink);z-index:30;flex-direction:column;gap:.5rem;width:min(80vw,300px);padding:4.5rem 1.5rem 2rem;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav-drawer-open{transform:translate(0)}.nav-drawer-close{border:2px solid var(--paper);color:var(--paper);cursor:pointer;background:0 0;border-radius:8px;width:36px;height:36px;font-size:1rem;position:absolute;top:1.25rem;right:1.5rem}.nav-drawer-link{color:var(--paper);border:2px solid #0000;border-radius:8px;padding:.7rem .9rem;font-size:1.15rem;font-weight:700;text-decoration:none}.nav-drawer-link:hover{border-color:var(--paper)}.nav-drawer-link-active{background:var(--pink);color:var(--ink);border-color:var(--ink)}.nav-link{color:var(--paper);border:2px solid #0000;border-radius:6px;padding:.4rem .9rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,border-color .15s}.nav-link:hover{background:var(--paper);color:var(--ink);transform:rotate(-1deg)}.nav-link-active{border-color:var(--pink);background:var(--pink);color:var(--ink)}.content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:3rem 1.5rem 5rem}.footer{text-align:center;color:var(--paper);background:var(--ink);padding:1.25rem;font-size:.85rem}.hero{text-align:center;position:relative}.hero-title{font-family:var(--pixel-font);margin-bottom:1.5rem;font-size:clamp(1.1rem,3.4vw,1.9rem);line-height:1.7}.accent-underline{background:linear-gradient(120deg, var(--pink), var(--purple), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-pitch{color:var(--muted);max-width:620px;margin:0 auto 2.5rem;font-size:1.25rem;font-weight:600;line-height:1.6}.hero-decor{pointer-events:none;z-index:0;display:none;position:fixed;inset:0}@media (width>=1100px){.hero-decor{display:block}}.float-icon{opacity:.7;font-size:2.4rem;position:absolute}.float-1{top:14%;left:4%;transform:rotate(-12deg)}.float-2{top:68%;left:7%;transform:rotate(8deg)}.float-3{top:30%;right:5%;transform:rotate(10deg)}.float-4{top:74%;right:4%;transform:rotate(-8deg)}.float-5{font-size:1.8rem;top:8%;right:12%;transform:rotate(-4deg)}.float-6{font-size:1.8rem;top:50%;left:2.5%;transform:rotate(15deg)}.btn{border:2px solid var(--ink);font-size:1rem;font-weight:800;font-family:var(--body-font);cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:.85rem 1.8rem;transition:transform .15s,box-shadow .15s}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-accent{background:var(--pink);color:var(--ink)}.btn-accent:hover:not(:disabled){box-shadow:6px 6px 0 var(--ink);background:var(--pink-dark);transform:translate(-2px,-2px)}.game-promo{background:var(--yellow);border:2px solid var(--ink);max-width:26rem;box-shadow:4px 4px 0 var(--ink);color:var(--ink);border-radius:12px;flex-direction:column;gap:.35rem;margin-top:2rem;padding:1.1rem 1.4rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:flex;transform:rotate(-1deg)}.game-promo:hover{box-shadow:6px 6px 0 var(--ink);background:var(--yellow-dark);transform:rotate(-1deg)translate(-2px,-2px)}.game-promo-text{font-size:.9rem;font-weight:600;line-height:1.4}.game-promo-link{font-family:var(--pixel-font);font-size:.85rem;line-height:1.6}.countdown{margin-top:1rem}.countdown-grid{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:.75rem;display:flex}.countdown-unit{background:var(--yellow);border:2px solid var(--ink);min-width:80px;box-shadow:3px 3px 0 var(--ink);border-radius:10px;flex-direction:column;align-items:center;padding:1rem 1.3rem;display:flex}.countdown-unit:first-child{background:var(--pink);transform:rotate(-3deg)}.countdown-unit:nth-child(2){background:var(--blue);transform:rotate(2deg)}.countdown-unit:nth-child(3){background:var(--green);transform:rotate(-2deg)}.countdown-unit:nth-child(4){background:var(--yellow);transform:rotate(3deg)}.countdown-number{font-family:var(--pixel-font);font-size:1.3rem}.countdown-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.4rem;font-size:.7rem}.countdown-caption{color:var(--muted);margin-bottom:1.5rem;font-weight:600}.rickroll-box{margin-top:1.5rem}.rickroll-frame{aspect-ratio:16/9;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--pink);border-radius:10px;overflow:hidden}.rickroll-caption{color:var(--muted);margin-top:1rem;font-weight:600}.page-title{font-family:var(--pixel-font);margin-bottom:1rem;font-size:1.4rem;line-height:1.7}.page-lead{color:var(--muted);margin-bottom:1.5rem;font-weight:600;line-height:1.6}.contact-card{background:var(--blue);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:12px;padding:1.5rem;display:inline-block;transform:rotate(-1deg)}.contact-link{color:var(--ink);font-size:1.1rem;font-weight:800;text-decoration:none}.game-hud{color:var(--ink);justify-content:space-between;margin-bottom:1.5rem;font-weight:800;display:flex}.venue-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.venue-card{background:var(--paper);background-image:radial-gradient(var(--purple) 1.5px, transparent 1.5px);border:2px solid var(--ink);text-align:left;color:var(--ink);cursor:pointer;font-family:var(--body-font);box-shadow:4px 4px 0 var(--ink);background-size:14px 14px;border-radius:12px;flex-direction:column;gap:.4rem;padding:1.2rem;transition:transform .15s,box-shadow .15s;display:flex}.venue-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.venue-name{font-size:1.1rem;font-weight:800}.venue-date{color:var(--muted);font-size:.9rem;font-weight:600}.attendance-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.attendance-chip{border:2px solid var(--ink);background:var(--blue);color:var(--ink);border-radius:999px;padding:.3rem .65rem;font-size:.85rem;font-weight:700}.attendance-chip-empty{color:var(--muted);opacity:.7;background:#eee}.song-list{flex-direction:column;gap:.8rem;margin:1.5rem 0;display:flex}.song-card{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.song-card-selected{background:var(--green)}.song-play{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);cursor:pointer;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-size:1.1rem}.song-play-loading{animation:.9s ease-in-out infinite song-play-pulse}@keyframes song-play-pulse{0%,to{opacity:1}50%{opacity:.45}}.song-info{flex:1;min-width:0}.song-title-row{justify-content:space-between;margin-bottom:.4rem;font-weight:800;display:flex}.song-duration{color:var(--muted);font-weight:600}.song-requirements{flex-wrap:wrap;gap:.4rem;display:flex}.pill{border:2px solid var(--ink);color:var(--ink);background:#eee;border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:700}.pill-required{background:var(--green)}.pill-optional-present{background:var(--yellow)}.pill-optional-absent{color:var(--muted);opacity:.7;background:#eee}.song-select{color:var(--ink);cursor:pointer;flex-direction:column;align-items:center;gap:.2rem;font-size:.75rem;font-weight:700;display:flex}.result-gain{font-family:var(--pixel-font);color:var(--ink);background:var(--green);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:10px;padding:.6rem 1rem;font-size:2rem;display:inline-block}.result-songs{flex-direction:column;gap:.8rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.result-song{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;padding:.9rem 1.1rem;display:flex}.result-quality{color:var(--muted);font-weight:700}