.cd-game{max-width:720px;margin-inline:auto;border:var(--border-pixel);box-shadow:var(--shadow-pixel-lg);background:var(--color-navy);color:var(--color-cream, #f4e9d8);min-height:480px;position:relative;overflow:hidden}.cd-loading{padding:var(--space-4);text-align:center;color:var(--color-cream, #f4e9d8)}.cd-disclaimer{max-width:720px;margin:var(--space-2) auto 0;text-align:center;font-size:.75rem;color:var(--color-olive)}.cd-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);background:var(--color-ink);border-bottom:var(--border-pixel);flex-wrap:wrap}.cd-frag-counter{font-size:.65rem;color:var(--color-gold)}.cd-topbar-actions{display:flex;gap:var(--space-1);flex-wrap:wrap}.cd-inv-btn{background:var(--color-gold);color:var(--color-ink);border:2px solid var(--color-ink);padding:6px 10px;font-size:.55rem;cursor:pointer}.cd-map-intro{padding:var(--space-2) var(--space-2) 0}.cd-map-intro h2{font-size:.85rem;margin:0 0 var(--space-1);color:var(--color-cream, #f4e9d8)}.cd-map-intro p{font-size:.85rem;opacity:.85;margin:0}.cd-map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-2)}@media (min-width: 560px){.cd-map-grid{grid-template-columns:repeat(3,1fr)}}.cd-map-card{display:flex;flex-direction:column;background:var(--color-cream, #f4e9d8);border:2px solid var(--color-ink);box-shadow:var(--shadow-pixel-sm);padding:0;cursor:pointer;text-align:left;color:var(--color-ink);font-family:inherit}.cd-map-card:active{transform:translate(1px,1px);box-shadow:none}.cd-map-card.is-locked{cursor:not-allowed;opacity:.6;filter:grayscale(.6)}.cd-map-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-bottom:2px solid var(--color-ink)}.cd-map-tag{font-size:.5rem;padding:4px 6px;background:var(--color-gold);display:inline-block;margin:6px 6px 0;align-self:flex-start}.cd-map-title{font-size:.8rem;font-weight:700;padding:6px 6px 0}.cd-map-npc{font-size:.7rem;padding:2px 6px 6px;color:var(--color-terracotta)}.cd-map-lock{font-size:.65rem;padding:4px 6px 8px;color:var(--color-ink);opacity:.75}.cd-map-final .cd-map-tag{background:var(--color-terracotta);color:var(--color-cream, #f4e9d8)}.cd-scene{position:relative;min-height:480px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.cd-scene-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(18,22,58,.92) 78%)}.cd-scene-overlay-strong{background:#12163ad1}.cd-back{position:relative;z-index:1;align-self:flex-start;margin:var(--space-2);background:var(--color-cream, #f4e9d8);color:var(--color-ink);border:2px solid var(--color-ink);padding:6px 10px;font-size:.55rem;cursor:pointer}.cd-dialogue{position:relative;z-index:1;display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2)}.cd-portrait{width:88px;height:88px;object-fit:cover;border:2px solid var(--color-cream, #f4e9d8);box-shadow:var(--shadow-pixel-sm);flex-shrink:0}.cd-dialogue-box{flex:1;background:color-mix(in oklch,var(--color-ink) 88%,transparent);border:2px solid var(--color-cream, #f4e9d8);padding:var(--space-2)}.cd-speaker-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin:0 0 6px}.cd-speaker{font-size:.6rem;color:var(--color-gold);margin:0}.cd-audio-btn{background:none;border:none;font-size:.9rem;line-height:1;cursor:pointer;padding:2px}.cd-line{margin:0 0 var(--space-2);font-size:.95rem;line-height:1.5}.cd-continue{background:var(--color-gold);color:var(--color-ink);border:2px solid var(--color-ink);padding:8px 12px;font-size:.6rem;cursor:pointer;display:block;margin-left:auto}.cd-continue:active{transform:translate(1px,1px)}.cd-topics{position:relative;z-index:1;display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2);min-height:400px}.cd-topics-box{flex:1;background:color-mix(in oklch,var(--color-ink) 88%,transparent);border:2px solid var(--color-cream, #f4e9d8);padding:var(--space-2)}.cd-topics-hint{font-size:.85rem;opacity:.85;margin:0 0 var(--space-2);color:var(--color-cream, #f4e9d8)}.cd-topics-list{display:flex;flex-direction:column;gap:8px}.cd-topic-btn{background:var(--color-gold);color:var(--color-ink);border:2px solid var(--color-ink);padding:10px 12px;font-size:.62rem;text-align:left;cursor:pointer}.cd-topic-btn:active{transform:translate(1px,1px)}.cd-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-gold) 88%,transparent);border:2px solid var(--color-ink);border-radius:50%;font-size:.8rem;line-height:1;cursor:pointer;animation:cd-hotspot-pulse 2.2s ease-in-out infinite}.cd-hotspot:hover,.cd-hotspot:focus-visible{animation-play-state:paused;background:var(--color-gold)}@keyframes cd-hotspot-pulse{0%,to{box-shadow:0 0 color-mix(in oklch,var(--color-gold) 55%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--color-gold) 0%,transparent)}}.cd-hotspot-panel{max-width:380px}.cd-hotspot-text{padding:var(--space-2);margin:0;font-size:.9rem;line-height:1.5}.cd-reward{padding:var(--space-4) var(--space-3);text-align:center}.cd-reward-tag{font-size:.6rem;color:var(--color-gold);margin:0 0 var(--space-1)}.cd-reward h3{font-size:.9rem;margin:0 0 var(--space-2)}.cd-reward p{max-width:48ch;margin:0 auto var(--space-3);opacity:.9}.cd-ending{position:relative;z-index:1;padding:var(--space-3);text-align:center}.cd-ending h2{font-size:1rem;margin:0 0 var(--space-2)}.cd-ending p{max-width:52ch;margin:0 auto var(--space-3)}.cd-ending-note{font-style:italic;opacity:.85;font-size:.9rem}.cd-ending-actions{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.cd-reset{background:transparent;color:var(--color-cream, #f4e9d8);border:2px solid var(--color-cream, #f4e9d8);padding:8px 12px;font-size:.6rem;cursor:pointer}.cd-choice{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);text-align:center}.cd-choice-prompt{font-size:.85rem;max-width:40ch;color:var(--color-gold)}.cd-choice-options{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:360px}.cd-choice-btn{background:var(--color-cream, #f4e9d8);color:var(--color-ink);border:2px solid var(--color-ink);box-shadow:var(--shadow-pixel-sm);padding:12px;font-size:.65rem;cursor:pointer}.cd-choice-btn:active{transform:translate(1px,1px);box-shadow:none}.cd-count{position:relative;z-index:1;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);text-align:center}.cd-count-prompt{font-size:.85rem;max-width:36ch;color:var(--color-cream, #f4e9d8)}.cd-count-dots{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:320px}.cd-count-dot{width:40px;height:40px;background:color-mix(in oklch,var(--color-ink) 70%,transparent);color:var(--color-cream, #f4e9d8);border:2px solid var(--color-cream, #f4e9d8);font-family:var(--font-display);font-size:.8rem;cursor:pointer}.cd-count-dot.is-counted{background:var(--color-gold);color:var(--color-ink);border-color:var(--color-ink);cursor:default}.cd-count-tally{font-size:.65rem;color:var(--color-gold)}.cd-overlay{position:fixed;inset:0;background:#12163abf;display:flex;align-items:center;justify-content:center;padding:var(--space-2);z-index:200}.cd-overlay-panel{background:var(--color-cream, #f4e9d8);color:var(--color-ink);border:var(--border-pixel);box-shadow:var(--shadow-pixel-lg);max-width:480px;width:100%;max-height:80vh;display:flex;flex-direction:column}.cd-overlay-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border-bottom:var(--border-pixel)}.cd-overlay-head h3{font-size:.8rem;margin:0}.cd-close{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--color-ink)}.cd-frag-list{list-style:none;margin:0;padding:var(--space-2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.cd-frag-item{display:flex;gap:var(--space-2);border:2px solid var(--color-ink);padding:8px}.cd-frag-item.cd-frag-locked{opacity:.5;border-style:dashed}.cd-frag-item.cd-frag-unverified{border-style:dashed;border-color:var(--color-terracotta)}.cd-frag-num{font-size:.6rem;color:var(--color-terracotta);flex-shrink:0}.cd-frag-flag{font-family:var(--font-display);font-size:.55rem;color:var(--color-terracotta);text-transform:uppercase}.cd-frag-body{display:flex;flex-direction:column;gap:4px;font-size:.85rem}