/* site/js/interactive-stories.css */
#interactiveStories{position:fixed;inset:0;width:min(1240px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #b3a29855;border-radius:6px;background:#191922;color:#e7ded4;font:14px/1.6 system-ui;overflow:hidden;color-scheme:dark}#interactiveStories[open]{display:flex;flex-direction:column}#interactiveStories::backdrop{background:#0a0a13dc;backdrop-filter:blur(6px)}#interactiveStories *{box-sizing:border-box}#interactiveStories button,#interactiveStories input{font:inherit}#interactiveStories :focus-visible{outline:2px solid #e7ba87;outline-offset:4px}.is-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 32px;border-bottom:1px solid #82778755}.is-header>span{font:9px system-ui;letter-spacing:.15em;color:#c1adae}.is-header button{background:transparent;border:1px solid #9c828d88;padding:11px 18px;color:#e3c9cc;border-radius:24px;cursor:pointer;min-height:44px}.is-scroll{flex:1;min-height:0;overflow:auto;padding:35px 40px}.is-intro{padding:14px 0 40px}.is-intro>p{font:9px system-ui;letter-spacing:.2em;color:#c6a186}.is-intro h2{font:clamp(36px,4vw,62px)/1.06 Georgia;font-weight:400;letter-spacing:-.035em;margin:22px 0;color:#f2e4d0}.is-intro h2 em{color:#d2a0ae;font-weight:400}.is-intro>span{font:16px/1.8 Georgia;color:#bba8b9}.is-tools{display:flex;justify-content:space-between;gap:20px;align-items:end;border-top:1px solid #88788844;border-bottom:1px solid #88788844;padding:20px 0}.is-tools button{padding:11px 17px;border:1px solid transparent;background:transparent;color:#baa8bc;border-radius:25px;cursor:pointer;min-height:44px}.is-tools button[aria-pressed=true]{background:#4c334b;border-color:#a1778c;color:#f2d2e0}.is-tools label{font:9px system-ui;display:grid;gap:6px;color:#a994a3;min-width:260px}.is-tools input{background:#24212d;border:1px solid #6d586d;border-radius:3px;padding:12px;color:#ead9e5;min-height:44px}#isCount{font:10px monospace;color:#b59ea5;margin:24px 0}#isCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.is-card{--card:#b8a3d9;--base:#30283f;display:flex;flex-direction:column;padding:25px;background:linear-gradient(140deg,var(--base),#201d29);border:1px solid color-mix(in srgb,var(--card) 35%,transparent);border-top:3px solid var(--card);min-width:0;min-height:300px;border-radius:4px}.is-card[data-tone="1"]{--card:#e5b680;--base:#413028}.is-card[data-tone="2"]{--card:#93bdd7;--base:#253743}.is-card[data-tone="3"]{--card:#daa4b9;--base:#432b3d}.is-card[data-tone="4"]{--card:#b4c58a;--base:#30382c}.is-card[data-tone="5"]{--card:#e19b7f;--base:#432c2d}.is-card-number{font:11px monospace;color:var(--card);margin-bottom:24px}.is-card-type{font:8px/1.6 system-ui;letter-spacing:.1em;color:var(--card);text-transform:uppercase}.is-card h3{font:27px/1.13 Georgia;color:#f3e7d8;margin:12px 0}.is-card p{font:12px/1.7 system-ui;color:#bcb0c0;flex:1}.is-card-place{font:10px/1.6 system-ui;color:var(--card);margin:12px 0 17px}.is-card a,.is-card button{display:block;text-align:left;background:var(--card);color:#211d28;border:0;padding:13px 15px;min-height:44px;border-radius:3px;text-decoration:none;font:12px/1.5 system-ui;cursor:pointer}.is-card a:hover,.is-card button:hover{filter:brightness(1.13)}.is-scroll footer{padding:35px 0 10px;font:8px monospace;letter-spacing:.1em;color:#ae969f}.is-empty{color:#baa8b6}@media(max-width:950px){#isCards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.is-scroll{padding:25px 20px}.is-header{padding:13px 20px}.is-header>span{max-width:120px;font-size:7px}.is-header button{font-size:11px;padding:10px 13px}.is-tools{flex-direction:column;align-items:stretch}.is-tools label{min-width:0}.is-tools button{padding:10px 13px;font-size:11px}#isCards{grid-template-columns:1fr}.is-card{min-height:260px}.is-intro h2{font-size:39px}}
/* Illustrated collection and personal return desk. */
#interactiveStories .is-card{overflow:hidden;padding:22px;transition:transform .18s,border-color .18s}
#interactiveStories .is-card:hover{transform:translateY(-3px);border-color:var(--card)}
.is-art{position:relative;height:190px;margin:-22px -22px 22px;background:var(--base);overflow:hidden;flex-shrink:0}
.is-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);display:block}
.is-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141322b8,transparent 70%);pointer-events:none}
.is-art>span{position:absolute;bottom:14px;left:18px;z-index:1;font:9px system-ui;letter-spacing:.14em;text-transform:uppercase;color:#fff1db;background:#161523aa;padding:7px 10px;border:1px solid #ddd3bb44;border-radius:4px}
.is-art-symbol{display:grid;place-items:center;font:90px Georgia;color:var(--card);background:repeating-radial-gradient(circle at center,transparent 0 23px,#e5d2f215 24px 25px),linear-gradient(140deg,var(--base),#131724)}
#interactiveStories .is-card-number{margin-bottom:12px}
.visit-resume{background:linear-gradient(120deg,#2c2c41,#1c2635);border:1px solid #70647c;border-radius:12px;padding:25px;margin:0 0 30px;color:#eee4d9}
.visit-kicker{font:9px/1.5 system-ui;letter-spacing:.16em;color:#d9b886}
.visit-resume h3{font:normal 28px/1.2 Georgia;margin:10px 0 20px;color:#f2e5d3}
.visit-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px}
.visit-links button{display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;padding:16px!important;min-height:90px;border:1px solid #79738b66!important;border-radius:7px!important;background:#141b2b88!important;color:#ede0d3!important;cursor:pointer}
.visit-links button:hover{border-color:#dfb477!important;background:#3b3348!important}
.visit-links button span{font:9px/1.5 system-ui;letter-spacing:.1em;color:#bda7d6}
.visit-links button strong{font:normal 16px/1.4 Georgia}
.visit-links p{font:14px/1.7 system-ui;color:#c6bfd1;margin:0}
.visit-resume>small{display:block;font:10px/1.5 system-ui;color:#b4acbf;margin-top:16px}
.visit-resume :focus-visible{outline:2px solid #dfb477;outline-offset:3px}
@media(max-width:600px){.visit-resume{padding:20px}.visit-links{grid-template-columns:1fr}.is-art{height:180px}}
@media(prefers-reduced-motion:reduce){#interactiveStories .is-card{transition:none}#interactiveStories .is-card:hover{transform:none}}


/* Collection refinement: readable records and touch-first browsing. */
#interactiveStories{font-size:16px}
#interactiveStories .is-header>span,#interactiveStories .is-intro>p,#interactiveStories .is-card-type,#interactiveStories .is-art>span,#interactiveStories .visit-kicker,#interactiveStories .visit-links button span{font-size:12px;line-height:1.5;letter-spacing:.08em}
#interactiveStories .is-tools label,#interactiveStories .is-card-place,#interactiveStories .is-card a,#interactiveStories .is-card button,#interactiveStories .visit-resume>small{font-size:14px;line-height:1.6}
#interactiveStories .is-card p,#interactiveStories .visit-links p{font-size:16px;line-height:1.65;color:#d4c8d5}
#interactiveStories #isCount,#interactiveStories .is-card-number,#interactiveStories .is-scroll footer{font-size:12px;line-height:1.6}
#interactiveStories .is-tools>div{display:flex;flex-wrap:wrap;gap:4px}
#interactiveStories .is-tools label{min-width:0;width:min(100%,340px)}
#interactiveStories .is-tools input{width:100%;font-size:16px}
#interactiveStories .is-card h3,#interactiveStories .is-card p,#interactiveStories .is-card-place{overflow-wrap:anywhere}
#interactiveStories .is-card button:disabled{cursor:progress;opacity:.75}
#interactiveStories #isStatus:empty{display:none}
#interactiveStories #isStatus{position:sticky;top:0;z-index:3;padding:12px 16px;border:1px solid #9c828d;background:#25212f;color:#f2e4d0;border-radius:4px;font-size:14px}
#interactiveStories .is-scroll{overscroll-behavior:contain;scrollbar-gutter:stable}
#interactiveStories .visit-resume{margin-bottom:24px}
#interactiveStories .is-intro{padding-bottom:24px}
@media(max-width:600px){
 #interactiveStories{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}
 #interactiveStories .is-header{gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}
 #interactiveStories .is-header>span{max-width:150px;font-size:12px;letter-spacing:.04em}
 #interactiveStories .is-header button{font-size:14px;white-space:normal;padding:10px 12px;flex-shrink:0}
 #interactiveStories .is-scroll{padding:20px 16px max(24px,env(safe-area-inset-bottom))}
 #interactiveStories .is-tools label{width:100%}
 #interactiveStories .is-tools button{font-size:14px;padding:10px 12px}
 #interactiveStories .is-intro h2{font-size:clamp(32px,9vw,43px)}
 #interactiveStories .visit-resume{padding:18px}
 #interactiveStories .visit-links{grid-template-columns:1fr 1fr}
 #interactiveStories .visit-links button{min-width:0;padding:12px!important;overflow-wrap:anywhere}
 #interactiveStories .is-card{padding:20px}
 #interactiveStories .is-art{margin:-20px -20px 20px}
}
@media(max-width:360px){#interactiveStories .visit-links{grid-template-columns:1fr}#interactiveStories .is-header>span{max-width:115px}}

/* Field guide is available before the arrival-guide stylesheet is loaded. */
#interactiveStories .is-card .is-field-guide{margin:9px 0 0;padding:8px 0;min-height:40px;background:transparent;border:0;box-shadow:none;color:inherit;opacity:.8;font:13px/1.5 system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#interactiveStories .is-card .is-field-guide:hover{opacity:1}
#interactiveStories .is-card .is-field-guide{align-self:flex-start;width:auto;border-radius:0;filter:none}

/* site/js/city-continuity.css */
#cityWelcome{width:min(1040px,95vw);max-height:94dvh;padding:44px;margin:auto;border:1px solid #9a819b;border-radius:16px;color:#eee3d4;background:radial-gradient(ellipse at 50% 0,#443449,transparent 60%),#181f2f;text-align:center;overflow:auto;font:14px/1.7 system-ui;color-scheme:dark}#cityWelcome::backdrop{background:#090e19e8;backdrop-filter:blur(9px)}#cityWelcome *{box-sizing:border-box}.welcome-skip{display:block;margin:0 0 28px auto;padding:9px 16px;border:1px solid #77647e;border-radius:24px;background:transparent;color:#dac9de;cursor:pointer;min-height:44px}.welcome-kicker{font:9px/1.6 system-ui;letter-spacing:.2em;color:#d7b58d}.welcome-seal{display:grid;place-items:center;width:64px;height:70px;margin:24px auto;border:1px solid #d6b185;border-radius:25px 25px 5px 5px;color:#e2bf95;font:27px Georgia;box-shadow:inset 0 0 0 5px #272635}#cityWelcome h1{font:clamp(38px,5vw,65px)/1.04 Georgia;font-weight:400;letter-spacing:-.035em;margin:22px 0}#cityWelcome h1 em{font-weight:400;color:#d4a7bb}.welcome-deck{color:#c9c0cf;font:16px/1.8 Georgia}.welcome-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:34px 0 22px}.welcome-paths button{--accent:#a3c8dd;display:flex;flex-direction:column;text-align:left;gap:14px;padding:24px;border:1px solid #738092;border-top:3px solid var(--accent);border-radius:7px;background:#273448;color:#efe7dc;cursor:pointer}.welcome-paths button:nth-child(2){--accent:#c9addf;background:#342c43}.welcome-paths button:nth-child(3){--accent:#e2abb7;background:#3a2e3f}.welcome-paths span{font:9px system-ui;letter-spacing:.12em;color:var(--accent)}.welcome-paths strong{font:22px/1.2 Georgia;font-weight:400}.welcome-paths small{font:12px/1.7 system-ui;color:#c9c1d0}.welcome-paths button:hover{border-color:var(--accent);background:#494052}.welcome-note{font:11px/1.6 system-ui;color:#ada7b8}#cityWelcome :focus-visible{outline:2px solid #e6c393;outline-offset:4px}.city-memory{margin-top:24px;padding:24px;background:#e9e0dd;border:1px solid #b9a3aa;border-left:4px solid #825773;border-radius:7px;color:#382b3a}.city-memory h3{font:28px Georgia;margin:0 0 12px}.city-memory p{font:15px/1.6 system-ui;margin-bottom:8px}.city-memory-trace{display:block;margin:0 0 17px;padding-top:11px;border-top:1px solid #c7b7bc;color:#715d6c;font:600 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em}.city-memory button{background:#463249;color:#f5e8db;border:0;border-radius:5px;padding:12px 18px;cursor:pointer;min-height:44px}#welcomeReplay{font-size:11px!important}
.vpc-city-continuity{position:relative;margin:12px 0 22px;padding:13px 14px;border:1px solid rgba(193,159,102,.24);border-left:2px solid rgba(193,159,102,.62);background:linear-gradient(105deg,rgba(31,26,22,.88),rgba(9,14,17,.9));color:#d7c8ad;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.vpc-city-continuity:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(153,207,211,.055),transparent);transform:translateX(-100%);animation:vpcContinuityScan 7s linear infinite}.vpc-city-continuity>span{display:block;margin-bottom:8px;color:#9b8766;font:800 8px/1.3 inherit;letter-spacing:.16em}.vpc-city-continuity>div{display:grid;grid-template-columns:minmax(130px,.42fr) 1fr;gap:11px;padding:8px 0;border-top:1px solid rgba(193,159,102,.11)}.vpc-city-continuity>div b{color:#d7ba84;font:750 9px/1.45 inherit;letter-spacing:.07em}.vpc-city-continuity>div small{color:#9aa8a7;font:500 9px/1.55 inherit}.vectorplex-foundation-complete .vpc-city-continuity{border-left-color:rgba(113,183,175,.72)}html[data-sb-continuity="recognized-resistant"] .vpc-city-continuity,html[data-sb-continuity="mercy"] .vpc-city-continuity{box-shadow:inset 0 0 28px rgba(113,183,175,.035)}@keyframes vpcContinuityScan{0%{transform:translateX(-110%)}45%,100%{transform:translateX(110%)}}
@media(max-width:650px){#cityWelcome{padding:22px}.welcome-paths{grid-template-columns:1fr;margin-top:24px}.welcome-paths button{padding:18px;gap:9px}.welcome-seal{margin:18px auto}.welcome-deck{font-size:15px}.welcome-skip{margin-bottom:20px}#cityWelcome h1{font-size:40px}.vpc-city-continuity>div{grid-template-columns:1fr;gap:3px}}
