.place-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.place-label{position:absolute;left:0;top:0;box-sizing:border-box;width:max-content;max-width:190px;padding:7px 11px 8px;border:1px solid #b6efdc88;border-radius:10px;background:#102b2ded;color:#f5fff9;box-shadow:0 3px 12px #0006;text-align:center;font:12px/1.25 system-ui,sans-serif;visibility:hidden}.place-label small{display:block;color:#b1dfcc;font-size:9px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px}.place-label strong{font-weight:650}.place-label:after{content:"";position:absolute;left:calc(50% - 1px);top:100%;height:18px;width:2px;background:#c3f6df;box-shadow:0 1px 3px #0008}.place-label-toggle{position:absolute;right:12px;bottom:calc(120px + env(safe-area-inset-bottom,0px));z-index:4;min-height:44px;min-width:90px;border:1px solid #b6efdc88;border-radius:22px;background:#102b2de8;color:#f5fff9;font:600 12px system-ui,sans-serif;touch-action:manipulation}.place-label-toggle:focus-visible{outline:3px solid #bef5dd;outline-offset:3px}.place-labels[hidden],.place-label-toggle[hidden]{display:none}.feel-layer{position:fixed;inset:0;pointer-events:none;color:#fff;font-weight:750;text-shadow:0 2px 5px #000}.tier-beat{position:absolute;top:25%;width:100%;text-align:center;font-size:clamp(24px,5vw,44px);letter-spacing:-.04em}.tier-status{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 46px);left:12px;font-size:13px;background:#092d25eb;border:1px solid #aaf0c240;border-radius:999px;padding:6px 12px;color:#eef5ee}.combo{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 50px);right:16px;font-size:15px;color:#aaf0c2}.sound-toggle{position:absolute;right:12px;bottom:calc(52px + env(safe-area-inset-bottom,0px));pointer-events:auto;min-height:44px;border:1px solid #aaf0c266;background:#092d25eb;color:#eef5ee;border-radius:999px;padding:10px 16px;font:600 13px system-ui,sans-serif;touch-action:manipulation}.floaters{position:absolute;left:50%;top:48%}.value-pop{position:absolute;font-size:19px;color:#c4ffe5;animation:value-pop .65s ease-out both}@keyframes value-pop{0%{transform:translate(-50%) scale(.8);opacity:1}to{transform:translate(-50%,-60px) scale(1.1);opacity:0}}@media(prefers-reduced-motion:reduce){.value-pop{animation:none}}:root{--forest:#092d25;--forest-deep:#061f1a;--forest-line:#ffffff24;--mint:#aaf0c2;--mint-ink:#062a1f;--paper:#f3ecd9;--paper-edge:#dcd0b2;--paper-ink:#1d2b24;--paper-muted:#5d6a60;--gold:#f4c45a;--cream:#eef5ee;--muted:#b7c8bf;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ink:var(--mint-ink)}.play-shell{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;color:var(--cream);font-family:var(--sans);background:radial-gradient(120% 60% at 85% 0%,#1d4a3ce6,transparent 70%),linear-gradient(180deg,#092d25f2,#061f1afa)}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(12px,env(safe-area-inset-top)) 20px 8px;min-height:44px}.shell-brand{display:flex;align-items:center;gap:9px;margin:0;font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--cream)}.brand-mark{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--mint) 0 38%,transparent 40% 58%,var(--mint) 60% 76%,transparent 78%)}.shell-scroll{flex:1;min-height:0;overflow:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:8px 20px 28px}.play-panel{max-width:1120px;margin:0 auto;position:relative}.shell-footer{flex:none;background:#051a15f7;border-top:1px solid var(--forest-line);padding-bottom:env(safe-area-inset-bottom)}.shell-nav{display:grid;grid-template-columns:repeat(2,1fr);max-width:520px;margin:0 auto}.nav-tab{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:#a9bdb3;font:600 12px var(--sans);cursor:pointer;touch-action:manipulation}.nav-tab .icon{width:22px;height:22px}.nav-tab[aria-current=page]{color:var(--mint)}.shell-footer #attribution{position:static;display:block;margin:0 auto;max-width:none;background:none;color:#d4e2da;font-size:11px;line-height:1.35;padding:6px 16px 8px;text-align:center;border-radius:0;box-shadow:none}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-play{fill:currentColor;stroke:none}.play-panel h1{font-family:var(--serif);font-weight:700;font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.02em;margin:6px 0 10px;outline:0;white-space:pre-line;text-wrap:balance}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin:14px 0 4px}.lede{font-size:clamp(16px,1.6vw,19px);line-height:1.45;color:var(--muted);max-width:560px;margin:0 0 18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px}.primary,.secondary,.back-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;padding:12px 26px;font:750 17px var(--sans);cursor:pointer;border:1.5px solid transparent;touch-action:manipulation}.primary{background:var(--mint);color:var(--mint-ink);box-shadow:0 6px 20px #aaf0c233}.primary:hover{background:#c0f6d3}.secondary{background:transparent;border-color:#e8f2eb66;color:var(--cream)}.secondary:hover{border-color:var(--mint);color:#fff}.back-link{min-height:44px;padding:8px 14px 8px 6px;margin:0 0 2px -6px;background:none;color:var(--cream);font-size:15px}.back-link .icon{width:22px;height:22px}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:active{transform:scale(.98)}.paper-card{background:var(--paper);color:var(--paper-ink);border-radius:14px;border:1px solid var(--paper-edge);box-shadow:0 10px 30px #0006;padding:16px 18px}.paper-kicker{margin:0;font-size:13px;font-weight:700;color:var(--paper-muted)}.album-count{margin:2px 0 8px;font-size:17px;color:var(--paper-ink)}.album-count strong{font-family:var(--serif);font-size:30px;color:var(--forest)}.paper-bar{height:9px;border-radius:9px;background:#d9ceb2;overflow:hidden}.paper-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#1c6b4d,#2f8c62)}.album-progress-card{max-width:460px;margin:8px 0 4px}.album-progress-card .album-pull{margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--paper-muted)}.album-pull{margin:2px 0 14px;font-size:13px;color:#f4c45acc}.title-hero{position:relative;margin:4px -20px 0;overflow:hidden}.title-hero .city-card{margin:0;border:0;border-radius:0;max-width:none;background:#0c211d}.title-hero .city-card-name,.title-hero .city-card-stats{display:none}.title-hero .city-card-art{aspect-ratio:auto;height:min(40vh,340px)}.city-card-ground{object-fit:cover}.title-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#092d2500 45%,#092d25f0 97%);pointer-events:none}.hero-place{position:absolute;left:20px;right:20px;bottom:10px;z-index:1;margin:0;display:grid;gap:2px}.hero-place strong{font-family:var(--serif);font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px #000a}.hero-place span{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--mint)}.title-copy h1{font-size:clamp(40px,6vw,76px)}.city-intro h1{font-size:clamp(38px,5.4vw,64px)}.city-art .city-card{margin:18px 0 8px;max-width:none;background:var(--paper);border:1px solid var(--paper-edge);border-radius:14px;padding:10px 10px 0;box-shadow:0 14px 34px #0007;transform:rotate(-.6deg)}.city-art .city-card-art{border-radius:6px;overflow:hidden}.city-art .city-card-name{color:var(--forest);font-family:var(--serif);font-size:18px;letter-spacing:.02em;text-transform:none;padding:12px 6px 0}.city-art .city-card-stats{padding:8px 6px 14px}.city-art .city-card-stats dd{color:var(--paper-ink)}.city-art .city-card-stats dt{color:var(--paper-muted);font-size:12px}.city-stats{display:flex;gap:clamp(18px,5vw,48px);margin:26px 0}.city-stats div{display:grid;gap:5px}.city-stats strong{font-size:24px}.city-stats span{font-size:12px;color:var(--muted)}.play-shell[data-screen=modes] .play-panel,.play-shell[data-screen=results] .play-panel,.play-shell[data-screen=album] .play-panel,.play-shell[data-screen=countdown] .play-panel{max-width:760px}.mode-list{display:grid;gap:12px;margin:22px 0 8px}.mode-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 16px 16px 20px;min-height:92px;border-radius:14px;border:1px solid var(--paper-edge);background:var(--paper);color:var(--paper-ink);text-align:left;cursor:pointer;box-shadow:0 6px 18px #0005;touch-action:manipulation}.mode-card:hover{background:#faf4e4}.mode-text{flex:1;display:grid;gap:3px;min-width:0}.mode-card strong{font-family:var(--serif);font-size:23px;line-height:1.1;color:var(--forest)}.mode-tagline{font-size:15px;color:#33443b}.mode-card small{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--paper-muted)}.mode-card small .icon{width:16px;height:16px}.mode-go{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--forest);color:var(--mint)}.mode-go .icon{width:20px;height:20px;margin-left:3px}.play-shell[data-screen=countdown] .play-panel{text-align:center;padding-top:12vh}.play-shell[data-screen=countdown] h1{font-size:clamp(120px,22vw,200px);color:var(--mint)}.play-shell[data-screen=countdown] .lede{margin:0 auto}.medal-block{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 4px}.medal-pips{display:flex;gap:10px}.medal-pip{width:42px;height:42px;border-radius:50%;border:2.5px solid #e8f2eb55;box-sizing:border-box;position:relative}.medal-pip[data-on=true]{border-color:#fff3;box-shadow:inset 0 -3px #0003,0 4px 14px #0005}.medal-pip[data-on=true][data-tier=bronze]{background:radial-gradient(circle at 35% 30%,#f3c79c,#b87333)}.medal-pip[data-on=true][data-tier=silver]{background:radial-gradient(circle at 35% 30%,#fbfdff,#a9b6bd)}.medal-pip[data-on=true][data-tier=gold]{background:radial-gradient(circle at 35% 30%,#ffe7a3,var(--gold) 60%,#c8942b)}.medal-best{margin:0;font-size:14px;font-weight:750;letter-spacing:.04em;color:var(--gold)}.medal-result{margin:6px 0 0;font-size:17px;color:#f6dc97}.mode-result{margin:14px 0 0;font-size:15px;color:var(--cream)}.next-goal{display:inline-block;margin:18px 0 4px;padding:10px 14px;background:var(--paper);color:var(--paper-ink);border-radius:6px;font-size:14px;font-weight:650;line-height:1.45;transform:rotate(-.8deg);box-shadow:0 6px 16px #0005}.stamp-strip{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.new-stamp{padding:10px 14px;border:2px solid var(--gold);color:#fff3cf;border-radius:10px;font-weight:700;animation:stamp-in .45s both}@keyframes stamp-in{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}#hud{z-index:5;top:max(12px,env(safe-area-inset-top));gap:8px;flex-wrap:wrap}#hud span{background:#092d25eb;border:1px solid #aaf0c240;padding:8px 13px;border-radius:999px;font-variant-numeric:tabular-nums;color:var(--cream)}#hud #score{color:var(--mint)}body>#attribution{z-index:30;color:#fff;background:#061f1af0;max-width:calc(100% - 32px);font-size:11px;line-height:1.4;padding:5px 8px;border-radius:6px;bottom:max(6px,env(safe-area-inset-bottom))}@media(min-width:900px){.shell-header{padding:18px 40px 10px}.shell-scroll{padding:12px 40px 36px}.shell-footer{background:transparent;border:0}.shell-nav{position:fixed;top:12px;right:40px;display:flex;gap:6px;max-width:none}.nav-tab{flex-direction:row;min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;gap:8px}.nav-tab .icon{width:18px;height:18px}.nav-tab[aria-current=page]{background:#aaf0c21f}.shell-footer #attribution{text-align:left;padding:8px 40px 12px}.play-shell[data-screen=title] .play-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;min-height:100%}.play-shell[data-screen=title] .shell-scroll>.play-panel{min-height:calc(100% - 8px)}.title-copy{order:-1}.title-hero{margin:0;border-radius:18px;box-shadow:0 20px 50px #0008}.title-hero .city-card-art{height:min(62vh,560px)}.hero-place{left:28px;bottom:20px}.play-shell[data-screen=city] .play-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.city-art{order:-1}.city-art .city-card{margin-top:8px}.city-art .city-card-art{max-height:58vh;aspect-ratio:1/1;margin:0 auto}.city-intro{padding-top:12px}}@media(max-width:480px){.actions>.primary,.actions>.secondary{flex:1 1 100%}.city-stats strong{font-size:21px}.play-panel h1{font-size:44px}.title-copy h1{font-size:46px}.city-intro h1{font-size:40px}}@media(prefers-reduced-motion:reduce){.new-stamp{animation:none}button:active,.city-art .city-card,.next-goal{transform:none}}.look-picker{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}.look-option{flex:1 1 90px;min-height:44px;border-radius:12px;border:1px solid #91bca64d;color:#e8f2eb;font-weight:750;font-size:14px;cursor:pointer;touch-action:manipulation}.look-day{background:linear-gradient(160deg,#35584a,#1b3a31)}.look-sunset{background:linear-gradient(160deg,#6b3b2c,#2d1a22)}.look-night{background:linear-gradient(160deg,#1c2442,#070b18)}.look-option[aria-checked=true]{border-color:#b9f2d2;box-shadow:inset 0 0 0 2px #b9f2d2}.city-card{margin:22px 0 8px;border-radius:18px;overflow:hidden;background:#0c211d;border:1px solid #91bca64d;max-width:520px}.city-card-art{position:relative;aspect-ratio:1/1}.city-card-art svg,.city-card-ground{position:absolute;inset:0;display:block;width:100%;height:100%}.city-card-name{font-size:13px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#b9f2d2;padding:14px 16px 0}.city-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:10px 16px 16px}.city-card-stats div{display:flex;flex-direction:column-reverse;gap:3px}.city-card-stats dd{margin:0;font-size:20px;font-weight:750;letter-spacing:-.03em;color:#fff}.city-card-stats dt{font-size:11px;color:#b1c3bf}@media(max-width:480px){.city-card-stats{grid-template-columns:repeat(2,1fr)}}.album{display:grid;gap:18px;margin:18px 0}.album-summary{display:grid;gap:8px;background:var(--paper,#f3ecd9);color:var(--paper-ink,#1d2b24);border:1px solid var(--paper-edge,#dcd0b2);border-radius:14px;padding:16px 18px;box-shadow:0 10px 30px #0006}.album-summary .album-count{margin:0}.album-progress-line{margin:0;font-size:14px;line-height:1.45;color:var(--paper-muted,#5d6a60)}.album-save{margin:2px 0 0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1c6b4d}.album-save:before{content:"";width:16px;height:16px;border-radius:50%;flex:none;background:#1c6b4d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.5' fill='none' stroke='%23f3ecd9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.album-save[data-save=session]{color:#8a5a12}.album-save[data-save=session]:before{background:#b9791b}.album-bar{height:9px;border-radius:9px;background:#ffffff1f;overflow:hidden}.album-summary .album-bar,.album-card .album-bar{background:#d9ceb2}.album-bar i{display:block;height:100%;background:var(--mint,#aaf0c2);border-radius:9px;transition:width .6s ease}.album-summary .album-bar i,.album-card .album-bar i{background:linear-gradient(90deg,#1c6b4d,#2f8c62)}.album-card{position:relative;border:1px solid var(--paper-edge,#dcd0b2);border-radius:14px;background:var(--paper,#f3ecd9);color:var(--paper-ink,#1d2b24);padding:18px;display:grid;gap:10px;box-shadow:0 10px 30px #0006;background-image:repeating-linear-gradient(0deg,#0000 0 27px,#1d2b240a 27px 28px)}.album-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1.5px dashed #1d2b2433}.album-card h2{margin:0;font-family:var(--serif,Georgia,serif);font-size:26px;line-height:1.1;color:var(--forest,#092d25)}.album-section{margin:8px 0 0;font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-muted,#5d6a60)}.album-status{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--forest,#092d25);border:2px solid currentColor;padding:4px 10px;border-radius:6px;transform:rotate(-3deg)}.album-card[data-status=locked]{background:#d8d2c2;color:#4d554f}.album-card[data-status=locked] .album-status{color:#6b716c}.album-card[data-status=locked] .album-status:before{content:"🔒︎ "}.album-card[data-status=mastered]{border-color:var(--gold,#f4c45a);box-shadow:0 0 0 3px #f4c45a66,0 10px 30px #0006}.album-card[data-status=mastered] .album-status{color:#9a6a0c}.album-locked{margin:0;color:#4d554f}.album-medals{display:grid;gap:8px}.album-medal{display:grid;grid-template-columns:minmax(90px,1fr) auto auto;align-items:center;gap:2px 12px;padding:10px 12px;border-radius:10px;background:#fffaf0;border:1px solid #e3d8bd}.album-medal strong{font-family:var(--serif,Georgia,serif);font-size:18px;color:var(--forest,#092d25)}.album-medal small{grid-column:1/-1;color:var(--paper-muted,#5d6a60);font-size:13px;line-height:1.4}.medal-name{font-weight:750;font-size:14px;color:var(--paper-muted,#5d6a60)}.album-medal[data-medal=bronze] .medal-name{color:#8a4f1d}.album-medal[data-medal=silver] .medal-name{color:#56636b}.album-medal[data-medal=gold] .medal-name{color:#8f6207}.album-medal[data-measured=false]{background:transparent;border-style:dashed}.album-pips{display:flex;gap:5px}.album-medal .album-pips{grid-row:1;grid-column:3}.album-pips i{width:16px;height:16px;border-radius:50%;border:2px solid #1d2b2440;box-sizing:border-box}.album-pips i[data-on=true]{border-color:#0002}.album-pips i[data-on=true][data-tier=bronze]{background:#c07a3a}.album-pips i[data-on=true][data-tier=silver]{background:#aab6bd}.album-pips i[data-on=true][data-tier=gold]{background:var(--gold,#f4c45a)}.album-stamp-count{margin:0;font-size:14px;color:var(--paper-muted,#5d6a60)}.stamp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.stamp{display:grid;gap:6px;align-content:start;padding:12px;border-radius:10px;border:2px solid #1d2b2426;background:#fffaf0}.stamp strong{font-family:var(--serif,Georgia,serif);font-size:17px;color:var(--forest,#092d25)}.stamp .stamp-hint{font-size:13px;line-height:1.4;color:#44524a}.stamp small{font-size:12px;color:var(--paper-muted,#5d6a60)}.stamp-state{justify-self:start;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:#1d2b2412;color:#44524a}.stamp[data-state=earned]{border-color:#1c6b4d;background:#eef6e8;transform:rotate(-.6deg)}.stamp[data-state=earned] .stamp-state{background:#1c6b4d;color:#f3ecd9}.stamp[data-state=unavailable]{border-style:dashed;background:transparent;opacity:.75}.stamp[data-state=unavailable] .stamp-state{background:transparent;border:1px dashed #44524a}.round-album{display:grid;gap:8px;margin:18px 0 4px;padding:14px 16px;border-radius:12px;background:var(--paper,#f3ecd9);color:var(--paper-ink,#1d2b24);box-shadow:0 8px 24px #0005}.round-album .eyebrow{color:#1c6b4d;margin:0}.round-album .album-bar{background:#d9ceb2}.round-album .album-bar i{background:linear-gradient(90deg,#1c6b4d,#2f8c62)}.round-album .new-stamp{color:#1d2b24;border-color:#1c6b4d;background:#eef6e8}@media(max-width:480px){.stamp-grid{grid-template-columns:1fr 1fr}.album-card{padding:14px}.album-medal{grid-template-columns:1fr auto}.album-medal .medal-name{grid-column:2;grid-row:1}.album-medal .album-pips{grid-column:1/-1;grid-row:3}}@media(prefers-reduced-motion:reduce){.album-bar i{transition:none}.stamp[data-state=earned],.album-status{transform:none}}.badge-stack{position:absolute;left:50%;top:14%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.badge-pop{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:999px;opacity:.82;background:#0b192dd9;border:1px solid #ffd16655;box-shadow:0 6px 22px #0006;backdrop-filter:blur(2px);animation:badge-in .3s cubic-bezier(.2,1.2,.3,1) both,badge-out var(--badge-fade-ms,.9s) ease-in both;animation-delay:0ms,calc(var(--badge-ms,2.6s) - var(--badge-fade-ms,.9s))}.badge-pop .badge-mark{font-size:20px;color:#ffd166}.badge-pop small{display:block;font-size:9.5px;letter-spacing:.14em;color:#ffd16699}.badge-pop strong{display:block;font-size:14px;letter-spacing:-.01em}@keyframes badge-in{0%{transform:translateY(-10px) scale(.92);opacity:0}to{transform:none;opacity:.82}}@keyframes badge-out{0%{opacity:.82}to{opacity:0;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.badge-pop{animation:none;opacity:.82}}