/* Shared visual language with the learning area. */
:root{--palm:#287853;--ocean:#23694f;--night:#183e30;--sand:#fcf7e7;--muted:#637269;--surface:#fff;--line:#dce5da}
:root[data-theme=dark]{--surface:#182b23;--line:#385145;--night:#e5f1e9;--sand:#102019;--muted:#b1c5b8}
[hidden]{display:none!important}
body{line-height:1.6;font-size:16px}
header{background:linear-gradient(120deg,#163f32,#287853);padding:18px 20px 0}
.hc{padding:42px 12px 18px}.hc h1{font-size:36px}.hc p{font-size:14px;color:#e0eee5}
body>div:first-child{position:absolute!important;top:14px!important;right:20px!important}
body>div:first-child a{font-size:14px!important;padding:10px 18px!important;border-color:#7aaa8e!important;color:#fff!important;background:#174432!important}
.island-bar{max-width:720px;margin:auto;border-radius:16px;padding:5px;gap:4px;background:#123a2c}
.isle-btn{font-size:14px;min-height:48px;border-radius:12px;color:#d9e9df;border:0}
.isle-btn[class*=active-]{background:#fff;color:#20563f;box-shadow:0 2px 8px #0001}
.isle-indicator{background:transparent;font-size:12px;padding:10px;color:#e1eee6}
.free-banner{background:transparent;border-top:1px solid #ffffff30;padding:14px 0;max-width:960px;margin:auto;flex-wrap:wrap}
.free-banner p,.free-banner a{font-size:13px}.free-banner a{padding:9px 16px}
nav{justify-content:center;border-bottom:1px solid var(--line);background:var(--surface);padding:4px 12px;gap:6px}
.nb{max-width:180px;min-height:60px;font-size:13px;border-radius:12px;gap:3px}.nb .ni{font-size:20px}
.nb.active{background:#e8f3ec;color:#205f44;border-bottom-color:#287853}
main{max-width:960px;padding:28px 20px 60px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:18px;box-shadow:0 4px 16px #17443206}
.ct{font-size:24px;color:var(--night)}.cs{font-size:14px;margin:6px 0 18px}
#welcomeCard{background:linear-gradient(120deg,#174432,#287853)!important;padding:30px;border-radius:24px!important}
#welcomeCard>div:first-child{font-size:13px!important;color:#d4e7d9!important}
#welcomeTitle{font-size:30px!important;color:#fff!important;margin:8px 0!important}
#welcomeDesc{font-size:16px!important;color:#e1eee6!important}
#accueil{display:none}#accueil.active{display:flex;flex-direction:column}
.free-story{order:10}.free-story summary{cursor:pointer;font-size:19px;min-height:44px}.free-story>div{font-size:15px!important;line-height:1.8!important;color:var(--muted)!important}
.free-start>div[style]{gap:14px!important}.free-start [onclick]{background:var(--surface)!important;border:1px solid var(--line);border-radius:16px!important;padding:22px!important;text-align:left!important}
.free-start [onclick]:hover{border-color:#287853;background:#eef7f0!important}
.free-start [onclick]>div:nth-child(2){font-size:17px!important;color:var(--night)!important;margin:8px 0!important}
.free-start [onclick]>div:nth-child(3){font-size:13px!important}
.card div[style*="font-size:10px"]{font-size:14px!important}
.niv-wrap,.cat-wrap{gap:8px;margin-bottom:18px}.niv-btn,.cat-btn{min-height:44px;padding:10px 16px;font-size:14px;border:1px solid var(--line)}
.cat-btn.active,.niv-btn.active{background:#287853;border-color:#287853;color:#fff}
.fc{background:var(--surface);border:1px solid var(--line);min-height:260px;padding:30px;border-radius:24px;box-shadow:0 8px 24px #17443208}
.fc-isle,.fc-note,.fc-ph{font-size:14px;color:var(--muted)}.fc-cr{font-size:38px;color:var(--night);margin:16px 0}.fc-fr{font-size:19px;color:var(--night);background:#e8f3ec;padding:10px 20px}
.fc-btn{min-height:48px;font-size:15px;padding:12px 18px}.fc-count{font-size:14px;margin:12px}.fc-prog-fill{background:#287853}
.pi{padding:22px;border:1px solid var(--line);border-left:4px solid #72a889;border-radius:18px;margin-bottom:14px;background:var(--surface)}
.pi .pc{font-size:21px;color:var(--night)}.pi .pf{font-size:17px}.pi .pp,.pi .pnote{font-size:14px;color:var(--muted)}
.qq{background:#21694e;border-radius:22px;padding:30px}.ql,.qt{font-size:14px;color:#e2eee6}.qw{font-size:34px;color:#fff}
.qo{min-height:64px;font-size:17px;border-radius:16px;padding:16px}.qs-bar{padding:18px;border:1px solid var(--line);background:var(--surface)}.sl{font-size:13px}.qfb,.qnb{font-size:16px;padding:16px}.sn{font-size:26px}
.lock-card{background:linear-gradient(120deg,#173e30,#287853);padding:30px;border-radius:24px}.lock-title{font-size:28px}.lock-desc,.lock-list li{font-size:16px}.lock-price{font-size:14px}.lock-btn{font-size:16px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bd851e;outline-offset:4px}
:root[data-theme=dark] .fc-fr,:root[data-theme=dark] .nb.active{background:#284c39;color:#e5f1e9}
@media(max-width:540px){header{padding:12px 12px 0}.hc h1{font-size:30px}.isle-btn{font-size:12px;padding:10px 4px}main{padding:18px 14px 40px}.card{padding:18px}.free-start [onclick]{padding:16px!important}.nb{font-size:11px;min-width:48px}.fc-cr{font-size:32px}#welcomeTitle{font-size:26px!important}.qo-grid{grid-template-columns:1fr}}