:root{--ink:#eef4ea;--muted:#aab8ad;--line:#eef4ea24;--panel:#17211d;--panel-2:#1c2924;--forest:#0c1512;--green:#f7c948;--yellow:#16c7b7;--coral:#ef476f;--sidebar:244px}*{box-sizing:border-box}html{background:var(--forest)}body{color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 82% 12%,#16c7b71a,#0000 32rem),#080a09;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.site-shell{min-height:100dvh}.sidebar{z-index:50;width:var(--sidebar);border-right:1px solid var(--line);background:#0a120f;flex-direction:column;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{align-items:center;gap:11px;padding:0 8px 28px;font-size:1.12rem;font-weight:700;display:flex}.wordmark strong{color:var(--green)}.mark{aspect-ratio:1;width:39px;color:var(--green);background:#2dd4a817;border:1px solid #2dd4a861;border-radius:50%;place-items:center;display:grid}.nav-section{gap:5px;margin-top:18px;display:grid}.nav-section.lower{margin-top:auto}.nav-label{color:#708079;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 7px;font-size:.69rem;font-weight:800}.nav-section a{min-height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:11px;padding:0 12px;font-size:.88rem;font-weight:650;display:flex}.nav-section a:hover,.nav-section a.active{color:var(--ink);background:#17231e}.nav-section a.active svg{color:var(--green)}.sidebar-note{color:#6f7d76;margin:18px 10px 0;font-size:.72rem;line-height:1.5}.page-content{min-height:100dvh;margin-left:var(--sidebar)}.mobile-header,.backdrop{display:none}.home-hero{align-items:end;min-height:100dvh;padding:clamp(28px,6vw,82px);display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover}.hero-scrim{background:linear-gradient(90deg,#040907e0 0%,#04090785 48%,#0409071a 76%),linear-gradient(#0000 42%,#040907ad);position:absolute;inset:0}.hero-topline{color:#eef4eabf;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:.76rem;font-weight:800;display:flex;position:absolute;top:28px;left:clamp(28px,6vw,82px)}.hero-copy{z-index:2;width:min(670px,100%);position:relative}.date-chip,.daily-pill{color:var(--muted);background:#070e0b5c;border:1px solid #eef4ea40;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:750;display:inline-flex}.hero-copy h1{max-width:11ch;margin:18px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,9vw,8.2rem);font-weight:500;line-height:.84}.hero-copy>p{color:#eef4eacc;max-width:560px;margin:0 0 27px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.hero-button,.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-weight:800;display:inline-flex}.hero-button,.primary-button{background:var(--green);color:#07100d}.secondary-button{background:var(--panel-2);color:var(--ink)}.hero-stats{color:#eef4eaa6;flex-wrap:wrap;gap:22px;margin-top:30px;font-size:.78rem;display:flex}.hero-stats span{align-items:center;gap:7px;display:flex}.hero-stats strong{color:var(--ink);font-size:1.05rem}.photo-credit,.image-credit{z-index:2;color:#eef4ea9e;font-size:.67rem;position:absolute;bottom:14px;right:18px}.music-home{background:radial-gradient(circle at 62% 32%,#16c7b72b,#0000 25rem),linear-gradient(135deg,#17120a,#080a09 60%,#13100d)}.home-record{aspect-ratio:1;background:radial-gradient(circle,#f6f1df 0 2.5%,#111 2.8% 8%,#f7c948 8.4% 10%,#111 10.4% 17%,#0000 17.4%),repeating-radial-gradient(circle,#f6f1df29 0 1px,#0000 1px 9px),conic-gradient(from 20deg,#10120f,#29221b,#0b0d0c,#18322e,#0b0d0c);border-radius:50%;width:min(72vw,820px);position:absolute;top:50%;right:-8%;transform:translateY(-50%);box-shadow:inset 0 0 90px #000c,0 36px 100px #00000080}.home-record span{border:2px solid #f7c94880;border-radius:50%;position:absolute;inset:34%}.tonearm{transform-origin:100%;background:linear-gradient(90deg,#0000,#f6f1dfbf,#ef476fe6);border-radius:999px;width:300px;height:18px;position:absolute;top:22%;right:3%;transform:rotate(-24deg)}.music-home .hero-scrim{background:linear-gradient(90deg,#040605ed 0%,#040605b3 46%,#04060514 76%),linear-gradient(#0000 42%,#0406058c)}.genre-art{background:radial-gradient(circle at 25% 25%, color-mix(in srgb, var(--tone,#16c7b7) 25%, transparent), transparent 31rem), linear-gradient(145deg, #121511, #070807);position:absolute;inset:0;overflow:hidden}.music-art:before{content:"";opacity:.18;background-image:linear-gradient(#f6f1df2e 1px,#0000 1px);background-size:100% 9px;position:absolute;inset:0}.record-visual{aspect-ratio:1;background:radial-gradient(circle, #f6f1df 0 2%, #111 2.4% 9%, var(--tone,#f7c948) 9.4% 12%, #111 12.4% 18%, transparent 18.4%), repeating-radial-gradient(circle, #f6f1df26 0 1px, transparent 1px 8px), conic-gradient(#0d0e0c,#27251e,#0b0c0b,#18302d,#0b0c0b);border-radius:50%;width:min(76%,680px);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 70px #000,0 30px 80px #0000008c}.record-visual span{border:1px solid color-mix(in srgb, var(--tone,#f7c948) 65%, white);border-radius:50%;position:absolute;inset:36%}.soundwave{opacity:.52;justify-content:center;align-items:center;gap:6px;height:110px;display:flex;position:absolute;bottom:18%;left:8%;right:8%}.soundwave i{background:var(--tone,#16c7b7);border-radius:99px;flex:1;max-width:8px}.visual-label{color:#f6f1dfa8;text-transform:uppercase;align-items:center;gap:7px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:24px;right:24px}.tone-soul,.tone-country,.tone-classical{--tone:#f7c948}.tone-reggae,.tone-afrobeat,.tone-samba{--tone:#75d66b}.tone-hip-hop,.tone-techno,.tone-dance-rock{--tone:#ef476f}.tone-merseybeat,.tone-eurovision,.tone-k-pop{--tone:#7dd3fc}.tone-grunge,.tone-rock-and-roll,.tone-folk-rock{--tone:#f28f54}.tone-jazz,.tone-afro-cuban,.tone-film-song{--tone:#16c7b7}.loading-screen,.empty-state{min-height:100dvh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.game-page{grid-template-columns:minmax(0,1fr) minmax(480px,.95fr);min-height:100dvh;display:grid}.question-pane{grid-template-rows:minmax(0,1fr) 8px;height:100dvh;display:grid;position:sticky;top:0}.question-image-wrap{min-height:0;position:relative;overflow:hidden}.question-image-wrap img{object-fit:cover}.image-vignette{background:linear-gradient(#0409077a,#0000 32%,#040907c7);position:absolute;inset:0}.question-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;background:#050b089e;border-radius:999px;padding:8px 10px;font-size:.72rem;font-weight:800;position:absolute;top:24px;left:24px}.question-counter span{color:var(--green)}.question-copy{padding:30px 30px 34px;position:absolute;bottom:0;left:0;right:0}.question-copy h1{text-wrap:balance;max-width:760px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,4.6vw,4.7rem);font-weight:500;line-height:1}.image-credit{align-items:center;gap:5px;display:flex;bottom:12px}.progress-strip{background:#090f0d;grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.progress-strip span{background:#27332e}.progress-strip span.done{background:var(--green)}.progress-strip span.current{background:var(--yellow)}.map-pane{background:#0b1310;flex-direction:column;min-height:100dvh;padding:20px;display:flex}.scoreline{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.scoreline span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}.scoreline strong{font-variant-numeric:tabular-nums;font-size:1.55rem}.scoreline small{color:var(--muted);margin-left:4px;font-size:.55em}.world-map-button{aspect-ratio:2;border:1px solid var(--line);cursor:crosshair;background:0 0;border-radius:8px;width:100%;min-height:320px;padding:0;position:relative;overflow:hidden}.world-map-button:disabled{cursor:default}.world-map-button svg{width:100%;height:100%;display:block}.continents path{fill:#56655e;stroke:#eef4ea33;stroke-width:2px}.map-hint{white-space:nowrap;color:var(--muted);pointer-events:none;background:#050b08bd;border-radius:999px;padding:8px 11px;font-size:.72rem;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.map-answer line{stroke:var(--coral);stroke-width:3px;stroke-dasharray:8 8}.map-answer circle:not(.guess-ring):not(.answer-ring){fill:var(--ink)}.guess-ring{fill:#111;stroke:var(--coral);stroke-width:5px}.answer-ring{fill:#111;stroke:var(--green);stroke-width:5px}.answer-panel{flex-direction:column;flex:1;justify-content:center;min-height:240px;padding:22px 4px 4px;display:flex}.guess-prompt,.scoring-state{color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.guess-prompt div{gap:4px;display:grid}.guess-prompt strong{color:var(--ink)}.guess-prompt span{font-size:.8rem}.answer-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid}.tier-swatch{aspect-ratio:1;border-radius:50%;width:13px;box-shadow:0 0 0 5px #ffffff0f}.answer-heading div{gap:3px;display:grid}.answer-heading div span,.distance{color:var(--muted);font-size:.74rem}.answer-heading div strong{font-size:.92rem}.distance{align-items:center;gap:5px;display:flex}.answer-panel h2{margin:20px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500}.answer-panel h2 span{color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-family:Arial,sans-serif;font-size:.34em;font-weight:800;display:block}.answer-panel p{color:var(--muted);margin:0 0 20px;line-height:1.55}.answer-panel .primary-button{align-self:flex-start}.results-page{background:radial-gradient(circle at 15% 15%,#2dd4a81f,#0000 30rem),#0c1512;grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);align-items:center;gap:clamp(30px,7vw,100px);min-height:100dvh;padding:clamp(30px,7vw,90px);display:grid}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:.74rem;font-weight:850;display:flex}.results-intro h1{margin:18px 0 4px;font-family:Georgia,serif;font-size:clamp(5rem,11vw,9rem);font-weight:500;line-height:.8}.results-intro h1 small{color:var(--muted);font-family:Arial,sans-serif;font-size:.16em}.results-intro>p{color:var(--muted)}.result-dots{gap:9px;margin:25px 0;display:flex}.result-dots span{aspect-ratio:1;background:var(--dot);color:#0a110e;border-radius:50%;place-items:center;width:36px;font-weight:900;display:grid}.result-list{border-top:1px solid var(--line)}.result-row{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:17px 0;display:grid}.result-number{color:var(--muted);font-size:.75rem}.result-row div{gap:4px;display:grid}.result-row div span{color:var(--muted);font-size:.75rem}.result-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.content-page{width:min(840px,100% - 42px);margin:0 auto;padding:70px 0}.content-page.narrow{width:min(760px,100% - 42px)}.page-heading{margin-bottom:35px}.page-heading h1{margin:12px 0 9px;font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:500;line-height:.95}.page-heading p{color:var(--muted)}.leaderboard-list{border-top:1px solid var(--line)}.leaderboard-row{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr 80px;gap:10px;padding:16px 10px;display:grid}.leaderboard-row>span{color:var(--muted)}.leaderboard-row b{text-align:right;color:var(--yellow)}.demo-note{color:#6f7d76;margin-top:20px;font-size:.73rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:35px;display:grid}.stat-grid div{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px}.stat-grid strong{font-family:Georgia,serif;font-size:2.7rem;font-weight:500;display:block}.stat-grid span{color:var(--muted);font-size:.75rem}.history-list{gap:12px;display:grid}.history-list>div{grid-template-columns:100px 1fr 55px;align-items:center;gap:12px;display:grid}.history-list span{color:var(--muted);font-size:.75rem}.history-list i{background:var(--panel);border-radius:999px;height:12px;overflow:hidden}.history-list b{border-radius:inherit;background:var(--green);height:100%;display:block}.empty-state.inline{border:1px dashed var(--line);border-radius:8px;min-height:230px}.rules-band{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(3,auto 1fr);align-items:baseline;gap:8px;padding:20px;display:grid}.rules-band strong{font-family:Georgia,serif;font-size:2rem;font-weight:500}.rules-band span{color:var(--muted);font-size:.73rem}.rules-section{border-bottom:1px solid var(--line);padding:36px 0}.rules-section h2{font-family:Georgia,serif;font-size:2rem;font-weight:500}.rules-section p{color:var(--muted);line-height:1.6}.curve-chart{background:var(--panel);border-radius:8px;margin-top:20px;padding:15px}.curve-chart svg{width:100%;height:auto}.curve-chart path{fill:none;stroke:var(--green);stroke-width:4px}.curve-chart line{stroke:var(--line)}.curve-chart text{fill:var(--muted);font-size:12px}.multiplier-grid{grid-template-columns:repeat(5,1fr);align-items:end;gap:9px;height:150px;margin-top:20px;display:grid}.multiplier-grid div{color:var(--muted);justify-items:center;gap:6px;font-size:.7rem;display:grid}.multiplier-grid i{background:var(--yellow);border-radius:5px 5px 0 0;width:100%;max-width:65px}.multiplier-grid strong{color:var(--ink)}.tier-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tier-list span{color:var(--muted);align-items:center;gap:9px;display:flex}.tier-list i{aspect-ratio:1;border-radius:50%;width:12px}.tier-list .green{background:#69d391}.tier-list .yellow{background:var(--yellow)}.tier-list .red{background:var(--coral)}.tier-list .black{background:#6d756f}@media (max-width:980px){:root{--sidebar:0px}.sidebar{width:260px;transition:transform .2s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.backdrop{z-index:40;background:#0000008c;border:0;display:block;position:fixed;inset:0}.mobile-header{z-index:35;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a120ff0;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;height:58px;padding:8px 12px;display:grid;position:sticky;top:0}.icon-button{background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.wordmark.compact{justify-self:start;padding:0;font-size:1rem}.game-page{grid-template-columns:1fr}.question-pane{height:56dvh;min-height:430px;position:relative}.map-pane{min-height:auto}.results-page{min-height:calc(100dvh - 58px)}}@media (max-width:680px){.home-hero{min-height:calc(100dvh - 58px);padding:24px 20px 32px}.hero-scrim{background:linear-gradient(#0409076b 28%,#040907e6 100%)}.hero-topline{top:20px;left:20px}.hero-copy h1{font-size:clamp(3.7rem,19vw,5.3rem)}.photo-credit{display:none}.question-pane{height:52dvh;min-height:390px}.question-counter{top:16px;left:16px}.question-copy{padding:20px 18px 28px}.question-copy h1{font-size:clamp(2rem,10vw,3rem)}.map-pane{padding:14px}.world-map-button{min-height:250px}.answer-panel{min-height:270px}.results-page{grid-template-columns:1fr;align-items:start;padding:45px 22px}.results-intro h1{font-size:5.6rem}.stat-grid{grid-template-columns:1fr}.rules-band{grid-template-columns:auto 1fr}.tier-list{grid-template-columns:1fr}.daily-pill{display:none}}