.wfvn{--vn-ink:var(--fzn-text);--vn-muted:var(--fzn-muted);--vn-gold:var(--fzn-accent);--vn-line:var(--fzn-line);max-width:var(--fzn-game-width);background:var(--fzn-panel);font-family:var(--fzn-body-font);border-color:var(--fzn-line)}.wfvn-top,.wfvn-dialogue{background:var(--fzn-panel)}.wfvn-top{padding:16px 24px}.wfvn-brand{white-space:normal;color:var(--fzn-muted);font-family:var(--fzn-heading-font)}.wfvn-toolbar button{color:var(--fzn-text);font-family:var(--fzn-nav-font)}.wfvn-home{min-height:var(--fzn-start-min-height,600px);background-color:var(--fzn-panel);background-image:linear-gradient(90deg,rgba(2,7,12,var(--fzn-start-shade,.65)),rgba(2,7,12,var(--fzn-start-shade,.65))),var(--fzn-start-background,none);background-position:center,var(--fzn-start-position,center);background-size:cover;position:relative}.wfvn-home-copy{width:100%;max-width:var(--fzn-start-copy-width,620px);padding:45px 48px;position:relative;z-index:1}.wfvn-home-copy h1{font-family:var(--fzn-heading-font);font-size:clamp(38px,6vw,var(--fzn-heading-size,76px));font-weight:var(--fzn-heading-weight);letter-spacing:-1.5px;color:var(--fzn-text)}.wfvn-home-copy .wfvn-chapter{font-family:var(--fzn-heading-font);color:var(--fzn-accent);font-size:24px}.wfvn-home-copy>.fzn-home-description{font-size:var(--fzn-start-description-size,18px)!important;color:var(--fzn-text)!important;line-height:1.75}.wfvn-home-index{color:var(--fzn-accent);background:linear-gradient(135deg,#ffffff05,transparent)}.wfvn-home-index b{color:var(--fzn-text)}.wfvn-home-index::before,.wfvn-home-index::after{border-color:var(--fzn-line)}.wfvn-home-copy>p,.wfvn-home-foot,.wfvn-save-status{color:var(--fzn-muted)}.wfvn-home-actions .wfvn-button{margin:0;flex:1 1 42%;font-family:var(--fzn-nav-font);font-weight:700}.wfvn-home-actions .wfvn-button-primary{flex-basis:100%}.wfvn-button,.wfvn-choice{background:var(--fzn-surface);border-color:var(--fzn-line);color:var(--fzn-text)}.wfvn-button:hover,.wfvn-choice:hover{background:var(--fzn-panel);border-color:var(--fzn-accent)}.wfvn-button-primary,.wfvn-button-primary:hover{background:var(--fzn-accent);border-color:var(--fzn-accent);color:var(--fzn-button-text)}.wfvn-button-primary:hover{filter:brightness(1.1)}.wfvn-location,.wfvn-objective,.wfvn-puzzle,.wfvn-modal-top{background:var(--fzn-surface);border-color:var(--fzn-line)}.wfvn-stage{background:linear-gradient(110deg,var(--fzn-panel),var(--fzn-surface))}.wfvn-person-placeholder{background:var(--fzn-panel);border-color:var(--fzn-line)}.wfvn-stage-copy h2,.wfvn-person-placeholder h3,.wfvn-ending h2{font-family:var(--fzn-heading-font)}.wfvn-dialogue-text{font-family:var(--fzn-dialogue-font)}.wfvn-dialogue-head span:first-child{color:var(--fzn-accent)}.wfvn-shot{background:var(--fzn-panel);color:var(--fzn-muted);border-color:var(--fzn-accent)}.wfvn-objective p,.wfvn-person-placeholder p,.wfvn-stage-copy p:last-child{color:var(--fzn-muted)}.wfvn-ending{background:var(--fzn-surface);border-color:var(--fzn-accent)}.wfvn-ending p{color:var(--fzn-text)}.wfvn-modal{background:var(--fzn-panel);color:var(--fzn-text);font-family:var(--fzn-body-font);border-color:var(--fzn-line)}.wfvn-modal h2,.wfvn-modal h3{font-family:var(--fzn-heading-font)}.wfvn-code{background:var(--fzn-panel)!important}.wfvn-muted{color:var(--fzn-muted)}.fzn-home--left .wfvn-home-copy{grid-column:1;grid-row:1}.fzn-home--left .wfvn-home-index{grid-column:2;grid-row:1}.fzn-home--left{grid-template-columns:1.6fr .75fr}.fzn-home--center,.fzn-home--no-cover{display:flex;justify-content:center}.fzn-home--center .wfvn-home-index,.fzn-home--no-cover .wfvn-home-index{display:none}.fzn-home--center .wfvn-home-copy{text-align:center}.fzn-home--center .wfvn-home-copy p{margin-left:auto;margin-right:auto}.fzn-profile-chip{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:14px 42px 14px 16px;margin-top:22px;background:var(--fzn-panel);border:1px solid var(--fzn-line);border-radius:3px;color:var(--fzn-text);text-align:left}.fzn-profile-chip>span{font-size:13px;font-weight:800;letter-spacing:.8px}.fzn-profile-chip small{font-size:9px;color:var(--fzn-muted);letter-spacing:1px;line-height:1.5;margin-top:5px}.fzn-profile-chip b{position:absolute;right:18px;top:18px;color:var(--fzn-accent)}.fzn-profile-chip:hover{border-color:var(--fzn-accent)}.fzn-auth-form{display:grid;gap:13px;max-width:480px}.fzn-auth-label{display:grid;gap:5px;font-size:14px;color:var(--fzn-muted)}.fzn-auth-input{width:100%;padding:11px 13px;color:var(--fzn-text);background:var(--fzn-surface);border:1px solid var(--fzn-line);border-radius:3px;font-family:var(--fzn-body-font)}.fzn-auth-input:focus{border-color:var(--fzn-accent)}.fzn-auth-feedback{color:#f5b0a1}.fzn-auth-feedback:empty{display:none}.fzn-auth-tabs{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px}.fzn-auth-form .wfvn-button-primary{justify-self:start;min-width:200px}.wfvn-person-role-hidden{display:none}
@media(max-width:1000px){.wfvn-home-copy{padding:34px}.wfvn-home-index b{font-size:110px}.wfvn-top{padding:14px 20px}}
@media(max-width:700px){.wfvn-home,.fzn-home--left{display:block;min-height:0}.wfvn-home-index{display:none}.wfvn-home-copy{max-width:none;padding:32px 22px}.wfvn-home-copy h1{font-size:clamp(38px,11vw,var(--fzn-heading-size,76px))}.wfvn-home-copy .wfvn-chapter{font-size:21px}.wfvn-home-copy>.fzn-home-description{font-size:min(var(--fzn-start-description-size,18px),18px)!important}.wfvn-brand{font-size:10px}.wfvn-top{padding:12px 15px}.wfvn-home-actions .wfvn-button{font-size:11px;padding:11px 9px;min-height:45px}.wfvn-home-foot{font-size:9px}.fzn-profile-chip{padding:13px 36px 13px 13px}.fzn-profile-chip small{font-size:8px}.wfvn-home-actions{gap:8px}.fzn-auth-form .wfvn-button-primary{width:100%}}

/* During play the frame is fitted to the viewport; long content scrolls inside it. */
html.fzn-game-playing,
body.fzn-theme.fzn-game-playing { overflow: hidden; }
body.fzn-game-playing .fzn-main {
    position: fixed;
    inset: var(--fzn-header-bottom, 100px) 0 0;
    min-height: 0;
    padding: 50px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.wfvn.fzn-game-active {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: var(--fzn-play-width);
    height: var(--fzn-play-height);
    max-width: none;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    container-type: size;
    container-name: fzn-player;
}
.fzn-game-active .wfvn-top {
    position: relative;
    flex: 0 0 auto;
    min-height: 50px;
    padding: 9px 58px 9px 18px;
    gap: 12px;
    flex-wrap: nowrap;
}
.fzn-game-active .wfvn-brand { flex: 0 1 auto; max-width: 160px; font-size: 10px; }
.fzn-game-active .wfvn-save-status { flex: 0 1 180px; font-size: 10px; line-height: 1.4; }
.fzn-game-active .wfvn-toolbar {
    min-width: 0;
    margin-left: auto;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}
.fzn-game-active .wfvn-toolbar button { flex: 0 0 auto; padding: 6px 9px; white-space: nowrap; }
.fzn-game-active [data-vn-action="fullscreen"] {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 36px;
    height: 34px;
    padding: 6px;
    border: 1px solid var(--vn-line);
    border-radius: 3px;
    background: var(--fzn-surface);
    color: var(--fzn-text);
}
.fzn-game-active [data-vn-action="fullscreen"]:hover { border-color: var(--fzn-accent); color: var(--fzn-accent); }
.fzn-game-active [data-vn-game] {
    display: grid;
    grid-template-rows: auto minmax(0, .95fr) minmax(0, 1.05fr) auto;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}
.fzn-game-active .wfvn-location { min-height: 0; padding: 7px 18px; font-size: 10px; line-height: 1.4; }
.wfvn.fzn-game-active .wfvn-stage { min-height: 0; height: auto; }
.fzn-game-active .wfvn-stage-copy { align-self: stretch; width: 49%; padding: 18px 24px 38px; overflow-y: auto; }
.fzn-game-active .wfvn-stage-copy h2 { font-size: 25px; margin: 8px 0; }
.fzn-game-active .wfvn-stage-copy p:last-child { font-size: 12px; line-height: 1.5; }
.fzn-game-active .wfvn-person { top: 8px; }
.fzn-game-active .wfvn-person-placeholder { min-height: 0; padding: 12px 20px 38px; overflow-y: auto; justify-content: flex-start; }
.fzn-game-active .wfvn-person-placeholder h3 { margin: 8px 0 4px; font-size: 23px; }
.fzn-game-active .wfvn-person-placeholder p { font-size: 12px; margin: 5px 0; line-height: 1.5; }
.fzn-game-active .wfvn-mood { bottom: 35px; }
.fzn-game-active .wfvn-shot { left: 14px; right: 14px; bottom: 6px; max-height: 28%; overflow-y: auto; font-size: 10px; }
.fzn-game-active .wfvn-dialogue { min-height: 0; padding: 14px 24px 20px; overflow-y: auto; overscroll-behavior: contain; overflow-anchor: none; scrollbar-gutter: stable; }
.fzn-game-active .wfvn-dialogue-head { margin-bottom: 8px; }
.fzn-game-active .wfvn-dialogue-text { min-height: 0; line-height: 1.65; }
.fzn-game-active .wfvn-dialogue-text p { margin-bottom: 10px; }
.fzn-game-active .wfvn-choices { margin-top: 14px; gap: 8px; }
.fzn-game-active .wfvn-objective { display: flex; min-height: 0; gap: 12px; padding: 8px 18px; font-size: 11px; line-height: 1.4; }
.fzn-game-active .wfvn-objective p { margin: 0; }
.fzn-game-active > .wfvn-notice { flex: 0 0 auto; max-height: 15%; padding: 6px 18px; overflow-y: auto; font-size: 11px; line-height: 1.4; }
html.fzn-game-expanded { margin-top: 0 !important; }
body.fzn-game-expanded .wf-topbar,
body.fzn-game-expanded #wpadminbar { visibility: hidden; pointer-events: none; }
body.fzn-game-expanded .fzn-main { inset: 0; padding: 0; z-index: 100000; }
.wfvn.fzn-game-expanded {
    position: fixed;
    inset: 0;
    width: var(--fzn-play-width, 100vw);
    height: var(--fzn-play-height, 100dvh);
    border: 0;
    z-index: 100001;
}
.fzn-game-active .wfvn-modal { max-height: calc(100dvh - 32px); }
@container fzn-player (max-width: 700px) {
    .fzn-game-active .wfvn-brand,
    .fzn-game-active .wfvn-save-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .fzn-game-active .wfvn-toolbar { margin-left: 0; width: 100%; }
    .fzn-game-active .wfvn-toolbar button { font-size: 11px; }
    .fzn-game-active .wfvn-location { padding: 5px 12px; font-size: 9px; letter-spacing: .5px; }
    .fzn-game-active .wfvn-location span:last-child { font-size: 9px; }
    .fzn-game-active .wfvn-stage-copy { width: 51%; padding: 12px 14px 30px; }
    .fzn-game-active .wfvn-stage-copy h2 { font-size: 20px; }
    .fzn-game-active .wfvn-person { right: 3%; width: 43%; }
    .fzn-game-active .wfvn-person-placeholder { padding: 10px 12px 32px; }
    .fzn-game-active .wfvn-person-placeholder h3 { font-size: 19px; }
    .fzn-game-active .wfvn-person-id { font-size: 8px; letter-spacing: 1px; }
    .fzn-game-active .wfvn-dialogue { padding: 10px 14px 16px; }
    .fzn-game-active .wfvn-objective { padding: 6px 12px; }
    .fzn-game-active .wfvn-objective > span { display: none; }
}
@container fzn-player (max-height: 320px) {
    .fzn-game-active .wfvn-top { min-height: 42px; padding-top: 5px; padding-bottom: 5px; }
    .fzn-game-active [data-vn-action="fullscreen"] { top: 4px; }
    .fzn-game-active .wfvn-objective { max-height: 40px; overflow-y: auto; }
    .fzn-game-active .wfvn-dialogue-head span:first-child { font-size: 13px; }
}