@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&display=swap");:root{--bg:#f1edfb;--surface:#fff;--surface-2:#f4f1ff;--ink:#2a2347;--ink-d:#1c1736;--soft:#6b6690;--muted:#9c98ba;--line:#e8e4fb;--accent:#7468e8;--accent-dark:#5d50d8;--accent-soft:#efedfd;--ink-btn:#7468e8;--good:#2bb896;--amber:#e9a84a;--success:#1f9d55;--media-bg:#eceaf6;--band-great-fill-1:#34c77b;--band-great-fill-2:#1f9d55;--band-great-tag-bg:#e3f6ec;--band-great-tag-fg:#1f9d55;--band-good-fill-1:#8f84f0;--band-good-fill-2:#5d50d8;--band-good-tag-bg:#eef0fd;--band-good-tag-fg:#5d50d8;--band-ok-fill-1:#f2b84e;--band-ok-fill-2:#d98a1f;--band-ok-tag-bg:#fdf2e3;--band-ok-tag-fg:#c47a16;--band-off-fill-1:#d98072;--band-off-fill-2:#b4402f;--band-off-tag-bg:#f6e7e4;--band-off-tag-fg:#b4402f;--iucn-lc:#1f9d55;--iucn-nt:#7cb342;--iucn-vu:#e0a92e;--iucn-en:#e8772e;--iucn-cr:#d9483b;--iucn-ew:#7a4fb0;--iucn-ex:#444;--map-guess:#2f6fb4;--map-actual:#1f9d55;--map-line:#b4402f;--map-range-fill:rgba(116,104,232,.28);--map-range-outline:#5d50d8;--duel-me-1:#8f84f0;--duel-me-2:#5d50d8;--duel-opp-1:#d9b272;--duel-opp-2:#c47a16;--text-strong:var(--ink);--text-body:var(--ink);--text-muted:var(--muted);--text-on-accent:#fff;--text-link:var(--accent);--surface-page:var(--bg);--surface-card:var(--surface);--surface-inset:var(--surface-2);--border-hairline:var(--line);--border-strong:var(--accent);--focus-ring:var(--accent);--scrim:rgba(20,18,30,.62);--frost:hsla(0,0%,100%,.82);--font-sans:"Nunito",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--tracking-tight:-0.02em;--tracking-base:-0.006em;--tracking-label:0.16em;--tracking-tag:0.08em;--leading-tight:1.12;--leading-snug:1.15;--leading-base:1.5;--leading-relaxed:1.55;--text-display:38px;--text-headline:33px;--text-score:30px;--text-title-lg:28px;--text-title:22px;--text-num:26px;--text-h3:18px;--text-lead:16px;--text-body:15px;--text-meta:14px;--text-sm:13.5px;--text-xs:12px;--text-eyebrow:11px;--space-1:2px;--space-2:6px;--space-3:8px;--space-4:9px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:22px;--space-10:26px;--space-12:30px;--container-max:1120px;--container-pad-x:22px;--duel-max:560px;--duel-start-max:460px;--nextbar-clearance:90px;--breakpoint-mobile:860px;--photo-h:460px;--photo-h-mobile:200px;--map-h:340px;--map-h-mobile:170px;--track-h:9px;--radius:20px;--radius-lg:24px;--radius-card:18px;--radius-md:13px;--radius-btn:15px;--radius-sm:10px;--radius-chip:9px;--radius-focus:8px;--radius-pill:999px;--shadow:0 2px 4px rgba(70,55,130,.05),0 18px 40px -16px rgba(70,55,130,.22);--shadow-sm:0 2px 3px rgba(70,55,130,.05),0 8px 20px -10px rgba(70,55,130,.16);--shadow-nextbar:0 -4px 16px rgba(20,20,30,.08);--ring:0 0 0 3px rgba(116,104,232,.18);--ring-lead:0 0 0 2px rgba(116,104,232,.18);--dur-press:0.05s;--dur-fast:0.15s;--dur-pop:0.22s;--dur-reveal:0.34s;--dur-banner:0.4s;--dur-score:0.6s;--dur-shimmer:1.4s;--ease-soft:cubic-bezier(0.2,0.8,0.2,1);--ease-spring:cubic-bezier(0.2,0.9,0.3,1.3)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes revealIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pressPop{0%{transform:scale(1)}45%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bannerIn{0%{opacity:0;transform:scale(.9) translateY(-6px)}to{opacity:1;transform:none}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);line-height:var(--leading-base);min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:var(--tracking-base)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:var(--tracking-tight)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:var(--space-7) 24px;background:var(--frost);-webkit-backdrop-filter:saturate(1.5) blur(10px);backdrop-filter:saturate(1.5) blur(10px);border-bottom:1px solid var(--border-hairline)}.brand{font-weight:var(--weight-extrabold);font-size:19px;color:var(--ink);letter-spacing:var(--tracking-tight)}.topbar nav a{margin-left:20px;color:var(--text-muted);font-weight:var(--weight-semibold);font-size:var(--text-body)}.topbar nav a:hover{color:var(--ink);text-decoration:none}.container{margin:0 auto;padding:var(--space-10) var(--container-pad-x) var(--space-3)}.container,.foot{max-width:var(--container-max)}.foot{margin:28px auto;padding:18px var(--container-pad-x);color:var(--text-muted);font-size:13px;border-top:1px solid var(--border-hairline)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink-btn);color:var(--text-on-accent);border:1px solid var(--ink-btn);font-weight:650;font-size:var(--text-body);padding:12px 18px;border-radius:var(--radius-btn);cursor:pointer;transition:transform var(--dur-press) ease,background var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.btn:hover{background:var(--accent-dark);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.accent{background:var(--accent);border-color:var(--accent)}.btn.accent:hover{background:var(--accent-dark)}.btn.ghost{background:transparent;border-color:var(--border-hairline)}.btn.ghost:hover{background:rgba(0,0,0,.04);box-shadow:none}.btn.wide{width:100%}.btn.small{width:auto;padding:9px 20px;font-size:var(--text-meta)}input.txt,input[type=text]{border:1px solid var(--border-hairline);background:#fff;color:var(--ink);padding:11px 13px;border-radius:var(--radius-btn);font-size:var(--text-body);width:100%;font-family:inherit;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}input.txt:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.card{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius);box-shadow:var(--shadow)}.hint{color:var(--text-muted);font-size:var(--text-sm)}.center{text-align:center}.spacer{height:12px}.row{display:flex;gap:var(--space-5);align-items:center}.muted{color:var(--text-muted)}.hud{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.hud .total{font-size:19px;font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight)}.hud .meta{color:var(--text-muted);font-weight:var(--weight-semibold);font-size:var(--text-meta)}.hud-left{display:flex;gap:var(--space-7);flex-wrap:wrap}.hud-left,.streak{align-items:center}.streak{display:inline-flex;gap:7px;font-size:13px;font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);padding:5px 12px}.streak-flame{color:var(--ink);font-weight:var(--weight-extrabold)}.streak-dot{opacity:.5}.gametabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-7)}.gametab{padding:8px 16px;border-radius:var(--radius-pill);background:var(--surface-inset);border:1px solid var(--border-hairline);color:var(--text-muted);font-weight:var(--weight-bold);font-size:var(--text-meta)}.gametab:hover{color:var(--ink);text-decoration:none}.gametab.active{background:var(--accent);border-color:var(--accent);color:#fff}.round{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:var(--space-9);gap:var(--space-9);align-items:start}.answer,.stage-col{display:flex;flex-direction:column;gap:var(--space-7)}.stage{border-radius:var(--radius);border:1px solid var(--border-hairline);box-shadow:var(--shadow)}.photo-zoom,.stage{position:relative;overflow:hidden;background:var(--media-bg)}.photo-zoom{width:100%;height:var(--photo-h);-webkit-user-select:none;-moz-user-select:none;user-select:none}.photo-zoom img{width:100%;height:100%;object-fit:contain;display:block;transform-origin:center center;will-change:transform;pointer-events:none}.zoom-ctrls{position:absolute;bottom:12px;right:12px;display:flex;gap:var(--space-2)}.pill{background:rgba(15,12,9,.78);color:#fff;padding:8px 13px;border-radius:var(--radius-pill);font-size:var(--text-meta);font-weight:var(--weight-bold);border:none;cursor:pointer;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--dur-fast) ease}.pill:hover{background:rgba(0,0,0,.92)}.pill:disabled{opacity:.5;cursor:default}.reveal{padding:20px 22px;text-align:center;animation:revealIn var(--dur-reveal) ease both}.reveal-label{font-size:var(--text-eyebrow);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-bold)}.reveal-place{font-size:var(--text-title-lg);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin-top:var(--space-2)}.reveal-sub{color:var(--text-muted);font-size:var(--text-body);margin-top:3px}.reveal-year{font-size:var(--text-headline);font-weight:var(--weight-black);color:var(--accent);margin-top:var(--space-3);letter-spacing:var(--tracking-tight)}.reveal-divider{height:1px;background:var(--border-hairline);margin:var(--space-7) 0 var(--space-5)}.mapwrap{position:relative;width:100%}.map{width:100%;height:var(--map-h);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-hairline);box-shadow:var(--shadow-sm)}.map-cover{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer}.map-cover.cue{background:linear-gradient(180deg,rgba(245,244,251,.1),rgba(245,244,251,.55))}.map-cue-label{background:hsla(0,0%,100%,.96);font-weight:var(--weight-bold);font-size:var(--text-meta);padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-hairline)}.map-cue-label,.map-expand-btn{color:var(--ink);box-shadow:var(--shadow-sm)}.map-expand-btn{position:absolute;top:10px;right:10px;z-index:6;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;border-radius:var(--radius-chip);border:1px solid var(--border-hairline);background:hsla(0,0%,100%,.94);cursor:pointer}.map-expand-btn:hover{background:#fff}.mapwrap.expanded{position:fixed;inset:0;z-index:1000;width:auto;background:#fff}.mapwrap.expanded .map{height:100%;border-radius:0;border:none;box-shadow:none}.map-bar{position:absolute;bottom:0;left:0;right:0;z-index:1004;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));background:hsla(0,0%,100%,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-hairline)}.map-bar-hint{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--ink)}.map-thumb{position:absolute;top:calc(10px + env(safe-area-inset-top, 0px));left:10px;z-index:1002;width:152px;max-width:46vw;border-radius:var(--radius-sm);overflow:hidden;border:2px solid #fff;box-shadow:var(--shadow);background:var(--media-bg);padding:0;cursor:pointer;line-height:0}.map-thumb img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-thumb.big{top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,660px);max-width:none;max-height:82vh;height:auto;z-index:1003}.map-thumb.big img{max-height:82vh;height:auto;object-fit:contain}.yearslider{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm)}.yearslider input[type=range]{width:100%;accent-color:var(--accent)}.yearval{font-size:24px;font-weight:var(--weight-extrabold);text-align:center;letter-spacing:var(--tracking-tight)}.yearends{display:flex;justify-content:space-between;color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.itemcard{padding:16px 18px}.itemname{font-size:var(--text-title);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.itemyear{font-size:var(--text-lead);color:var(--text-muted);margin-top:2px;margin-bottom:var(--space-2)}.priceinput{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:6px 16px;box-shadow:var(--shadow-sm)}.priceinput .cur{font-size:var(--text-num);color:var(--text-muted)}.priceinput .cur,.priceinput input{font-weight:var(--weight-extrabold)}.priceinput input{border:none;box-shadow:none;font-size:28px;padding:8px 0;width:100%;background:transparent}.priceinput input:focus{outline:none;box-shadow:none}.logslider{width:100%;accent-color:var(--accent)}.result-side{display:flex;flex-direction:column;gap:var(--space-6)}.story{font-size:14.5px;line-height:var(--leading-relaxed);background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:14px 16px}.attrib{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-base)}.score-big{font-size:var(--text-score);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight)}.share{font-family:var(--font-mono);white-space:pre;background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:16px;font-size:var(--text-body);line-height:var(--leading-relaxed)}.lb,.share-btn{width:100%}.lb{border-collapse:collapse}.lb td{padding:8px;border-bottom:1px solid var(--border-hairline);font-size:14.5px}.lb td.r{text-align:right;font-weight:var(--weight-bold)}.hero{text-align:center;padding:30px 12px 18px}.hero h1{font-size:var(--text-display);margin:0 0 var(--space-3);font-weight:var(--weight-black)}.hero p{color:var(--text-muted);max-width:580px;margin:0 auto var(--space-8);font-size:var(--text-lead)}.modes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-8);gap:var(--space-8);margin-top:18px}.modecard{padding:22px}.modecard h3{margin:0 0 var(--space-2);font-size:var(--text-h3)}.modecard p{color:var(--text-muted);font-size:var(--text-meta);margin:0 0 var(--space-7)}.scorebar{text-align:center;margin-top:2px}.scorebar-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5)}.scorebar-num{font-size:var(--text-num);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--ink)}.scorebar-max{font-size:var(--text-meta);font-weight:var(--weight-bold);color:var(--text-muted)}.scorebar-tag{font-size:var(--text-xs);font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-tag);padding:3px 10px;border-radius:var(--radius-pill)}.scorebar-tag.great{background:var(--band-great-tag-bg);color:var(--band-great-tag-fg)}.scorebar-tag.good{background:var(--band-good-tag-bg);color:var(--band-good-tag-fg)}.scorebar-tag.ok{background:var(--band-ok-tag-bg);color:var(--band-ok-tag-fg)}.scorebar-tag.off{background:var(--band-off-tag-bg);color:var(--band-off-tag-fg)}.scorebar-track{height:var(--track-h);border-radius:var(--radius-pill);background:var(--surface-inset);border:1px solid var(--border-hairline);overflow:hidden;margin-top:var(--space-3)}.scorebar-fill{height:100%;border-radius:var(--radius-pill);transition:width var(--dur-score) var(--ease-soft)}.scorebar-fill.great{background:linear-gradient(90deg,var(--band-great-fill-1),var(--band-great-fill-2))}.scorebar-fill.good{background:linear-gradient(90deg,var(--band-good-fill-1),var(--band-good-fill-2))}.scorebar-fill.ok{background:linear-gradient(90deg,var(--band-ok-fill-1),var(--band-ok-fill-2))}.scorebar-fill.off{background:linear-gradient(90deg,var(--band-off-fill-1),var(--band-off-fill-2))}.scorebar-sub{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,#efedf7 25%,#f7f6fc 37%,#efedf7 63%);background-size:400% 100%;animation:shimmer var(--dur-shimmer) ease infinite;border-radius:var(--radius)}.skel-stage{height:var(--photo-h)}.skel-map{height:var(--map-h)}.skel-btn{height:46px;border-radius:var(--radius-md)}.vs{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--space-5);gap:var(--space-5);align-items:center}.vs .name{font-weight:var(--weight-extrabold);font-size:var(--text-lead)}.badge{background:var(--ink);color:#fff;border-radius:var(--radius-pill);padding:5px 16px;font-size:var(--text-meta)}.badge,.codebox{display:inline-block;font-weight:var(--weight-extrabold)}.codebox{font-family:var(--font-mono);font-size:28px;letter-spacing:6px;background:var(--surface-inset);border:1px dashed var(--border-hairline);border-radius:var(--radius-md);padding:12px 20px}.duel-start{max-width:var(--duel-start-max);margin:8px auto 0;padding:22px;text-align:center}.duel-or{color:var(--text-muted);font-size:13px;margin:16px 0 10px}.duel-join{display:flex;gap:var(--space-3)}.duel-join .txt{flex:1 1;text-align:center;letter-spacing:4px;text-transform:uppercase;font-weight:var(--weight-bold)}.copylink{margin-bottom:var(--space-7)}.copylink-label{font-size:13px;font-weight:var(--weight-bold);color:var(--text-muted);margin-bottom:var(--space-2)}.copylink-row{display:flex;gap:var(--space-3)}.copylink-url{flex:1 1;min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);padding:11px 14px;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-inset);color:var(--ink)}.copylink-url:focus{outline:none;border-color:var(--accent)}.copylink-btn{flex:none}.copylink-btn:active{transform:scale(.93)}.copylink-btn.pop{animation:pressPop var(--dur-pop) ease}.btn.copylink-btn.done{background:var(--success);border-color:var(--success);color:#fff}.duel-result{max-width:var(--duel-max);margin:0 auto}.duel-banner{text-align:center;font-size:var(--text-num);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);padding:18px;border-radius:var(--radius);margin-bottom:var(--space-8);animation:bannerIn var(--dur-banner) var(--ease-spring) both}.duel-banner.win{background:linear-gradient(135deg,#e3f6ec,#d2f0df);color:#15803d}.duel-banner.lose{background:var(--surface-inset);color:var(--text-muted)}.duel-banner.tie{background:#eef0fd;color:#5d50d8}.duel-vs2{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:center}.duel-side{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow-sm)}.duel-side.lead{border-color:var(--accent);box-shadow:var(--ring-lead)}.duel-who{font-weight:var(--weight-extrabold);font-size:var(--text-body);color:var(--ink)}.crown{margin-right:2px}.duel-score{font-size:34px;font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);margin:4px 0 var(--space-3)}.duel-mini{height:7px;background:var(--surface-inset);overflow:hidden}.duel-mini,.duel-mini-fill{border-radius:var(--radius-pill)}.duel-mini-fill{height:100%}.duel-mini-fill.me{background:linear-gradient(90deg,var(--duel-me-1),var(--duel-me-2))}.duel-mini-fill.opp{background:linear-gradient(90deg,var(--duel-opp-1),var(--duel-opp-2))}.duel-mid{font-weight:var(--weight-black);color:var(--text-muted);font-size:var(--text-meta)}.duel-waiting{text-align:center}.duel-waiting-score{font-size:var(--text-title);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);margin-bottom:4px}.duel-waiting-score .muted{color:var(--text-muted);font-weight:var(--weight-bold);font-size:var(--text-body)}.duel-ready-title{font-size:var(--text-h3);font-weight:var(--weight-extrabold);margin-bottom:var(--space-6)}.duel-rounds{margin-top:18px;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow-sm)}.duel-rounds-head{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.duel-rounds-total{letter-spacing:0;text-transform:none;font-size:13px;color:var(--ink);font-weight:var(--weight-extrabold)}.duel-round{display:grid;grid-template-columns:30px 1fr auto auto;grid-gap:var(--space-6);gap:var(--space-6);align-items:center;padding:9px 0;border-top:1px solid var(--border-hairline)}.duel-round-n{font-weight:var(--weight-extrabold);font-size:13px;color:var(--text-muted)}.duel-round-track{height:8px;border-radius:var(--radius-pill);background:var(--surface-inset);overflow:hidden}.duel-round-fill{height:100%;border-radius:var(--radius-pill)}.duel-round-fill.great{background:linear-gradient(90deg,var(--band-great-fill-1),var(--band-great-fill-2))}.duel-round-fill.good{background:linear-gradient(90deg,var(--band-good-fill-1),var(--band-good-fill-2))}.duel-round-fill.ok{background:linear-gradient(90deg,var(--band-ok-fill-1),var(--band-ok-fill-2))}.duel-round-fill.off{background:linear-gradient(90deg,var(--band-off-fill-1),var(--band-off-fill-2))}.duel-round-score{font-weight:var(--weight-extrabold);font-size:var(--text-meta);min-width:46px;text-align:right}.duel-round-meta{font-size:var(--text-xs);color:var(--text-muted);min-width:86px;text-align:right}.duel-actions{margin-top:var(--space-8);display:flex;gap:var(--space-5)}.duel-actions .btn{flex:1 1}.round-card{display:block;width:100%;text-align:left;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);padding:7px;margin-top:var(--space-2);cursor:pointer;box-shadow:var(--shadow-sm)}.round-card:hover{border-color:var(--accent)}.round-card-media{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.round-card-photo{width:100%;object-fit:cover;display:block;background:var(--media-bg)}.round-card-map,.round-card-photo{height:66px;border-radius:var(--radius-sm)}.round-card-map{overflow:hidden;border:1px solid var(--border-hairline)}.round-card .rangemap{pointer-events:none}.rangemap{width:100%;height:100%}.round-card-foot{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:13px;color:var(--text-muted);font-weight:var(--weight-semibold)}.round-card-foot>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-card-meta{flex:none}.round-card-foot b{margin-left:auto;color:var(--ink);font-weight:var(--weight-extrabold);font-size:var(--text-meta)}.round-modal{position:fixed;inset:0;z-index:2000;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px}.round-modal-inner{position:relative;width:100%;max-width:var(--duel-max);background:var(--surface-card);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow)}.round-modal-close{position:absolute;top:12px;right:14px;z-index:2;width:32px;height:32px;border-radius:var(--radius-chip);border:1px solid var(--border-hairline);background:hsla(0,0%,100%,.92);cursor:pointer;font-size:var(--text-body)}.round-modal-photo{width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md);background:var(--media-bg);display:block}.round-modal-map{height:240px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-hairline);margin-top:var(--space-5)}.round-modal-foot{margin-top:var(--space-5);text-align:center;font-weight:var(--weight-bold)}.round-modal-foot .muted{color:var(--text-muted);font-weight:var(--weight-semibold)}.duel-strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-top:4px}.round-chip{display:block;padding:0;border:1px solid var(--border-hairline);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card);cursor:pointer}.round-chip:hover{border-color:var(--accent)}.round-chip-photo{width:100%;height:48px;object-fit:cover;display:block;background:var(--media-bg)}.round-chip-map{height:34px}.round-chip-map .rangemap{pointer-events:none}.round-chip-plain{height:82px}.round-chip-plain.great{background:linear-gradient(180deg,var(--band-great-fill-1),var(--band-great-fill-2))}.round-chip-plain.good{background:linear-gradient(180deg,var(--band-good-fill-1),var(--band-good-fill-2))}.round-chip-plain.ok{background:linear-gradient(180deg,var(--band-ok-fill-1),var(--band-ok-fill-2))}.round-chip-plain.off{background:linear-gradient(180deg,var(--band-off-fill-1),var(--band-off-fill-2))}.round-chip-foot{display:flex;align-items:center;justify-content:space-between;padding:5px 7px;font-size:var(--text-eyebrow);color:var(--text-muted);font-weight:var(--weight-bold)}.round-chip-foot b{color:var(--ink);font-size:var(--text-xs)}.btn.share-result-btn.done{background:var(--success);border-color:var(--success);color:#fff}.iucn{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-sm)}.iucn-q{font-weight:var(--weight-bold);font-size:var(--text-meta);margin-bottom:9px}.iucn-scale{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.iucn-chip{padding:9px 0;border-radius:var(--radius-chip);border:1px solid var(--border-hairline);background:var(--surface-inset);color:var(--text-muted);font-weight:var(--weight-extrabold);font-size:12.5px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.iucn-chip:hover{border-color:var(--c);color:var(--c)}.iucn-chip.sel{background:var(--c);border-color:var(--c);color:#fff}.iucn-pick{text-align:center;font-weight:var(--weight-extrabold);margin-top:var(--space-3)}.iucn-pick,.iucn-reveal{font-size:var(--text-meta)}.iucn-reveal{margin-top:var(--space-2)}.btn:focus-visible,.gametab:focus-visible,.map-expand-btn:focus-visible,.pill:focus-visible,.share-btn:focus-visible,.topbar nav a:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-focus)}@media (max-width:760px){.modes{grid-template-columns:1fr}}@media (max-width:860px){.round{grid-template-columns:1fr}.answer,.round,.stage-col{gap:var(--space-4)}.topbar{padding:var(--space-3) 16px}.container{padding-bottom:var(--nextbar-clearance);padding-top:var(--space-5)}.photo-zoom{height:var(--photo-h-mobile)}.map{height:var(--map-h-mobile)}.answer>.hint{display:none}.itemcard{padding:12px 14px}.itemname{font-size:19px}.hud{margin-bottom:var(--space-3)}.map-cover{display:flex}.map-expand-btn{display:none}.reveal{padding:12px 14px}.reveal-place{font-size:21px}.reveal-sub{font-size:var(--text-sm)}.reveal-year{font-size:24px;margin-top:3px}.reveal-divider{margin:var(--space-4) 0 7px}.nextbar{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-hairline);box-shadow:var(--shadow-nextbar);z-index:60}.nextbar .btn{width:100%}.gametabs{display:none}.hud-left{gap:var(--space-5)}.streak{font-size:var(--text-xs);padding:4px 10px}.streak>span:not(.streak-flame){display:none}.scorebar-num{font-size:var(--text-title)}.skel-stage{height:var(--photo-h-mobile)}.skel-map{height:var(--map-h-mobile)}.duel-result{max-width:100%}.duel-banner{font-size:20px;padding:11px;margin-bottom:var(--space-5)}.duel-vs2{gap:var(--space-3)}.duel-side{padding:10px}.duel-score{font-size:24px;margin:2px 0 7px}.duel-round{grid-template-columns:26px 1fr auto;gap:var(--space-5)}.duel-round-meta{display:none}.duel-rounds{padding:11px 12px;margin-top:var(--space-6)}.round-card{margin-top:5px;padding:6px}.round-card-map,.round-card-photo{height:54px}.duel-actions{margin-top:var(--space-6)}}@media (prefers-reduced-motion:reduce){.copylink-btn.pop,.duel-banner,.reveal,.scorebar-fill,.skeleton{animation:none!important;transition:none!important}}body{background:radial-gradient(1100px 560px at 50% -8%,#e7ddff 0,#efe9fd 42%,#f1edfb 100%)}@media (hover:hover) and (pointer:fine){body{background-attachment:fixed}}.btn{font-weight:800;transition:transform .08s ease,filter .12s ease,box-shadow .12s ease,background .12s ease}.btn,.btn:hover{box-shadow:0 5px 0 var(--accent-dark)}.btn:hover{background:var(--ink-btn);filter:brightness(1.06)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--accent-dark)}.btn.accent,.btn.accent:hover{background:var(--accent)}.btn:disabled,.btn:disabled:hover{background:#e7e3f3;border-color:#e7e3f3;color:var(--muted);box-shadow:none;transform:none;filter:none;opacity:1;cursor:not-allowed}.btn.ghost{color:var(--ink);border:2px solid var(--line)}.btn.ghost,.btn.ghost:hover{background:#fff;box-shadow:0 3px 0 var(--line)}.btn.ghost:hover{filter:brightness(.98)}.btn.ghost:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.brand{display:inline-flex;align-items:center;gap:7px}.brand-mark{height:22px;width:auto;display:block}.topnav{display:flex;align-items:center;gap:8px}.topnav-link{margin-left:0;padding:8px 16px;border-radius:999px;font-weight:800;font-size:14px;color:var(--ink);opacity:.7;text-decoration:none;transition:opacity .12s ease,background .12s ease}.topnav-link:hover{opacity:1;text-decoration:none}.topnav-link.active{background:var(--accent);color:#fff;opacity:1}@media (max-width:860px){.topnav{gap:5px}.topnav-link{padding:6px 11px;font-size:13px}}@media (min-width:861px){.round{align-items:stretch}.stage-col>.stage:only-child{flex:1 1}.stage-col>.stage:only-child .photo-zoom{height:100%;min-height:460px}}@media (max-width:860px){.wildlife-round .photo-zoom{height:186px}.wildlife-round .stage-col>.stage:only-child .photo-zoom{height:clamp(176px,calc(100svh - 412px),360px)}.wildlife-round .map{height:132px}.wildlife-round .iucn{padding:8px 11px}.wildlife-round .iucn-head{margin-bottom:5px}.wildlife-round .iucn-cell{padding:7px 2px 6px}.wildlife-round .iucn-cell-code{font-size:13px}.wildlife-round .iucn-legend{margin-top:6px}.wildlife-round .iucn-ends{margin-top:5px}}@media (min-width:861px){.duel-result .round-card{padding:6px 8px;margin-top:6px}.duel-result .round-card-map,.duel-result .round-card-photo{height:48px}.duel-result .round-card-foot{margin-top:4px;font-size:12.5px}}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.eyebrow.muted{color:var(--muted)}.home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:8px 0 20px}.home-h1{font-weight:900;font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-.02em;margin:9px 0 0;max-width:20ch}.home-lede{margin:0;max-width:52ch;font-size:15.5px;line-height:1.55;color:var(--soft)}.home-lede b{color:var(--ink)}.featured{display:flex;align-items:stretch;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:30px;box-shadow:var(--shadow);overflow:hidden;cursor:pointer;color:inherit}.featured,.featured:hover{text-decoration:none}.featured-img{position:relative;flex:1 1 46%;min-height:clamp(300px,42vh,460px);background-size:cover;background-position:62% 42%;background-color:var(--media-bg)}.featured-badge{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 13px;border-radius:999px;box-shadow:0 6px 18px -6px rgba(116,104,232,.7)}.featured-body{flex:1 1 54%;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:clamp(22px,3vw,40px)}.featured-title{font-weight:900;font-size:clamp(24px,2.6vw,34px);line-height:1.08;letter-spacing:-.02em;margin:0}.featured-desc{margin:0;font-size:15.5px;line-height:1.58;color:var(--soft)}.featured-play{align-self:flex-start;margin-top:6px;padding:18px 38px;font-size:18px;font-weight:900;border-radius:18px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:18px;gap:18px;margin-top:18px}.tile{display:flex;align-items:center;gap:18px;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:22px;box-shadow:var(--shadow-sm);padding:18px;cursor:pointer;color:inherit;transition:transform .12s ease}.tile,.tile:hover{text-decoration:none}.tile:hover{transform:translateY(-3px)}.tile-thumb{flex:none;width:96px;height:96px;border-radius:16px;background-size:cover;background-position:50%;background-color:var(--media-bg)}.tile-body{flex:1 1;min-width:0}.tile-title{font-weight:900;font-size:18px;margin:3px 0;letter-spacing:-.01em}.tile-desc{margin:0;font-size:13.5px;line-height:1.5;color:var(--soft)}.tile-arrow{flex:none;font-weight:900;font-size:22px;color:var(--accent)}.home-foot{text-align:center;margin-top:34px;font-weight:700;font-size:12.5px;letter-spacing:.04em;color:var(--muted)}@media (max-width:860px){.home-head{margin:4px 0 14px;gap:10px}.home-lede{font-size:14px}.featured{flex-direction:column-reverse;border-radius:24px}.featured-img{min-height:0;height:210px;flex:none}.featured-body{padding:18px 18px 20px;gap:9px}.featured-title{font-size:23px}.featured-play{width:100%;text-align:center;align-self:stretch;padding:16px;font-size:16px;border-radius:15px}.tiles{gap:12px;margin-top:12px}.tile{padding:13px;gap:13px}.tile-thumb{width:72px;height:72px}.home-foot{margin-top:22px;font-size:11.5px}.duel-result .round-card-map,.duel-result .round-card-photo{height:44px}.duel-result .round-card{padding:5px;margin-top:5px}.duel-result .round-card-foot{gap:8px;font-size:12px}}@media (max-width:860px) and (orientation:landscape){.round{grid-template-columns:1fr 1fr;gap:10px;align-items:start}.photo-zoom,.wildlife-round .stage-col>.stage:only-child .photo-zoom{height:clamp(130px,60svh,240px)}.map,.wildlife-round .map{height:clamp(130px,52svh,220px)}.iucn{padding:6px 9px}.iucn-head{margin-bottom:4px}.iucn-cell{padding:7px 2px 6px}.container{padding-bottom:70px}}.iucn-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.iucn-q-label{font-weight:800;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.iucn-selname{font-weight:900;font-size:13px}.iucn-cells{display:grid;grid-template-columns:repeat(7,1fr);border-radius:14px;overflow:hidden;background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--border-hairline)}.iucn-cell{border:none;background:none;padding:13px 4px 11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;transition:background .12s ease}.iucn-cell:hover{background:rgba(0,0,0,.03)}.iucn-cell-bar{width:22px;height:7px;border-radius:999px}.iucn-cell-code{font-weight:900;font-size:14px;color:var(--ink)}.iucn-legend{height:7px;border-radius:999px;margin-top:9px;background:linear-gradient(90deg,#1f9d55,#7cb342,#e0a92e,#e8772e,#d9483b,#7a4fb0,#444)}.iucn-ends{display:flex;justify-content:space-between;margin-top:7px;font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@media (max-width:860px){.photo-round .stage-col>.stage:only-child .photo-zoom{height:clamp(170px,calc(100svh - 440px),350px)}.price-round .stage-col>.stage:only-child .photo-zoom{height:clamp(190px,calc(100svh - 372px),380px)}}.gametabs{display:none}.hud{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:13px 18px;gap:12px;flex-wrap:wrap}.hud-title{min-width:0}.hud-h{font-weight:900;font-size:clamp(18px,2.4vw,25px);letter-spacing:-.01em;line-height:1.1;margin-top:2px}.hud-chips{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.hud-chip{background:var(--surface-inset);border:1px solid var(--border-hairline);border-radius:13px;padding:8px 14px;display:flex;gap:7px;align-items:baseline}.hud-chip-label{font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hud-chip-num{font-weight:900;font-size:16px;color:var(--ink)}@media (max-width:860px){.hud{padding:9px 12px;border-radius:16px}.hud-title{display:none}.hud-chip{padding:6px 11px}}.btn.dark{border-color:var(--ink);color:#fff}.btn.dark,.btn.dark:hover{background:var(--ink);box-shadow:0 5px 0 var(--ink-d)}.btn.dark:hover{filter:brightness(1.12)}.btn.dark:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink-d)}.btn.copylink-btn.done,.btn.share-result-btn.done{box-shadow:0 5px 0 #178a48}.btn.copylink-btn.done:active,.btn.share-result-btn.done:active{box-shadow:0 2px 0 #178a48}.btn.copylink-btn.done:hover,.btn.share-result-btn.done:hover{background:var(--success);border-color:var(--success);color:#fff;filter:none}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.scorebar-num{display:inline-block;animation:popIn .5s cubic-bezier(.2,.9,.3,1.2) both}@media (prefers-reduced-motion:reduce){.scorebar-num{animation:none}}