.city-adventure{border:2px solid #bed7cf;border-radius:24px;background:#f3f6e9;padding:20px;margin:0 0 24px;color:#293b44}.city-adventure h3{margin:0 0 8px;font-size:1.45rem}.city-adventure-intro{line-height:1.7;margin:0 0 16px}.city-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.city-mission{min-height:88px;padding:12px;border:2px solid #c0d2c8;border-radius:18px;background:#fffdf5;text-align:left;color:#293b44;cursor:pointer;font:inherit}.city-mission strong,.city-mission small{display:block}.city-mission strong{font-size:1rem;margin-bottom:6px}.city-mission small{font-size:.85rem;line-height:1.5}.city-mission[aria-pressed=true]{border-color:#293b44;background:#ffebac;box-shadow:0 4px 0 #d0b66e}.city-mission-checks{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0}.city-mission-checks li{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fffdf7;border:1px solid #c8d6ca;border-radius:12px;font-size:.95rem}.city-task-state{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border:2px solid #8caa9a;border-radius:50%;font-size:.9rem}.city-task-ready{background:#d8ecd2;border-color:#6d9663}.city-adventure-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.city-adventure-controls button,.city-tour-controls button,.city-export{min-height:50px;padding:12px 18px;border:2px solid #293b44;border-radius:14px;background:#fff;font:inherit;font-weight:750;color:#293b44;cursor:pointer}.city-adventure-controls button[aria-pressed=true],.city-tour-controls .city-tour-primary{background:#ffe08b}.city-adventure button:focus-visible,.city-tour button:focus-visible{outline:4px solid #956891;outline-offset:3px}.city-tour{margin:18px 0 0;background:#fffdf5;border:2px solid #d6c7a6;border-radius:18px;padding:16px}.city-tour p{line-height:1.7;margin:8px 0}.city-tour-bag{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-weight:750}.city-tour-controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}.city-tour-progress{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.city-tour-stop{padding:5px 10px;border-radius:10px;background:#e7eee4;font-size:.85rem}.city-tour-stop[data-visited=true]{background:#ffe08b}.city-travel-overlay{position:absolute;inset:0;pointer-events:none;z-index:65}.city-travel-path{width:100%;height:100%;overflow:visible;position:absolute;inset:0}.city-travel-path polyline{fill:none;stroke:#fff9db;stroke-width:1.2;stroke-dasharray:2 1;stroke-linecap:round}.city-visitor{position:absolute;width:clamp(45px,7vw,76px);height:clamp(45px,7vw,76px);transform:translate(-50%,-85%);transition:left .7s ease-in-out,top .7s ease-in-out;filter:drop-shadow(0 3px 2px #293b4433)}.city-visitor img{width:100%;height:100%;object-fit:contain}.city-stop-label{position:absolute;transform:translate(-50%,0);padding:4px 8px;background:#fff9dc;border:1px solid #293b44;border-radius:8px;font-size:.75rem;white-space:nowrap}.city-studio[data-city-mode=play] .city-selection,.city-studio[data-city-mode=play] .city-palette{display:none}.city-studio[data-city-mode=play] .city-piece{cursor:pointer}.city-studio[data-city-mode=play] .city-board{outline:3px solid #d5b56c;outline-offset:3px}.city-studio[data-city-mode=play] .city-piece[data-tour-target=true]{filter:drop-shadow(0 0 7px #fff3a5)}.city-export-note{font-size:.9rem;line-height:1.7}.city-mission-count{font-weight:800;margin-left:auto}.city-adventure [hidden],.city-tour [hidden]{display:none!important}@media(max-width:650px){.city-adventure{padding:15px 12px}.city-missions{grid-template-columns:1fr}.city-mission{min-height:65px}.city-mission strong{margin-bottom:3px}.city-mission-checks{gap:8px}.city-mission-checks li{width:100%;padding:9px 11px}.city-adventure-controls button{flex:1;white-space:nowrap}.city-tour{padding:13px}.city-tour-controls button{flex:1}.city-stop-label{font-size:.65rem}.city-tour-bag{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.city-visitor{transition:none}.city-adventure *,.city-tour *{animation:none!important;scroll-behavior:auto!important}}

.city-task-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.city-studio button{min-height:48px;min-width:48px}.city-studio .city-piece{min-height:48px!important;min-width:48px!important}.city-export{margin-left:auto}

.city-starter-dialog{width:min(500px,calc(100vw - 30px));border:3px solid #718970;border-radius:24px;padding:24px;background:#fffdf3;color:#293b44}.city-starter-dialog h3{font-size:1.4rem;margin-top:0}.city-starter-dialog p{line-height:1.9}.city-starter-dialog button{margin:8px 8px 0 0;min-height:48px}.city-starter-dialog::backdrop{background:#183a3b88}

.city-visitor{overflow:hidden}.city-visitor img{display:block;width:200%;max-width:none;height:100%;object-fit:contain}

.city-current-mission{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:10px}.city-current-mission strong{font-size:1.05rem;line-height:1.5}.city-current-mission .city-mission-count{font-size:.85rem;white-space:nowrap}.city-mission-settings>summary{min-height:48px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:750;list-style:none;border-top:1px solid #c8d6ca;border-bottom:1px solid #c8d6ca;padding:8px 3px}.city-mission-settings>summary::before{content:'＋';font-size:1.25rem}.city-mission-settings[open]>summary::before{content:'−'}.city-mission-settings>h3{margin-top:16px}.city-adventure-controls{margin-top:12px}.city-mission-settings>button{margin-bottom:14px}.city-mission-settings[open]{padding-bottom:4px}@media(max-width:650px){.city-adventure{margin-bottom:12px;padding:12px}.city-adventure-controls{gap:8px;margin-top:10px}.city-adventure-controls button{padding:10px 12px;font-size:.9rem}.city-current-mission strong{font-size:.95rem}.city-current-mission .city-mission-count{font-size:.75rem}.city-mission-settings>summary{font-size:.9rem}.city-studio>.character-scene{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;padding:9px 11px!important;gap:10px!important;margin:0 0 10px!important}.city-studio>.character-scene .character-scene-art{width:48px!important;height:54px!important}.city-studio>.character-scene h3{font-size:15px!important;margin:1px 0!important}.city-studio>.character-scene small{font-size:10px!important}.city-studio>.character-scene .character-scene-line{font-size:12px!important;line-height:1.45!important;margin:3px 0!important}.city-studio>.character-scene details{font-size:11px!important;line-height:1.5!important;margin:3px 0 0!important}.city-studio .city-heading{padding:4px 3px 10px}.city-studio .city-heading h2{font-size:20px}.city-studio .city-coach{min-height:44px;margin-bottom:8px}.city-studio .city-coach-face{width:36px;height:40px;flex-basis:36px}.city-studio .city-coach p{font-size:12px}}