body{background:var(--paper)}.vs-header{max-width:1150px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between}.vs-layout{display:grid;grid-template-columns:1fr 410px;gap:110px;max-width:1050px;margin:20px auto 50px;padding:0 24px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.vs-intro h1{font-size:clamp(55px,6.5vw,84px);letter-spacing:-.075em;line-height:.94;margin:27px 0}.vs-intro>p:not(.demo-note){font-family:var(--font-serif);font-size:23px;line-height:1.4}.vs-intro .instructions{font-family:var(--font-sans)!important;font-size:15px!important;max-width:315px;line-height:1.6!important;margin-top:35px}.fiction{border-top:1px solid var(--ink);padding-top:18px;margin-top:48px;max-width:300px}.vs-frame{aspect-ratio:9/16;background:var(--cobalt);color:var(--paper);position:relative;overflow:hidden;isolation:isolate}.vs-top{display:flex;align-items:center;justify-content:space-between;position:absolute;top:5%;left:7%;right:7%;gap:13px;font-size:8px;font-weight:700;letter-spacing:.08em;z-index:2}.vs-top span:nth-child(2){max-width:90px;line-height:1.5;margin-right:auto}#paper-scene{position:absolute;width:100%;top:9%;height:65%;overflow:visible}.vs-caption{position:absolute;bottom:0;left:0;right:0;height:30%;background:var(--paper);color:var(--ink);padding:5.5% 7% 5%}.vs-caption>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.vs-caption h2{font-size:38px;letter-spacing:-.065em;line-height:1.03;margin:13px 0 9px}.vs-caption p{font-size:13px;line-height:1.45;margin:0}.vs-progress{position:absolute;bottom:0;left:0;right:0;height:5px;background:var(--petal)}#story-progress{display:block;height:100%;background:var(--ember);width:0}.vs-controls{padding-top:16px}.vs-buttons{display:flex;align-items:center;gap:10px}.vs-buttons button{background:transparent;border:1px solid var(--ink);color:var(--ink);height:44px;padding:0 18px;font-weight:700;font-size:13px}.vs-entry{position:absolute;left:7%;top:15%;z-index:4}#play-story{background:var(--paper);color:var(--ink);min-width:112px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--paper);padding:0 17px;font-size:13px;font-weight:700}#play-story:focus-visible{outline-color:var(--paper)}#play-story:disabled{background:var(--cobalt);color:var(--paper);border-color:var(--paper);cursor:not-allowed}.vs-buttons output{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px}.vs-controls input{display:block;width:100%;margin:8px 0 0;height:34px;accent-color:var(--cobalt);cursor:pointer}.vs-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.vs-chapters button{height:44px;background:transparent;border:0;border-top:2px solid var(--petal);font-size:11px;padding:0;color:var(--ink)}.vs-chapters button[aria-current=true]{border-color:var(--cobalt);font-weight:800}.vs-chapters button:hover{background:var(--petal)}@media(max-width:850px){.vs-layout{grid-template-columns:minmax(0,410px);justify-content:center;gap:28px}.vs-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.vs-intro .eyebrow{grid-column:1/-1}.vs-intro h1{font-size:50px;margin:18px 0}.vs-intro>p:not(.demo-note){font-size:18px;align-self:center}.vs-intro .instructions{grid-column:1/-1;margin:0}.vs-intro .demo-note{grid-column:1/-1}.fiction{margin:0;padding:0;border:0;max-width:none}.vs-header{padding:12px 22px}.vs-layout{margin-top:15px}.vs-caption h2{font-size:32px}}@media print{.vs-header,.vs-intro,.vs-controls{display:none}.vs-layout{display:block;margin:0;padding:0;max-width:none}.vs-player{width:108mm}.vs-frame{break-inside:avoid}}

@media(max-width:600px){.vs-intro{display:block}.vs-intro h1{font-size:48px;margin:16px 0}.vs-intro>p:not(.demo-note){font-size:18px;margin:14px 0}.vs-intro .instructions{font-size:13px!important;line-height:1.5!important;margin:16px 0;max-width:none}.vs-intro .demo-note{font-size:10px}.vs-layout{gap:20px}}