:root{--bg:#050505;--fg:#f8f8f8;--muted:#cfd2d7;--sunset-1:#ffb347;--sunset-2:#ff7043;--sunset-3:#ffcc33;--sunset-4:#ff5e62;--accent:#35d48c;--card:rgba(255,255,255,0.04);--border:rgba(255,255,255,0.08);--logo-height:280px;color-scheme:dark;font-family:Montserrat,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{width:100%;overflow-x:hidden}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);line-height:1.6;position:relative}.auth{width:100%}.auth__card{max-width:92vw}.auth__switch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 0 18px;padding:14px;border-radius:14px;border:1px solid rgba(255,204,51,.45);background:linear-gradient(135deg,rgba(255,204,51,.16),rgba(53,212,140,.1));box-shadow:0 12px 28px rgba(0,0,0,.28)}.auth__switch-title{margin:0 0 2px;color:#fff;font-weight:900;font-size:1rem}.auth__switch-copy{margin:0;color:var(--muted);font-size:.86rem;line-height:1.35}.auth__switch-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,204,51,.7);background:linear-gradient(120deg,var(--sunset-3),var(--sunset-1));color:#111;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px rgba(255,179,71,.22)}.auth__switch-action:focus-visible,.auth__switch-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,179,71,.28)}@media (max-width:768px){.auth{width:100%;padding:0 12px}.auth__switch{grid-template-columns:1fr}.auth__switch-action{width:100%}.games-home__hero,.games-home__topbar{grid-template-columns:1fr}.games-home__topbar{align-items:flex-start}.games-home__menu-panel{right:0;width:min(220px,72vw)}.games-home__grid{grid-template-columns:1fr}.games-home__hero{min-height:0}}.ambient-backdrop{position:relative;z-index:0;overflow:hidden}.ambient-backdrop:before{content:"";position:fixed;inset:-30% -20% -20% -20%;transform:rotate(0deg);background-size:180% 180%;background-position:0 0;background:conic-gradient(from 200deg at 50% 0,rgba(255,90,80,.26),rgba(255,140,0,.26),rgba(255,94,98,.24),rgba(255,215,64,.2),rgba(64,180,255,.18),rgba(56,220,150,.2),rgba(255,90,80,.26));filter:blur(56px);opacity:.7;mix-blend-mode:screen;animation:none;z-index:-4;pointer-events:none}@media (pointer:fine){.ambient-backdrop:before{filter:blur(38px);opacity:.52}.ambient-backdrop:after{filter:blur(18px);opacity:.6}}.ambient-backdrop:after{content:"";position:fixed;inset:-20% -10% -30% -10%;background-size:160% 160%;background-position:100% 0;background:radial-gradient(circle at 20% 18%,rgba(255,90,80,.18),transparent 34%),radial-gradient(circle at 42% 58%,rgba(255,215,64,.16),transparent 36%),radial-gradient(circle at 78% 18%,rgba(64,180,255,.15),transparent 32%),radial-gradient(circle at 72% 72%,rgba(56,220,150,.18),transparent 38%),radial-gradient(circle at 88% 52%,rgba(53,212,140,.16),transparent 40%);opacity:.9;animation:none;z-index:-3;pointer-events:none}.jukebox-frame{max-width:1200px;margin:0 auto;padding:10px 16px 32px;position:relative;background:transparent;border-radius:50px 50px 0 0;overflow:hidden}.page-shell{max-width:1100px;margin:0 auto;padding:48px 20px 72px}main{display:flex;flex-direction:column;gap:32px}.admin,.auth{min-height:60vh;display:grid;place-items:center}.admin{display:flex;flex-direction:column;align-items:stretch;position:relative}.games-home{width:min(1120px,100%);margin:0 auto;padding:10px 0 36px}.games-home__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.games-home__brand{width:min(260px,46vw);height:auto;display:block}.games-home__section-title{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.games-home__menu{position:relative;display:flex;justify-content:flex-end;margin-left:auto;z-index:12}.games-home__menu-button{min-width:112px}.games-home__menu-panel{position:absolute;top:calc(100% + 10px);right:0;width:220px;display:grid;gap:8px;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(8,12,18,.94);box-shadow:0 18px 38px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.games-home__menu-panel .pill{width:100%;justify-content:center}.games-home__main{display:grid;gap:22px}.games-home__hero{display:grid;grid-template-columns:minmax(0,720px);gap:28px;align-items:center;justify-content:start;min-height:360px}.games-home__hero h1{font-size:clamp(42px,7vw,82px);line-height:.95;margin:0 0 14px}.games-home__hero-logo{display:none}.games-home__section{display:grid;gap:14px}.games-home__section-title{justify-content:space-between}.games-home__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.games-home__available,.games-home__leaders{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.games-home__game{min-height:172px;display:grid;gap:8px;align-content:start;text-align:left;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(10,16,24,.84);color:inherit;cursor:pointer}.games-home__leader{grid-template-columns:minmax(54px,auto) minmax(0,1fr) auto;align-items:center;cursor:default}.games-home__available .games-home__game,.games-home__leader{min-height:0;width:100%}@media (max-width:640px){.games-home__leader{grid-template-columns:minmax(48px,auto) minmax(0,1fr)}.games-home__leader .muted{grid-column:2}}.admin-leaderboard-row{display:grid;gap:6px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}.admin-leaderboard-row:first-child{border-top:0}.games-home__game strong{font-size:20px;line-height:1.15}.games-home__status{width:fit-content;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.14)}.games-home__status--live{background:rgba(53,212,140,.16);color:#9ff0c5}.games-home__status--scheduled{background:rgba(122,160,255,.16);color:#b9cbff}.admin .panel{width:100%}@media (min-width:900px){.admin .panel{max-width:1100px;margin:0 auto}}.metadata-overlay{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.35);pointer-events:none}.metadata-panel{position:absolute;left:50%;top:50%;width:min(560px,92vw);max-height:80vh;overflow-y:auto;padding:16px;border-radius:16px;border:3px solid #ff5e62;background:rgba(5,5,5,.92);box-shadow:0 18px 40px rgba(0,0,0,.45);transform:translate(-160%,-50%);animation:metadataSlideIn .45s ease forwards;pointer-events:auto}.metadata-panel__close{position:absolute;top:8px;right:10px;border:0;background:rgba(0,0,0,.35);color:#ff5e62;font-size:22px;line-height:1;width:30px;height:30px;border-radius:999px;cursor:pointer}@keyframes metadataSlideIn{to{transform:translate(-50%,-50%)}}.auth__card{width:min(420px,100%);border:1px solid var(--border);border-radius:16px;padding:20px;background:var(--card)}.auth__card,.auth__form{display:grid;gap:12px}.auth__form label{display:grid;gap:6px;font-size:14px}.auth__form input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--fg)}.auth__links{display:flex;gap:12px;flex-wrap:wrap}.error{color:#ff5e62}.admin__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.admin__actions--split{justify-content:space-between;align-items:flex-start;width:100%}.admin__actions--status{flex-direction:column;align-items:flex-end;justify-content:flex-end;margin-left:auto;text-align:right;gap:6px}.admin__actions--stacked{flex-direction:column;align-items:flex-start}.admin__list{display:flex;flex-direction:column;gap:8px;width:100%}.admin__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 0;border-bottom:1px solid var(--border)}.admin__row:last-child{border-bottom:0}.admin__tab-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border-radius:6px;font-size:11px;letter-spacing:.4px;opacity:.75}.admin__tab-icon,.grant-box{border:1px solid var(--border)}.grant-box{border-radius:12px;padding:10px;background:rgba(255,255,255,.05)}.grant-box__title{margin:0 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sunset-1)}.admin__input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--fg);margin-bottom:8px}.admin__input option,.admin__input select{background:#0b0b0b;color:var(--fg)}.admin__input--range{width:min(260px,100%)}.badge-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid var(--border);font-size:12px}.spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff}.badge-inline--venue{background:rgba(255,184,77,.16);border-color:rgba(255,184,77,.4);color:#ffcc7a;margin-left:8px;font-weight:600}.badge-inline--blocked{background:rgba(255,92,92,.16);border-color:rgba(255,92,92,.4);color:#ff9a9a;margin-left:8px;font-weight:600}.pending-list{display:grid;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.pending-row{border:none;border-radius:10px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent}.user-row{overflow:hidden;max-height:900px;transform-origin:top;transition:max-height 2s ease,opacity 1.6s ease,transform 2s ease,margin 2s ease,padding 2s ease;will-change:max-height,opacity,transform}.user-row.user-row--deleting{max-height:0;opacity:0;transform:scaleY(.01);margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}.pending-row__text{min-width:0;display:grid;gap:4px}.pending-row__text p{margin:0;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.genre-placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.genre-placeholder{border-radius:12px;padding:12px;background:linear-gradient(135deg,rgba(255,179,71,.22),rgba(53,212,140,.18));border:1px solid var(--border);min-height:80px;display:grid;place-items:center;text-align:center}.genre-placeholder__label{font-weight:700;text-transform:capitalize;color:var(--fg)}.genre-placeholder-scroll{max-height:260px;overflow-y:auto;padding-right:4px}.hero{position:relative;border:none;border-radius:0;padding:16px 0 28px;background:transparent;overflow:visible}.hero--grid{display:grid;gap:18px;grid-template-columns:1fr}.hero--tight{padding-bottom:6px}.hero__text h1{margin:6px 0 10px;font-size:clamp(36px,4vw,46px);letter-spacing:-.5px}.hero__text{padding-top:52px}.hero__logo{font-size:0;letter-spacing:0;line-height:1}.hero__logo img{display:block;max-width:360px;width:min(360px,82vw);height:auto;margin:0 auto;filter:drop-shadow(0 6px 24px rgba(0,0,0,.35))}.hero__text{display:flex;flex-direction:column;align-items:center}.hero__center,.hero__text{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;margin:0}.eyebrow,.lede{color:var(--muted)}.lede{max-width:620px}.hero__actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.hero__actions--guest,.hero__actions--menu{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 8px);right:12px;z-index:10;padding:4px 6px;border-radius:999px;background:rgba(0,0,0,.55);box-shadow:0 6px 18px rgba(0,0,0,.35)}.hero__menu{position:absolute;top:42px;right:0;background:rgba(0,0,0,.7);border:1px solid var(--border);border-radius:12px;padding:8px;display:grid;gap:8px;min-width:160px;max-height:calc(100vh - 96px);overflow-y:auto;z-index:5}.install-help{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.7)}.install-help__card{width:min(420px,100%);background:#111;border:1px solid var(--border);border-radius:16px;padding:18px 18px 16px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.install-help__steps{margin:10px 0 12px;padding-left:18px}.install-help__steps li{margin-bottom:6px}.install-nudge{position:fixed;inset:0;z-index:35;border:0;background:transparent;padding:0;cursor:pointer}.install-nudge__bubble{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 54px);right:16px;max-width:min(280px,calc(100vw - 32px));background:rgba(17,17,17,.96);border:1px solid var(--accent,#f59e0b);border-radius:12px;padding:10px 12px;color:#f5f5f5;text-align:left;font-size:12px;line-height:1.35;box-shadow:0 12px 28px rgba(0,0,0,.5)}.install-nudge__bubble:before{content:"";position:absolute;top:-8px;right:28px;width:14px;height:14px;background:rgba(17,17,17,.96);border-left:1px solid var(--accent,#f59e0b);border-top:1px solid var(--accent,#f59e0b);transform:rotate(45deg)}.confirm-modal__brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:600}.confirm-modal__logo{max-height:40px;max-width:200px;object-fit:contain}.confirm-modal__name{font-size:16px;color:#fff;letter-spacing:.02em}.hero__chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);font-size:12px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);color:var(--fg);text-decoration:none;font-weight:600;transition:transform .12s ease,border-color .12s ease,background .12s ease}.button:hover{transform:translateY(-1px);border-color:rgba(255,179,71,.6)}.button--primary{background:linear-gradient(120deg,var(--sunset-1),var(--sunset-2));color:#0b0b0b}.button--ghost{background:transparent}.hero__art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.hero__art__image{position:relative;width:min(220px,70%);aspect-ratio:1/1.1;display:grid;place-items:center}.hero__art__image img{max-width:100%;opacity:.4}.hero__art__glow{position:absolute;inset:8%;background:radial-gradient(circle at 50% 50%,rgba(255,179,71,.25),rgba(255,94,98,.1),transparent 60%);filter:blur(20px);z-index:-1}.hero__badge{font-size:13px;color:var(--muted);text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{border-radius:16px;padding:16px;background:transparent;border:none}.card__eyebrow{margin:0 0 8px;color:var(--sunset-3);font-weight:700}.card__body{margin:0 0 12px;color:var(--muted)}.card__cta{color:var(--accent);text-decoration:none;font-weight:600}.panel{border-radius:16px;padding:20px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.panel--search{border:1px solid rgba(255,204,51,.4);background:linear-gradient(140deg,rgba(255,146,64,.12),rgba(12,10,6,.75));box-shadow:0 22px 40px rgba(0,0,0,.45)}.panel--search .panel__title{font-size:1.1rem}.two-up{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.panel__title{margin:0 0 10px;font-weight:700;color:var(--sunset-2);position:relative;padding-bottom:6px}.panel__title:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:2px;background:linear-gradient(90deg,var(--sunset-1),var(--sunset-2),var(--accent));background-size:200% 100%;transition:background-position .4s ease}.panel__title:hover:after{background-position:100% 0}.panel__title--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.panel__title--collapsible:before{content:"▾";display:inline-block;margin-right:8px;font-size:12px;color:var(--muted);transition:transform .18s ease}.panel__title--collapsed:before{transform:rotate(-90deg)}.panel__title--minor{font-size:.95rem;color:var(--muted);margin-bottom:6px}ol,ul{margin:0;padding-left:18px;color:var(--muted)}.card--now{position:relative;display:grid;gap:10px;padding:16px;border-radius:18px;background:linear-gradient(140deg,rgba(255,90,80,.12),rgba(53,212,140,.06));background-size:100% 100%;background-position:50% 50%;border:1px solid rgba(255,255,255,.08);overflow:hidden}.card--now,.card--now:after,.card--now:before{animation:none}.card--queue{background:transparent;border:none;padding:0}.now__art{position:relative;width:100%;max-width:220px;max-height:220px;margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.now__art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.now__art:before{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 40% 40%,rgba(255,179,71,.35),rgba(255,94,98,.1),transparent 65%);filter:blur(18px);z-index:-1}.now__controls{display:flex;gap:10px}.now__viz{display:flex;width:100%;max-width:100%;gap:0;align-items:flex-end;height:44px;margin:8px 0;border-radius:10px;background:rgba(0,0,0,.35);padding:6px 4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.now__viz .bar{display:block;flex:1 1;background:linear-gradient(180deg,var(--sunset-1),var(--accent));border-radius:4px;transition:height .2s ease,opacity .14s ease;box-shadow:0 0 12px rgba(255,140,0,.25)}.now__viz--paused .bar{opacity:.35}.badge--paused{border:1px solid var(--border);color:var(--sunset-3);margin-top:-4px}.badge--paused,.now__progress{background:rgba(255,255,255,.08)}.now__progress{width:100%;display:grid;gap:4px;position:relative;height:8px;border-radius:999px;overflow:hidden}.now__progress-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--sunset-1),var(--accent));transition:width .2s ease;box-shadow:0 0 16px rgba(255,179,71,.4)}.now__progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:2px}.now__genre{display:inline-flex;align-items:center;gap:8px}.now__genre img{width:60px;height:60px;object-fit:contain;border-radius:12px}.pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:100%;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--fg);cursor:pointer;text-align:center;white-space:nowrap;transition:box-shadow .16s ease,transform .16s ease}.pill--ghost{background:transparent}.pill--active{border-color:rgba(255,204,51,.6);background:rgba(255,204,51,.16);box-shadow:0 10px 22px rgba(0,0,0,.35)}.pill:not(:disabled):hover{box-shadow:0 0 0 1px rgba(255,204,51,.5),0 8px 24px rgba(255,140,0,.2);transform:translateY(-1px)}.pill:disabled{cursor:not-allowed;opacity:.58}.pill:focus-visible{outline:2px solid var(--sunset-3);outline-offset:2px}.muted{color:var(--muted)}.tiny{font-size:12px}.card--queue ul{list-style:none;padding-left:0;display:grid;gap:10px}.queue__list li{position:relative;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;overflow:hidden}.queue__list li:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:linear-gradient(180deg,var(--sunset-1),var(--accent));opacity:.35}.queue__list li:first-child:after{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px rgba(53,212,140,.8);transform:translateY(-50%);animation:pulseDot 2.2s ease-in-out infinite}.queue__list li:hover{border-color:rgba(255,179,71,.65);box-shadow:0 10px 20px rgba(0,0,0,.25);transform:translateY(-2px)}.queue__item{display:flex;align-items:center;gap:10px}.queue__thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.queue__title{margin:0 0 2px;font-weight:700}.queue__scroll{max-height:220px;overflow-y:auto;padding-right:4px}.credits-alert{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,94,98,.65);background:rgba(255,94,98,.12);color:#ff5e62;font-weight:800;font-size:14px}.queue__list--tight{display:grid;gap:10px}.badge--liked{background:linear-gradient(120deg,var(--sunset-1),var(--sunset-2));color:#0b0b0b;border-color:rgba(255,179,71,.7)}.badge{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;text-transform:capitalize}.queue__list li[data-status=playing]{border-color:rgba(255,179,71,.8)}.genres{display:flex;gap:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;scroll-snap-type:x proximity;scroll-padding-inline:10px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-gutter:stable;box-shadow:inset 18px 0 18px -18px rgba(0,0,0,.6),inset -18px 0 18px -18px rgba(0,0,0,.6)}.genre{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);padding:0;min-height:auto;min-width:auto;width:188px;height:188px;flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;transition:transform .16s ease,box-shadow .16s ease}.genre:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,0,0,.05),rgba(0,0,0,.55));opacity:.75;z-index:1;pointer-events:none}.genre:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px rgba(0,0,0,.35)}.genre__placeholder-box{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,179,71,.22),rgba(53,212,140,.18));color:#fff;font-weight:700;letter-spacing:.02em;text-transform:capitalize}.genre img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.genre__label{position:absolute;left:12px;bottom:10px;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.55);color:#fff;font-weight:700;letter-spacing:.02em;display:grid;gap:2px;z-index:2}.genre__count{display:inline-block;font-size:11px;font-weight:600;color:var(--sunset-3);background:rgba(0,0,0,.55);padding:2px 6px;border-radius:999px}.genres__reset{margin:8px 2px}.genre--active{outline:2px solid var(--sunset-1)}.search-results{display:flex;gap:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:8px 2px 12px;flex-wrap:nowrap;scroll-snap-type:x proximity;scroll-padding-inline:10px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-gutter:stable;box-shadow:inset 18px 0 18px -18px rgba(0,0,0,.6),inset -18px 0 18px -18px rgba(0,0,0,.6)}.search-results::-webkit-scrollbar{height:6px}.search-results::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:999px}.loading-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px dashed rgba(255,255,255,.15);background:rgba(0,0,0,.35)}.spinner{width:16px;height:16px;border-radius:50%;border-color:transparent transparent rgba(255,255,255,.35) rgba(255,255,255,.35);border-style:solid;border-width:2px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.search-card{min-width:160px;max-width:160px;flex:0 0 160px;scroll-snap-align:start;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--card);display:grid;grid-template-rows:auto 1fr auto;gap:8px;align-items:stretch;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.search-card:hover{border-color:rgba(255,179,71,.65);box-shadow:0 12px 24px rgba(0,0,0,.35);transform:translateY(-3px)}@supports (-webkit-touch-callout:none){.genres,.search-results{overflow-x:scroll;scroll-snap-type:none}.genre,.search-card{scroll-snap-align:none}}.search-panel{margin:8px 0;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(0,0,0,.45),rgba(255,255,255,.03));box-shadow:0 16px 30px rgba(0,0,0,.25)}.search-panel .admin__input{background:rgba(0,0,0,.45);border-color:rgba(255,255,255,.12)}.search-panel .admin__input:focus{outline:2px solid rgba(255,204,51,.35)}.search-card img{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.search-card__text{display:grid;gap:4px;align-self:stretch}.search-card__text p{margin:0}.search-card__text .queue__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;max-height:2.6em}body:before{content:"";position:fixed;top:16px;left:50%;transform:translateX(-50%);width:560px;height:280px;background:none;opacity:0;transition:opacity .32s ease;pointer-events:none;z-index:-2}body[data-view=admin-games]:before,body[data-view=games]:before{top:18px;width:min(780px,86vw);height:auto;aspect-ratio:3/2;background:url(/assets/coolcatgames.png) no-repeat 50%/contain;opacity:.16}body[data-view=admin-jukebox]:before,body[data-view=admin]:before{background:url(/assets/CoolCatJuke-Sub-Logo.png) no-repeat 50%/contain;opacity:.35}body[data-view=jukebox]:before,body[data-view=wall]:before{top:18px;width:min(812px,92vw);height:auto;aspect-ratio:3/1;background:url(/assets/CoolCatJukebox-Main%20Logo.png) no-repeat 50%/contain;opacity:.4}body.logo-hidden:before{opacity:0}@media (pointer:fine) and (min-width:900px){body[data-view=admin-games]:before,body[data-view=admin-jukebox]:before,body[data-view=admin]:before,body[data-view=games]:before,body[data-view=jukebox]:before,body[data-view=wall]:before{transition:opacity .16s ease}}.card--now{width:100%}.card--now h3,.card__eyebrow,.hero__text h1,.panel__title{animation:none}.card code,.panel code{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:6px;color:var(--sunset-3);font-size:13px}@media (max-width:768px){body[data-view=admin-games]:before,body[data-view=admin-jukebox]:before,body[data-view=games]:before,body[data-view=jukebox]:before,body[data-view=wall]:before{top:-18px;width:min(100vw,560px);height:auto;opacity:.35}body[data-view=admin-games]:before,body[data-view=games]:before{top:32px;width:min(108vw,560px);opacity:.13}.jukebox-frame{padding:0 0 24px;border-radius:34px 34px 0 0}.panel{padding:14px}.ambient-backdrop:before{inset:0;width:100vw;height:100vh;opacity:.65;filter:blur(66px)}.ambient-backdrop:after{inset:0;width:100vw;height:100vh;opacity:.8}.hero--grid{grid-template-columns:1fr}.hero__art{display:none}.page-shell{padding:0 0 28px}.landing,.page-shell{width:100%;max-width:100%}.landing{gap:20px}.jukebox-frame{width:100%;max-width:100%}:root{--logo-height:200px}}@media (min-width:900px){.search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));overflow:visible;box-shadow:none}.search-card{min-width:0;max-width:none;width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{text-shadow:0 0 6px rgba(255,179,71,.15),0 0 14px rgba(255,94,98,.1)}50%{text-shadow:0 0 12px rgba(255,179,71,.35),0 0 24px rgba(255,94,98,.25)}to{text-shadow:0 0 6px rgba(255,179,71,.15),0 0 14px rgba(255,94,98,.1)}}@keyframes pulseSlow{0%,to{text-shadow:0 0 6px rgba(255,204,51,.14)}50%{text-shadow:0 0 14px rgba(255,204,51,.28)}}@keyframes spotlightSweep{0%{background-position:10% 0;transform:rotate(-6deg)}33%{background-position:80% 10%;transform:rotate(4deg)}66%{background-position:30% 5%;transform:rotate(-2deg)}to{background-position:60% 8%;transform:rotate(3deg)}}@keyframes ambientColorCycle{0%{filter:blur(44px) hue-rotate(0deg) saturate(1.25) brightness(1.05);opacity:.52}50%{filter:blur(58px) hue-rotate(18deg) saturate(1.5) brightness(1.12);opacity:.68}to{filter:blur(50px) hue-rotate(0deg) saturate(1.25) brightness(1.05);opacity:.52}}@keyframes ambientGlow{0%{filter:hue-rotate(0deg) saturate(1.25) brightness(1.05);opacity:.6}50%{filter:hue-rotate(22deg) saturate(1.55) brightness(1.15);opacity:.74}to{filter:hue-rotate(0deg) saturate(1.25) brightness(1.05);opacity:.6}}@keyframes ambientDrift{0%{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(52px) rotate(18deg)}to{transform:translateX(-50%) translateY(0) rotate(0deg)}}@keyframes ambientPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-26px) scale(1.12)}to{transform:translateY(0) scale(1)}}@keyframes ambientSweep{0%{background-position:0 0}50%{background-position:100% 40%}to{background-position:0 100%}}@keyframes pulseDot{0%,to{transform:translateY(-50%) scale(.95);opacity:.6}50%{transform:translateY(-50%) scale(1.2);opacity:1}}@keyframes ccjPulseOutline{0%{box-shadow:0 0 0 0 rgba(255,204,51,0),0 0 0 0 rgba(53,212,140,0)}30%{box-shadow:0 0 0 3px rgba(255,204,51,.35),0 0 18px 2px rgba(53,212,140,.18)}70%{box-shadow:0 0 0 2px rgba(255,204,51,.25),0 0 14px 1px rgba(53,212,140,.14)}to{box-shadow:0 0 0 0 rgba(255,204,51,0),0 0 0 0 rgba(53,212,140,0)}}.ccj-pulse-grid{animation:ccjPulseOutline .9s ease-in-out 1;border-radius:14px;outline:2px solid rgba(255,204,51,.18);outline-offset:2px}.ccj-squares-wrap{width:100%;overflow-x:auto;padding:8px 0}.ccj-squares-grid{display:grid;gap:6px;grid-template-columns:96px repeat(10,minmax(44px,125px));justify-content:center;align-content:start}@media (max-width:900px){.ccj-squares-grid{grid-template-columns:84px repeat(10,minmax(34px,1fr));gap:4px;justify-content:start}.ccj-sq-cell{padding:6px;min-height:52px;border-radius:9px}.ccj-sq-name{font-size:11px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccj-sq-badge{width:24px;height:24px;font-size:10px}}@media (max-width:420px){.ccj-squares-grid{grid-template-columns:72px repeat(10,minmax(30px,1fr));gap:3px}.ccj-sq-cell{padding:5px;min-height:48px}.ccj-sq-name{font-size:10px}}.ccj-sq-cell{box-sizing:border-box;border:1px solid #1f2d44;border-radius:10px;background:#0d1525;padding:8px;min-height:44px;display:flex;align-items:center;justify-content:center}.ccj-sq-head{background:#0f1a2e;color:#d6deea;font-weight:700}.ccj-sq-btn{width:100%;height:100%;border:0;background:transparent;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0}.ccj-sq-name{font-size:12px;line-height:1.1;text-align:center;white-space:normal;word-break:break-word}.ccj-sq-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:11px}.ccj-sq-badges{display:flex;gap:6px}.ccj-digit-flicker{filter:blur(1.2px);opacity:.92}.ccj-digit-lock{filter:none;opacity:1;transition:filter .12s ease-out,opacity .12s ease-out}.ccj-digit-pop{animation:ccjDigitPop .16s ease-out 1}@keyframes ccjDigitPop{0%{transform:scale(1)}60%{transform:scale(1.08)}to{transform:scale(1)}}