/* v24: full-screen entry, compact quiz chrome, and a balanced result. */
html,body{background:#f5f4ed}
main{min-height:100dvh}
.game-window{position:relative}
.game-window:has(iframe[data-loading]){min-height:720px}
.game-window iframe[data-loading]{visibility:hidden;pointer-events:none}
.quiz-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:linear-gradient(140deg,#f5f4ed,#dae8f1);color:#1b3a56;font-size:clamp(16px,2vw,20px);font-weight:700;letter-spacing:.04em;text-align:center;padding:24px}
.entrance-only{position:fixed!important;inset:0;z-index:50;width:100vw!important;height:100dvh;margin:0!important;background:#0b1118}
.entrance-only[hidden]{display:none!important}
.entrance-viewport{width:100%;height:100%;aspect-ratio:auto;overflow:hidden;background:#0b1118}
.entrance-only .entry-stage{inset:0;background:#0b1118}
.entrance-only .facade-camera{left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform-origin:62% 48%}
.entrance-only .facade-art{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.entrance-only .entry-portal{left:19.6%;top:48.1%;width:34.3%;height:30.2%}
.entrance-only:not([data-entry="loading"]):not([data-entry="ready"]) .facade-camera{animation:arrival-push-full .65s cubic-bezier(.5,0,.4,1) both}
@keyframes arrival-push-full{from{transform:scale(1)}to{transform:scale(1.32)}}
body[data-screen="game"] .game-screen{margin-top:16px}
@media(max-width:620px){
 .entrance-only .facade-art{object-position:58% 50%}
 body[data-screen="game"] .game-screen{width:100%;margin:0 auto 18px}
 body[data-screen="game"] .game-window{border-left:0;border-right:0;border-radius:0;box-shadow:none}
}

/* Quiz header: the brand belongs beside progress, while the room image stays clean. */
.passport .progress-panel{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:22px;align-items:center;max-width:660px;margin:auto}
.quiz-brand{grid-row:1 / 3;width:76px;height:48px;object-fit:contain}
.passport .progress-row,.passport .progress-track{grid-column:2;width:100%;max-width:none}
.passport .progress-track{margin-top:10px}
.consultation-logo{display:none!important}
.option strong,.body-options .option strong{font-size:18px;line-height:1.35}

.quiz-bottom-call{display:flex;align-items:center;justify-content:center;gap:14px;width:calc(100% - 64px);max-width:690px;min-height:72px;margin:16px auto 28px;padding:12px 20px;background:#ffcd7d;border:2px solid #17314f;box-shadow:0 6px 0 #17314f;color:#17314f;text-decoration:none;text-align:center}
.quiz-bottom-call svg{width:23px;height:23px;fill:currentColor;flex:none}.quiz-bottom-call span{display:grid;gap:2px}.quiz-bottom-call b{font-size:18px}.quiz-bottom-call small{font-size:10px;color:#765e3d}
.showing-result .quiz-bottom-call{display:none}

/* Result: one strong card, one concise decision column, then the celebrity proof. */
.showing-result .quest-content{padding:28px 34px 14px}
.result-showcase{grid-template-columns:minmax(320px,370px) minmax(320px,1fr);gap:clamp(34px,5vw,64px);align-items:center;max-width:940px;margin:auto}
.result-info>.personality-kicker{margin-bottom:3px;color:#806742;font-weight:800}
.personality-code{font-size:clamp(54px,7vw,82px);line-height:1;letter-spacing:.08em;color:#17314f;margin:0 0 13px;font-weight:950}
.personality-summary{font-size:16px;line-height:1.8;color:#526474;margin:0 0 17px;max-width:520px}
.result-info .preference-tags{margin-bottom:13px}
.result-info .personality-offer{padding:15px 0}
.result-info .offer-total{font-size:39px}
.result-info .call-button{min-height:76px;font-size:17px}
.personality-inspiration{max-width:940px;margin:28px auto 8px;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);gap:32px}
.personality-inspiration .personality-kicker{font-weight:850;color:#806742}

@media(max-width:620px){
 .passport .progress-panel{grid-template-columns:54px minmax(0,1fr);column-gap:12px}.quiz-brand{width:54px;height:36px}.passport .progress-track{margin-top:7px}
 .option strong,.body-options .option strong{font-size:17px}
 .quiz-bottom-call{width:calc(100% - 34px);min-height:68px;margin:13px auto 23px;padding:10px 12px}.quiz-bottom-call b{font-size:16px}
 .showing-result .quest-content{padding:14px 17px 8px}.result-showcase{display:flex;gap:22px;padding-top:8px}.personality-code{font-size:56px}.personality-summary{font-size:14px;margin-bottom:13px}.result-info .call-button{min-height:70px}.personality-inspiration{margin-top:25px;padding-top:22px}.personality-inspiration img{margin-bottom:14px}
}