.discovery-game{--discovery-ink:#163f40;--discovery-accent:#176f66;--discovery-pale:#e5f3eb;--discovery-gold:#d9a33d}.discovery-game.portrait-game{--discovery-ink:#352653;--discovery-accent:#765294;--discovery-pale:#f0e9f5;--discovery-gold:#c9984b}.discovery-game .game-mastery-rail{margin-top:2rem}.discovery-game .discovery-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 1.2rem;margin:1.25rem 0 .8rem;color:var(--discovery-ink);background:var(--discovery-pale);border:1px solid color-mix(in srgb,var(--discovery-accent),transparent 75%);border-radius:18px}.discovery-hud>span{display:grid;gap:.3rem}.discovery-hud small{font:700 .62rem var(--font-mono);text-transform:uppercase;letter-spacing:.09em}.discovery-hud strong{font:650 1.65rem/1 var(--font-display)}.discovery-hud em{font:500 .85rem var(--font-mono);font-style:normal;opacity:.6}.discovery-hud .is-hot{color:#9c5920}.discovery-route{display:flex;align-items:center;justify-content:space-between;gap:.4rem;position:relative;margin:0 0 1.25rem}.discovery-route:before{position:absolute;z-index:0;content:"";height:1px;left:1rem;right:1rem;background:var(--line-dark)}.discovery-route>span{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-dark);border-radius:50%;color:var(--muted);background:var(--paper-strong);font:650 .65rem var(--font-mono)}.discovery-route .is-current{border-color:var(--discovery-accent);box-shadow:0 0 0 4px var(--discovery-pale);color:var(--discovery-accent)}.discovery-route .is-collected{border-color:var(--discovery-accent);color:white;background:var(--discovery-accent)}.discovery-route .is-seen{background:var(--discovery-pale);color:var(--discovery-accent)}.discovery-playfield{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem;align-items:start}.discovery-object{min-width:0;margin:0}.discovery-object figcaption{margin:.7rem .2rem 0;color:var(--muted-strong);font-size:.65rem;line-height:1.5}.discovery-object figcaption a{color:inherit;text-underline-offset:.2em}.discovery-object-stage,.discovery-portrait-stage{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio:1/1.12;border-radius:22px}.discovery-object-stage{background:radial-gradient(ellipse at 50% 48%,#fffdf5 20%,#e4ede0 58%,#acbeb0 100%);box-shadow:inset 0 0 0 1px #91ab98,0 12px 26px #29452d14}.discovery-object-stage:after{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #fff9;border-radius:14px}.discovery-object-stage>img{position:relative;z-index:1;display:block;width:90%;height:82%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 9px #25423d20);transition:transform .6s cubic-bezier(.2,.7,.3,1)}.discovery-object-stage.is-revealed>img{transform:scale(1.045) rotate(-2deg)}.discovery-case-label{z-index:2;position:absolute;top:25px;left:25px;color:#345c4f;font:750 .62rem var(--font-mono);letter-spacing:.13em}.discovery-object-caption{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;padding:.65rem;text-align:center;color:#244839;background:#fcfaf0e8;border-radius:10px;font:650 .7rem/1.35 var(--font-mono)}.discovery-game .discovery-question>h2{margin:.2rem 0 .6rem;color:var(--discovery-ink);font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.08;text-wrap:balance}.discovery-question>p:not(.music-kicker):not(.discovery-clue){color:var(--muted-strong);font-size:.85rem;line-height:1.5}.discovery-stake{display:flex;align-items:baseline;gap:.45rem;margin:.7rem 0 1rem;color:var(--discovery-accent);font:650 .7rem var(--font-mono)}.discovery-stake>span{font:700 1.6rem var(--font-display)}.discovery-choices{display:grid;gap:.55rem}.discovery-game .discovery-choices button{display:flex;align-items:center;gap:.75rem;min-height:58px;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--discovery-accent),transparent 68%);border-radius:13px;color:var(--discovery-ink);background:#fffdf7;text-align:left;font-weight:650;font-size:.93rem;box-shadow:0 3px 0 color-mix(in srgb,var(--discovery-accent),transparent 85%);transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.discovery-choices kbd{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid var(--line);border-radius:7px;color:var(--muted-strong);background:#fff9;font:650 .7rem var(--font-mono)}.discovery-choices button>span{flex:1 1}.discovery-game .discovery-choices button:not(:disabled):hover{background:var(--discovery-pale);transform:translateY(-2px);box-shadow:0 5px 0 color-mix(in srgb,var(--discovery-accent),transparent 80%)}.discovery-game .discovery-choices button:not(:disabled):active{transform:translateY(2px);box-shadow:none}.discovery-game .discovery-choices button.is-correct{border-color:#347461;color:#164c3b;background:#deefe4;opacity:1;animation:discovery-pop .35s ease}.discovery-game .discovery-choices button.is-wrong{border-color:#b76b50;color:#72371f;background:#f8e5db;opacity:1}.discovery-clues{margin-top:1rem}.discovery-game .discovery-hint{padding:.6rem .2rem;min-height:44px;border:0;color:var(--discovery-accent);background:transparent;font-size:.8rem;font-weight:700;text-align:left}.discovery-game .discovery-hint:not(:disabled):hover{text-decoration:underline;text-underline-offset:.25em}.discovery-clue{display:grid;gap:.4rem;padding:.85rem 1rem;margin:.65rem 0;border-left:3px solid var(--discovery-gold);border-radius:0 12px 12px 0;color:var(--discovery-ink);background:var(--discovery-pale);font-size:.86rem;line-height:1.5;animation:discovery-reveal .25s ease both}.discovery-clue small{font:750 .58rem var(--font-mono);text-transform:uppercase;letter-spacing:.07em}.discovery-reveal{display:grid;gap:.65rem;margin-top:1rem;padding:1.1rem;border:1px solid #b4cdbc;border-radius:15px;color:#234435;background:#edf6ee;animation:discovery-reveal .35s ease both}.discovery-reveal.is-learning{border-color:#dfc7a8;color:#634426;background:#fcf2e3}.discovery-reveal>strong{font-size:1rem}.discovery-reveal p{margin:0;font-size:.87rem;line-height:1.5}.discovery-reveal small{font-size:.72rem;line-height:1.45}.discovery-reveal .button{width:100%;margin-top:.4rem}.discovery-game .discovery-footnote{color:var(--muted-strong);margin:1.2rem 0;font-size:.7rem;line-height:1.6}.discovery-media-error{position:relative;z-index:4;display:grid;place-content:center;gap:.75rem;min-height:280px;padding:2rem;color:var(--discovery-ink);text-align:center}.discovery-media-error p{font-size:.85rem;line-height:1.5}.discovery-media-error>div{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.discovery-game .discovery-media-error button{min-height:44px;border:1px solid var(--discovery-accent);border-radius:10px;color:var(--discovery-ink);background:#fffdf7;padding:.55rem .75rem}.discovery-portrait-stage{aspect-ratio:1/1.2;background:#e3d6c0;border:9px solid #59413b;outline:1px solid #a48b69;outline-offset:-5px;box-shadow:inset 0 0 0 3px #c8a565,0 12px 22px #34264422;border-radius:5px}.discovery-portrait-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.discovery-portrait-mask{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.discovery-game .discovery-portrait-mask button{display:grid;place-items:center;min-width:0;min-height:44px;border:1px solid #a28aa05c;padding:0;color:#e0bc80;background:radial-gradient(ellipse at 10% 10%,#685070,#392e49 80%);transition:opacity .45s ease,transform .45s ease,background .2s ease;transform-origin:left}.discovery-portrait-mask button>span{font:500 1.35rem var(--font-display);opacity:.7}.discovery-game .discovery-portrait-mask button:not(:disabled):hover{background:#80618a}.discovery-portrait-mask button.is-open,.discovery-portrait-mask.is-open button{opacity:0;pointer-events:none;transform:perspective(400px) rotateY(-80deg)}.discovery-portrait-mask.is-open{pointer-events:none}.discovery-portrait-stage.is-revealed{box-shadow:0 0 0 3px #cfac67,0 12px 30px #b69b5038}.portrait-game .discovery-object-caption{color:#f3e5c7;background:#342540e8;border-radius:3px;font-size:.64rem}.portrait-game .discovery-portrait-stage .discovery-media-error{color:#44304e;background:#f3ebdf;height:100%;width:100%}.portrait-loading-mark{color:var(--discovery-accent);font-size:3rem;animation:portrait-breathe 1.5s ease-in-out infinite alternate}.discovery-finish{text-align:center;padding:1.8rem 0 .5rem;outline:none}.discovery-medal{display:grid;place-items:center;width:85px;height:85px;margin:0 auto 1rem;border:1px solid var(--discovery-gold);outline:1px solid var(--discovery-gold);outline-offset:-7px;border-radius:50%;color:var(--discovery-accent);background:var(--discovery-pale);font-size:3.1rem;animation:discovery-pop .5s ease}.discovery-finish h2{max-width:600px;margin:.4rem auto .8rem;color:var(--discovery-ink);font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.discovery-finish>p{color:var(--muted-strong)}.discovery-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1.5rem 0}.discovery-collection>div{display:grid;align-content:start;justify-items:center;gap:.4rem;padding:1rem .65rem;border:1px dashed var(--line-dark);border-radius:12px;background:#faf7ee}.discovery-collection>.is-collected{border:1px solid color-mix(in srgb,var(--discovery-accent),transparent 50%);background:var(--discovery-pale)}.discovery-collection span{color:var(--discovery-accent);font-size:1.6rem}.discovery-collection strong{color:var(--discovery-ink);font-size:.83rem}.discovery-collection small{color:var(--muted-strong);font-size:.65rem}.discovery-game button:focus-visible{outline:3px solid var(--discovery-gold);outline-offset:3px}@keyframes discovery-pop{50%{transform:scale(1.04)}}@keyframes discovery-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-breathe{to{opacity:.4;transform:scale(.9)}}@media(max-width:760px){.discovery-playfield{grid-template-columns:minmax(0,1fr);gap:1.2rem}.discovery-object{width:100%;max-width:440px;justify-self:center}.discovery-object-stage{aspect-ratio:1/.82}.discovery-portrait-stage{width:min(100%,320px);margin:0 auto}.discovery-game .discovery-hud{padding:.85rem;gap:.6rem}.discovery-hud strong{font-size:1.4rem}.discovery-hud small{font-size:.54rem}.discovery-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.discovery-game *,.discovery-game :after,.discovery-game :before{animation:none!important;transition:none!important}.discovery-portrait-mask button.is-open,.discovery-portrait-mask.is-open button{transform:none}}