.voc-page,.voc-page *{box-sizing:border-box}.voc-page{margin:0;background:#f0f3f4;color:#142e3b;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.voc-page a{color:#1e576b;text-underline-offset:.2em}.voc-page button{font:inherit}.voc-page :focus-visible{outline:3px solid #cf8e39;outline-offset:4px}.voc-page [hidden]{display:none!important}.voc-page button:disabled{opacity:.5;cursor:default}.voc-skip{position:absolute;left:16px;top:-70px;background:#142e3b;color:white!important;padding:12px;z-index:1000}.voc-skip:focus{top:8px}.fm-wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}.fm-top{background:#142e3b;border-bottom:1px solid #879ca4;padding:22px 0}.fm-top>.fm-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}.fm-brand{font:400 29px Georgia,serif;text-decoration:none;color:#fff6e6!important}.fm-brand small{display:block;font:12px system-ui,sans-serif;color:#cedadf;letter-spacing:.04em;margin-top:6px}.fm-top .fm-back-link{font-size:14px;color:#f0ce96}.fm-intro{max-width:960px;padding:30px 0 10px}.fm-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:26px}.fm-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#785323}.fm-intro h1{font:400 clamp(35px,5vw,60px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 22px}.fm-lead{font-size:20px}.voc-game{isolation:isolate;min-width:0;margin:30px 0 40px;padding:clamp(20px,4vw,44px);border:1px solid #879ca4;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#a96a2933,transparent 50%),linear-gradient(145deg,#174354,#102734 75%);color:#edf2f3;box-shadow:0 20px 55px #142e3b24;scroll-margin-top:20px;overflow-x:clip}.voc-heading{text-align:center;max-width:790px;margin:0 auto 26px}.voc-heading .fm-eyebrow{color:#f0ce96}.voc-game h2{font:400 clamp(29px,4vw,44px)/1.2 Georgia,serif;margin:12px 0 20px;color:#fff6e6}.voc-heading>p{font-size:16px;color:#d4e0e4}.voc-game button{touch-action:manipulation}.voc-status{text-align:center;color:#f0ce96;font-weight:750;min-height:3.3em;margin:16px auto;max-width:690px}.voc-fan{width:100%;max-width:850px;position:relative;margin:0 auto 18px;isolation:isolate}.voc-track{position:relative;width:100%;height:100%}.voc-back{position:absolute;display:block;padding:0;border:0;background:transparent;transform-origin:50% 50%;aspect-ratio:2/3;border-radius:7px;cursor:pointer;touch-action:manipulation;transition:filter .15s}.voc-back img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;border-radius:7px;box-shadow:0 3px 7px #04121c70}.voc-back.is-active{outline:2px solid #f0ce96;outline-offset:2px}.voc-back.is-active img,.voc-back:hover img{filter:brightness(1.12)}.voc-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:10px 0 14px}.voc-arrow{width:48px;height:48px;border:1px solid #d7b677;border-radius:50%;background:#173e4f;color:#fff6e6;font-size:30px!important;line-height:1;cursor:pointer}.voc-browse-label{font-size:13px;text-align:center}.voc-selection-help{font-size:13px;text-align:center;max-width:650px;margin:0 auto 30px;color:#d4e0e4}.voc-map{max-width:1030px;margin:38px auto 0}.voc-map h3{text-align:center;font:400 28px Georgia,serif;margin:25px 0 12px;color:#fff6e6}.voc-map-intro{text-align:center;color:#d4e0e4;font-size:14px;margin:0 0 22px}.voc-stairs{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end;margin:0;padding:0}.voc-step{--step:0;min-width:0;position:relative;margin:0 0 calc(var(--step)*39px);padding-bottom:10px;border-bottom:3px solid #bf985d}.voc-step:nth-child(2){--step:1}.voc-step:nth-child(3){--step:2}.voc-step:nth-child(4){--step:3}.voc-step:nth-child(5){--step:4}.voc-step:not(:last-child):after{content:"";position:absolute;right:-8px;bottom:-3px;height:39px;border-right:1px solid #b5c4cb;transform:translateY(-1px)}.voc-stage{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:286px;padding:14px 8px;border:1px solid #a4b3bb;border-radius:14px;background:#f1f4f4;color:#142e3b;text-align:center;font:inherit;min-width:0;box-shadow:0 5px 16px #0002}.voc-stage[type=button]{cursor:pointer}.voc-stage[type=button]:hover{background:#fff6e6}.voc-stage-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#142e3b;color:#fff6e6;font-size:12px;flex:none}.voc-step-title{display:block;font:400 18px/1.25 Georgia,serif;min-height:48px;margin:0;max-width:100%}.voc-thumb{display:block;width:76px;max-width:100%;height:114px;object-fit:contain;border:1px solid #a18b62;border-radius:5px;background:#f1f4f4}.voc-stage-card{display:block;font-size:12px;line-height:1.3;min-height:32px;max-width:100%}.voc-empty{display:grid;place-items:center;width:76px;max-width:100%;height:114px;border:1px dashed #83969f;border-radius:7px;padding:6px;background:linear-gradient(135deg,#e5edf0,#f3e7d0);font-size:12px;color:#425f6c}.voc-current{scroll-margin-top:20px;margin:30px auto;max-width:920px}.voc-result{min-width:0;display:flex;flex-direction:column;border:1px solid #a4b3bb;border-radius:18px;background:#fffdf6;color:#142e3b;overflow:hidden}.voc-position{display:grid;place-items:center;min-height:74px;padding:15px;margin:0;background:#1b4559;color:#fff6e6;font-weight:750;font-size:15px;text-align:center;line-height:1.4}.voc-face{position:relative;width:calc(100% - 32px);max-width:300px;display:flex;flex-direction:column;overflow:hidden;margin:22px auto 0;border:3px double #c4ac7b;border-radius:14px;background:#142e3b;box-shadow:0 7px 18px #142e3b20}.voc-face:after{content:"";position:absolute;inset:5px;border:1px solid #d3e1e766;border-radius:9px;pointer-events:none}.voc-card-title{display:grid;place-items:center;min-height:78px;margin:0;padding:13px 10px;background:#142e3b;color:#fff6e6;font:400 24px/1.2 Georgia,serif;text-align:center}.voc-illustration{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#eff2f3}.voc-keyword{display:grid;place-items:center;min-height:48px;padding:10px 6px;background:#ead1a3;color:#142e3b;font:400 22px/1.25 Georgia,serif;text-align:center}.voc-definition{padding:22px;display:flex;flex-direction:column;flex:1;font-size:15px;line-height:1.75}.voc-position-help{font-size:13px;color:#425f6c;border-bottom:1px solid #d0dce1;padding-bottom:15px;margin:0 0 18px}.voc-meaning{margin:0 0 18px}.voc-depth{font-size:14px;margin-bottom:22px}.voc-depth summary{font-weight:700;cursor:pointer;color:#1e576b;padding:7px 0}.voc-question{font-style:italic;color:#1e576b}.voc-action{margin-top:auto;background:#f0e9dc;border-left:3px solid #9f7136;padding:15px}.voc-action>span{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.voc-action>p{margin:7px 0 0}.voc-current .voc-result{display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);grid-template-rows:auto 1fr}.voc-current .voc-position{grid-column:1/-1;min-height:55px}.voc-current .voc-face{grid-column:1;grid-row:2;width:calc(100% - 24px);margin:20px auto;align-self:start}.voc-current .voc-definition{grid-column:2;grid-row:2;font-size:16px}.voc-current .voc-card-title{font-size:22px;min-height:65px}.voc-current .voc-keyword{font-size:19px;min-height:42px}.voc-draw-actions,.voc-reading-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0 12px}.voc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;line-height:1.4;text-align:center;padding:14px 24px;border:1px solid #d7b677;border-radius:24px;background:#ead1a3;color:#142e3b;font-weight:750!important;cursor:pointer}.voc-button:hover{background:#f2dfbc}.voc-secondary{background:transparent;color:#fff6e6}.voc-secondary:hover{background:#285268;color:#fff6e6}.voc-reading{text-align:center;scroll-margin-top:20px}.voc-reading-lead{max-width:790px;margin:0 auto 30px;color:#d4e0e4}.voc-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:26px;text-align:left;max-width:1120px;margin:auto;align-items:stretch}.voc-privacy,.voc-export-status{font-size:12px;text-align:center;max-width:700px;margin:24px auto 0;color:#d4e0e4}.voc-export-status{min-height:1.5em}.fm-explanation{max-width:930px;margin:44px auto}.fm-explanation h2{font:400 33px/1.2 Georgia,serif}.voc-position-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-left:22px;font-size:15px}.voc-position-list li{min-width:0}.voc-scope{border-left:3px solid #9f7136;background:#e5edf0;padding:16px 22px;font-size:14px}.fm-footer{padding:28px 0;border-top:1px solid #b5c4cb;font-size:12px;color:#425f6c}.fm-footer>.fm-wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.voc-page noscript{display:block;padding:20px}.voc-page :is(button,p,h1,h2,h3,h4,figcaption,summary){overflow-wrap:break-word}.voc-game .voc-card-title{color:#fff6e6!important;background:#142e3b!important;text-transform:none!important}.voc-game .voc-keyword{color:#142e3b!important;background:#ead1a3!important;text-transform:none!important}.voc-game .voc-illustration{height:auto!important;object-fit:contain!important;max-width:100%!important}.voc-game .voc-position{color:#fff6e6!important;background:#1b4559!important;text-transform:none!important}.voc-game button,.voc-game summary{letter-spacing:normal;text-transform:none}
@media(max-width:1000px){.voc-results{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.voc-stairs{gap:9px}.voc-stage{padding-inline:5px}.voc-step-title{font-size:16px}.voc-step:not(:last-child):after{right:-5px}}
@media(max-width:760px){.voc-stairs{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:540px;margin:auto}.voc-step{margin:0 0 0 calc(var(--step)*10px);padding-bottom:5px}.voc-step:not(:last-child):after{display:none}.voc-stage{display:grid;grid-template-columns:27px 56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:5px;height:112px;min-height:112px;padding:10px;text-align:left}.voc-stage-number{grid-area:1/1/3/2}.voc-step-title{grid-area:1/3;font-size:17px;min-height:0;align-self:end}.voc-thumb,.voc-empty{grid-area:1/2/3/3;width:56px;height:84px}.voc-stage-card{grid-area:2/3;align-self:start;min-height:0;font-size:12px}.voc-map-intro{padding-inline:7px}.voc-current .voc-result{display:flex}.voc-current .voc-face{max-width:240px;width:calc(100% - 32px);margin:20px auto 0}.voc-current .voc-definition{font-size:16px}.voc-current .voc-card-title{font-size:22px}}
@media(max-width:700px){.voc-results{grid-template-columns:1fr;max-width:520px;gap:24px}.voc-definition{font-size:16px;padding:22px}.voc-reading-lead{font-size:16px}}
@media(max-width:620px){.fm-wrap{width:calc(100% - 24px)}.fm-top{padding:16px 0}.fm-brand{font-size:23px}.fm-brand small{font-size:10px;max-width:150px;line-height:1.4}.fm-top .fm-back-link{font-size:12px;max-width:110px;text-align:right}.fm-intro{padding-top:25px}.fm-breadcrumb{font-size:11px}.fm-intro h1{font-size:36px}.fm-lead{font-size:17px}.voc-game{padding:23px 8px;border-radius:20px}.voc-heading{padding-inline:7px}.voc-heading>p{font-size:15px}.voc-status{font-size:14px;min-height:3.3em;padding-inline:6px}.voc-fan{margin-bottom:12px}.voc-controls{gap:16px}.voc-selection-help{font-size:12px;padding:0 8px}.voc-map h3{font-size:25px}.voc-draw-actions>.voc-button,.voc-reading-actions>.voc-button{width:100%}.voc-position-list{grid-template-columns:1fr}.voc-card-title{font-size:24px}.voc-definition{padding:20px}}
@media(max-width:350px){.voc-step{margin-left:calc(var(--step)*6px)}.voc-stage{grid-template-columns:24px 46px minmax(0,1fr);column-gap:8px;padding:8px}.voc-stage-number{width:24px;height:24px}.voc-thumb,.voc-empty{width:46px;height:69px}.voc-step-title{font-size:15px}.voc-browse-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.voc-page *,.voc-page *:before,.voc-page *:after{scroll-behavior:auto!important;transition:none!important}}

/* France Médium : un éventail, un escalier et un carnet de lecture vertical. */
.voc-game{background:#142e3b;border-radius:4px;border-top:5px solid #c4ac7b;box-shadow:none}.voc-heading{border-bottom:1px solid #879ca4;padding-bottom:24px}.voc-results{display:flex;flex-direction:column;gap:32px}.voc-results .voc-result{display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);border-radius:3px}.voc-results .voc-position{grid-column:1/-1;min-height:52px;justify-items:start;padding-left:26px}.voc-results .voc-face{margin:24px auto;align-self:start}.voc-results .voc-definition{padding:28px;font-size:17px}.voc-reading-title{text-align:left}.voc-reading-lead{text-align:left;max-width:none}.voc-map{border-top:1px solid #879ca4;padding-top:18px}.voc-stairs{margin-top:28px}.voc-current .voc-result{border-radius:3px}
@media(max-width:760px){.voc-results .voc-result{display:flex}.voc-results .voc-face{max-width:240px;margin-bottom:0}.voc-results .voc-definition{padding:22px;font-size:16px}.voc-game{padding:24px 8px}.voc-reading-title{font-size:30px}}

/* Univers fourni : bleu pétrole, argent, ambre. Arc ouvert de 62 cartes. */
.voc-game{padding:0;background:#132e3b;border-radius:0;border:0;box-shadow:none}.voc-heading{padding:28px 24px 10px;margin:0 auto;border:0}.voc-scene{padding:24px 28px 30px;background:radial-gradient(ellipse at 50% 45%,#284c5d,#102734 75%);isolation:isolate}.voc-scene .voc-status{position:relative;z-index:70;background:#10232dec;border:1px solid #b59e6a99;padding:15px 22px;color:#fff6e6;max-width:660px;min-height:0;box-shadow:0 6px 25px #0004;margin:0 auto 12px;font-weight:500}.voc-fan{max-width:700px;margin:0 auto 12px}.voc-track:before{content:'FRANCE MÉDIUM\A Oracle des vocations';white-space:pre-line;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;font:400 18px/1.6 Georgia,serif;letter-spacing:.04em;color:#f4deb2;text-shadow:0 2px 8px #000;width:36%;pointer-events:none}.voc-back{transition:filter .15s,transform .25s}.voc-back img{box-shadow:0 4px 9px #0008}.voc-controls{background:#10232dde;border-radius:40px;width:max-content;max-width:100%;padding:9px 16px;margin:0 auto 14px}.voc-selection-help{background:#10232ddc;padding:12px 18px;border-radius:3px;margin-bottom:0}.voc-map,.voc-current,.voc-reading{padding:20px 30px}.voc-game .voc-heading .fm-eyebrow{color:#f0ce96}.voc-art-credit{font-size:11px;text-align:center;color:#d4e0e4;padding:18px 15px 0}.voc-game>.voc-privacy{padding:0 20px 24px}.is-shuffling .voc-back{animation:voc-studio-shuffle 2.7s ease-in-out both;pointer-events:none}.is-shuffling .voc-back:nth-child(2n){animation-name:voc-studio-shuffle-other}.is-shuffling .voc-track:before{opacity:0}
@keyframes voc-studio-shuffle{0%,30%{left:42%;top:47%;transform:translate(-50%,-50%) rotate(-18deg)}52%{left:58%;top:43%;transform:translate(-50%,-50%) rotate(20deg)}72%{left:45%;top:48%;transform:translate(-50%,-50%) rotate(-12deg)}}
@keyframes voc-studio-shuffle-other{0%,30%{left:58%;top:46%;transform:translate(-50%,-50%) rotate(18deg)}52%{left:42%;top:50%;transform:translate(-50%,-50%) rotate(-20deg)}72%{left:55%;top:43%;transform:translate(-50%,-50%) rotate(12deg)}}
@media(max-width:700px){.voc-scene{padding:18px 4px 22px;background-position:center}.voc-track:before{font-size:12px;letter-spacing:0;width:35%}.voc-scene .voc-status{font-size:14px;padding:12px;margin-inline:8px}.voc-controls{padding:6px 12px;gap:14px}.voc-selection-help{font-size:12px;margin-inline:8px}.voc-map,.voc-current,.voc-reading{padding:20px 12px}.voc-heading{padding:24px 16px 10px}}
@media(prefers-reduced-motion:reduce){.is-shuffling .voc-back{animation:none!important}}
