.vf-page{display:none}
body.flips-mode .main>.hero,body.flips-mode .main>.section-head,body.flips-mode .main>.surface,body.flips-mode .dream-page{display:none}
body.flips-mode .vf-page{display:block}
body.flips-mode #addWidget,body.flips-mode .topbar-actions>.search{display:none}
body.flips-mode .main .topbar{margin-bottom:12px}
body.flips-mode .orb-layer,body.flips-mode .stars,body.flips-mode .mist-layer,body.flips-mode .floor-glow{display:none}
.vf-page{--vf-ink:#f9f6ff;--vf-subtle:#b5b1cd;--vf-pink:#ef9cdb;--vf-aqua:#90eaf2;max-width:1320px;margin:0 auto 60px;color:var(--vf-ink)}
.vf-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:17px 6px 22px}
.vf-heading h2{margin:5px 0 9px;font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.05;letter-spacing:-.06em}
.vf-heading h2 span{color:var(--vf-pink)}
.vf-heading p{margin:0;max-width:650px;color:var(--vf-subtle);line-height:1.6;font-size:14px}
.vf-light-stamp{font-size:10px;color:var(--vf-aqua);letter-spacing:.12em;font-weight:900;border:1px solid #43757d;background:#102631;border-radius:50px;padding:10px 12px;white-space:nowrap}
.vf-switch{display:flex;gap:7px;background:#0e1125;border:1px solid #37344e;border-radius:15px;padding:5px;width:fit-content;margin:0 0 17px}
.vf-switch button{border:0;background:transparent;color:#cbc4dd;border-radius:11px;padding:12px 18px;font-weight:800;font:inherit;cursor:pointer}
.vf-switch button.active{background:linear-gradient(130deg,#5b3f78,#233d6a);color:white;box-shadow:inset 0 1px #ffffff34}
.vf-panel{background:#111527;border:1px solid #40435d;border-radius:23px;padding:clamp(16px,2.7vw,28px);box-shadow:0 12px 32px #0003}
.vf-create-panel{max-width:960px}
.vf-intro-note{font-size:12px;line-height:1.6;color:#bcb7d0;margin-bottom:13px;max-width:960px}
.vf-panel-heading,.vf-item-top,.vf-publish,.vf-play-top,.vf-guest-line{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.vf-panel-heading h3{font-size:clamp(21px,2.5vw,27px);margin:6px 0 0;font-weight:850;letter-spacing:-.025em}
.vf-panel-heading h3 small{font-size:12px;font-weight:600;color:#aca9c6}
.vf-number{color:var(--vf-aqua);font-size:11px;font-weight:850;letter-spacing:.12em;overflow-wrap:anywhere}
.vf-field{display:grid;gap:8px;font-size:12px;font-weight:750;color:#d6d0e5;margin-top:16px}
.vf-field input,.vf-field textarea,.vf-field select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #4d4b66;border-radius:12px;background:#0b1021;color:#f8f4ff;padding:12px 13px;font:inherit;font-size:14px;font-weight:500;line-height:1.4;outline-offset:3px;resize:vertical;box-shadow:none}
.vf-field :is(input,textarea,select):focus{outline:2px solid #92c9ff;border-color:#92c9ff}
.vf-field input::placeholder,.vf-field textarea::placeholder{color:#8d88a4}
.vf-divider{height:1px;background:#39394f;margin:28px 0}
.vf-editor-item{background:#191c32;border:1px solid #424058;border-radius:16px;padding:17px;margin:13px 0}
.vf-editor-item .vf-field{margin-top:12px}
.vf-item-top strong{font-size:11px;color:#e4a0de;letter-spacing:.14em}
.vf-options-edit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.vf-select-field{max-width:290px}
.vf-hint,.vf-empty{color:var(--vf-subtle);font-size:13px;line-height:1.6}
.vf-empty{border:1px dashed #54536d;padding:20px;border-radius:14px}
.vf-secret-editor{border-color:#5b4872}
.vf-link-button{color:#a6eaf4;border:0;background:none;cursor:pointer;font:inherit;font-size:12px;font-weight:800;padding:6px}
.vf-link-button:hover{text-decoration:underline}
.vf-publish strong{font-size:18px}
.vf-publish p{margin:7px 0;color:var(--vf-subtle);font-size:13px}
.vf-button-stack{display:flex;gap:9px;flex-wrap:wrap}
.vf-button-stack button{padding:12px 17px}
.vf-play-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(280px,.85fr);gap:17px;align-items:start}
.vf-play-top{margin-bottom:9px}
.vf-count{color:#d5c3ed;font-size:13px;font-weight:800}
.vf-game-intro{font-size:13px;line-height:1.6;color:var(--vf-subtle);margin:0 0 18px;white-space:pre-wrap}
.vf-progress{display:flex;gap:6px;height:6px;margin-bottom:18px}
.vf-progress span{flex:1;border-radius:20px;background:#383a52}
.vf-progress .vf-good{background:#6adeca}
.vf-progress .vf-miss{background:#de879a}
.vf-playing-card{position:relative;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;overflow:hidden;padding:35px 25px;border:1px solid #8164aa;border-radius:19px;background:radial-gradient(ellipse at 10% 0%,#3e315d,transparent 65%),radial-gradient(ellipse at 95% 95%,#22465f,transparent 62%),#211e3c;box-shadow:inset 0 1px #ffffff21}
.vf-card-kicker{color:#e2b6f7;font-size:11px;letter-spacing:.1em;font-weight:850}
.vf-playing-card h3{margin:0;font-size:clamp(21px,3vw,30px);line-height:1.3;letter-spacing:-.025em;max-width:550px;overflow-wrap:anywhere}
.vf-card-gem{font-size:28px;color:#a5edff;line-height:1}
.vf-answers{display:grid;gap:10px;margin-top:15px}
.vf-answer{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border-radius:13px;border:1px solid #4b4a64;background:#21223a;color:#f8f6ff;font:inherit;font-weight:700;cursor:pointer;min-height:55px}
.vf-answer:disabled{cursor:default;opacity:1}
.vf-answer:not(:disabled):hover{border-color:#b5a4e9;background:#292744}
.vf-answer.correct{border-color:#66d8c7;background:#194339}
.vf-answer.incorrect{border-color:#ec9db5;background:#512934}
.vf-choice-number{display:grid;place-items:center;flex:none;height:26px;width:26px;border:1px solid #65617d;border-radius:8px;color:#d5c7ed;font-size:11px}
.vf-answer-symbol{margin-left:auto;font-weight:900}
.vf-answer-response{margin-top:15px;font-size:13px;font-weight:700;color:#f2b6c3}
.vf-response-correct{color:#7ce8d7}
.vf-next{width:100%;min-height:49px;margin-top:12px}
.vf-finished{display:grid;gap:5px;text-align:center;margin-top:18px;padding:18px;background:#1d2942;border:1px solid #50658b;border-radius:15px}
.vf-finished strong{font-size:25px;color:#dfb5fa}
.vf-finished span{font-size:13px;color:#cfd4ec}
.vf-score{font-size:12px;color:#91e4d7;font-weight:850}
.vf-reveal-list{display:grid;gap:12px;margin-top:20px}
.vf-reveal{border:1px solid #4a4761;background:#1b1c32;border-radius:14px;padding:18px;overflow-wrap:anywhere}
.vf-reveal.unlocked{background:linear-gradient(145deg,#332449,#1b3444);border-color:#ae89cb}
.vf-reveal-top{font-size:10px;font-weight:900;letter-spacing:.12em;color:#b5aac8}
.vf-reveal.unlocked .vf-reveal-top{color:#8be2d9}
.vf-reveal h4{font-size:17px;margin:9px 0}
.vf-reveal p{font-size:13px;line-height:1.65;white-space:pre-wrap;margin:0;color:#bdb8d1}
.vf-reveal.unlocked p{color:#f2e9f9}
.vf-ask-box{margin-top:25px;padding:18px;border:1px solid #4b5c72;background:#172638;border-radius:14px}
.vf-ask-box h4{font-size:17px;margin:0 0 6px}
.vf-ask-box p{font-size:12px;color:#becbe1;line-height:1.5;margin:0}
.vf-ask-box button{margin-top:12px;padding:11px 15px}
.vf-creator-link{margin-top:18px}
.vf-guest-line{margin-bottom:14px;font-size:13px;color:#c6c2e2}
.vf-guest-line button{padding:10px 13px}
.vf-play-empty{max-width:700px}
.vf-play-empty p{color:#c3bdd6}
.vf-page button:focus-visible{outline:2px solid #9bedfa;outline-offset:3px}
@media(max-width:850px){.vf-play-layout{grid-template-columns:1fr}.vf-heading{flex-direction:column;gap:14px}.vf-light-stamp{align-self:start}}
@media(max-width:650px){.vf-page{margin-bottom:35px}.vf-panel{border-radius:18px;padding:16px}.vf-options-edit{grid-template-columns:1fr;gap:0}.vf-panel-heading{align-items:start}.vf-panel-heading .ghost-btn{padding:9px 12px}.vf-button-stack{width:100%}.vf-button-stack button{flex:1}.vf-playing-card{min-height:200px;padding:27px 16px}.vf-heading h2{font-size:38px}.vf-switch{width:100%}.vf-switch button{flex:1;padding:11px 8px}}
@media(prefers-reduced-motion:reduce){.vf-page *{animation:none!important;transition:none!important}}