:root{
  --bg:#D9F4E8; --bg-2:#BFEAD6; --surface:#FFFFFF; --surface-2:#FFF4CC;
  --ink:#14213D; --ink-2:#4A5A78; --edge:#14213D; --line:#B7DCCB;
  --sun:#FFC62E; --on-sun:#14213D;
  --coral:#FF6150; --coral-soft:#FFDAD4;
  --grass:#2FBF71; --grass-soft:#CBF3DC;
  --sky:#2E8CFF; --sky-soft:#D4E8FF;
  --amber:#FF9418; --amber-soft:#FFE3BC;
  --plum:#6C3FD1; --plum-soft:#E6DDFF;
  --lock:#B5C2BB; --lock-d:#8D9C94;
  --bezel:#0E1726;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F2233; --bg-2:#0B1A28; --surface:#17324A; --surface-2:#214662;
    --ink:#EAF4FF; --ink-2:#9DB4CC; --edge:#050C14; --line:#27465F;
    --coral:#FF7A69; --coral-soft:#4A2620;
    --grass:#3ED483; --grass-soft:#173B2B;
    --sky:#5BA8FF; --sky-soft:#1B3A5C;
    --amber:#FFAA3D; --amber-soft:#4A3414;
    --plum:#9B78F5; --plum-soft:#2E2552;
    --lock:#3A5166; --lock-d:#2A3E50;
  }
}
:root[data-theme="dark"]{
  --bg:#0F2233; --bg-2:#0B1A28; --surface:#17324A; --surface-2:#214662;
  --ink:#EAF4FF; --ink-2:#9DB4CC; --edge:#050C14; --line:#27465F;
  --coral:#FF7A69; --coral-soft:#4A2620;
  --grass:#3ED483; --grass-soft:#173B2B;
  --sky:#5BA8FF; --sky-soft:#1B3A5C;
  --amber:#FFAA3D; --amber-soft:#4A3414;
  --plum:#9B78F5; --plum-soft:#2E2552;
  --lock:#3A5166; --lock-d:#2A3E50;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{margin:0;background:var(--bg);overflow:hidden;color:var(--ink);font-family:'Nunito',system-ui,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}
button{font-family:inherit;color:inherit}
h1,h2,h3,p{margin:0}
.disp{font-family:'Lilita One','Nunito',sans-serif;font-weight:400;letter-spacing:.2px}
.tnum{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
svg.ic{width:24px;height:24px;flex:none}

/* ---------- app shell ---------- */
.app{container:app/inline-size;position:fixed;inset:0;background:var(--bg);overflow:hidden}
.r-nl{--acc:var(--amber);--acc-soft:var(--amber-soft)}
.r-en{--acc:var(--sky);--acc-soft:var(--sky-soft)}
.view{position:absolute;inset:0;overflow-y:auto;padding:14px 16px 96px;scrollbar-width:thin}
.view.enter{animation:rise .28s cubic-bezier(.2,.8,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes munch{0%,100%{transform:scale(1)}25%{transform:scale(1.12,.9)}50%{transform:scale(.94,1.08)}75%{transform:scale(1.08,.94)}}
@keyframes fall{to{transform:translateY(120vh) rotate(720deg);opacity:.9}}
@keyframes ringIn{from{stroke-dashoffset:var(--c)}}
@keyframes grow{from{width:0}}
@keyframes up{from{transform:translateY(100%)}}
@keyframes floaty{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-46px);opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.001s!important}}

.chunk{background:var(--surface);border:2.5px solid var(--edge);border-radius:20px;box-shadow:0 4px 0 var(--edge)}
.btn{font:400 18px 'Lilita One',sans-serif;letter-spacing:.3px;padding:13px 20px;border:2.5px solid var(--edge);border-radius:16px;background:var(--sun);color:var(--on-sun);box-shadow:0 4px 0 var(--edge);cursor:pointer;transition:transform .08s,box-shadow .08s;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.btn.wide{width:100%}
.btn.alt{background:var(--surface);color:var(--ink)}
.btn.good{background:var(--grass);color:#fff}
.btn.bad{background:var(--coral);color:#fff}
.btn.sm{font-size:15px;padding:9px 14px;border-radius:13px}
.btn[disabled]{background:var(--lock);color:#fff;box-shadow:0 4px 0 var(--lock-d);cursor:not-allowed}
.pill{display:inline-flex;align-items:center;gap:5px;border:2.5px solid var(--edge);border-radius:999px;background:var(--surface);padding:3px 11px 3px 7px;font:400 16px 'Lilita One';box-shadow:0 3px 0 var(--edge)}
.pill svg{width:18px;height:18px}
.tag{display:inline-block;font:800 11px 'Nunito';letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--acc-soft,var(--surface-2));color:var(--ink);border:2px solid var(--edge)}
.muted{color:var(--ink-2)}
.sec{font:400 19px 'Lilita One';margin:20px 0 10px}
.backbtn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font-weight:800;padding:2px 0 10px;cursor:pointer;color:var(--ink)}

/* tab bar */
.tabbar{position:absolute;left:0;right:0;bottom:0;height:74px;background:var(--surface);border-top:2.5px solid var(--edge);display:flex;padding:7px 8px 8px;gap:6px;z-index:10}
.tab{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:800 11.5px 'Nunito';color:var(--ink-2);border-radius:16px;cursor:pointer}
.tab svg{width:26px;height:26px}
.tab[aria-current=true]{background:var(--sun);color:var(--on-sun);border:2.5px solid var(--edge);box-shadow:0 3px 0 var(--edge)}
@container app (min-width:760px){
  .tabbar{top:0;right:auto;width:96px;height:auto;flex-direction:column;justify-content:flex-start;border-top:0;border-right:2.5px solid var(--edge);padding:14px 8px}
  .tab{flex:none;height:76px}
  .view{padding-left:118px;padding-bottom:30px}
}

/* ---------- login ---------- */
.login{display:flex;flex-direction:column;min-height:100%}
.login-top{background:var(--grass);border-bottom:3px solid var(--edge);padding:30px 22px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.login-top h1{font:400 46px 'Lilita One';color:#fff;text-shadow:0 4px 0 var(--edge);-webkit-text-stroke:2px var(--edge);paint-order:stroke fill;letter-spacing:1px}
.login-top p{color:#0B3B22;font-weight:800}
.login-body{padding:22px 20px;display:flex;flex-direction:column;gap:14px}
.field{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px}
.check{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}
.check input{width:20px;height:20px;accent-color:var(--brand,currentColor)}
.field input{height:52px;border-radius:16px;border:2.5px solid var(--edge);background:var(--surface);color:var(--ink);padding:0 14px;font:700 16px 'Nunito'}
.login-note{font-size:12.5px;color:var(--ink-2);text-align:center}

/* ---------- HUD ---------- */
.hud{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.hud .sp{flex:1}
.pill.pts svg{color:var(--edge)}
.pill.fl svg{color:var(--coral)}

/* ---------- pet ---------- */
.pet{transform-origin:50% 90%;overflow:visible}
.app.adult{color:var(--ink);background:var(--bg)}
.pet.l0{animation:bob 2.4s ease-in-out infinite}
.pet.l1{animation:bob 3.8s ease-in-out infinite}
.pet.l2{animation:sway 4s ease-in-out infinite;filter:grayscale(.4) brightness(.97)}
.pet.l3{animation:sway 6s ease-in-out infinite;filter:grayscale(.85) brightness(.88)}
.pet.ko{animation:none;filter:grayscale(1) brightness(.8);transform:rotate(-12deg) translateY(4px)}
.pet.munch{animation:munch .6s 2}
.petcard{padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.petcard.l2{background:color-mix(in srgb,var(--surface) 80%,#8D9C94)}
.petcard.l2[class*=d-]{background:color-mix(in srgb,var(--surface) 80%,#8D9C94)}
.petcard.l3,.petcard.l4,.petcard.l3[class*=d-],.petcard.l4[class*=d-]{background:color-mix(in srgb,var(--surface) 55%,#8D9C94)}
.evt{font-size:12.5px;font-weight:700;color:var(--ink-2);max-width:320px;line-height:1.35}.evt b.up{color:var(--grass)}.evt b.dn{color:var(--coral)}
.petname{font:400 24px 'Lilita One'}
.state{display:inline-block;border:2.5px solid var(--edge);border-radius:999px;padding:2px 12px;font-weight:800;font-size:13px}
.state.s0{background:var(--grass-soft)}.state.s1{background:var(--surface-2)}.state.s2{background:var(--amber-soft)}.state.s3{background:var(--coral-soft)}.state.s4{background:var(--edge);color:var(--surface)}
.bubble{position:relative;background:var(--surface-2);border:2.5px solid var(--edge);border-radius:18px;padding:9px 14px;font-weight:800;font-size:14px;line-height:1.3;max-width:300px}
.sbars{display:grid;gap:8px;width:100%;max-width:340px;margin-top:4px}
.sb{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800}
.sb .n{width:54px;text-align:left}
.sb .t{flex:1;height:15px;border-radius:999px;border:2.5px solid var(--edge);background:var(--surface);overflow:hidden}
.sb .t i{display:block;height:100%;border-right:2.5px solid var(--edge);transition:width .5s}
.sb .v{width:30px;text-align:right}
.cta{margin:16px 0}

/* ---------- regularity ---------- */
.week{display:flex;justify-content:space-between;gap:6px;margin-bottom:12px}
.day{flex:1;text-align:center;font-size:11px;font-weight:800;color:var(--ink-2)}
.day .c{width:100%;aspect-ratio:1;max-width:40px;margin:0 auto 4px;border-radius:50%;border:2.5px solid var(--edge);background:var(--surface);display:grid;place-items:center}
.day.on .c{background:var(--sun);color:var(--on-sun)}
.day.today .c{outline:3px solid var(--sky);outline-offset:2px}
.ticket{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2.5px dashed var(--edge);border-radius:16px;background:var(--surface-2);margin-bottom:8px}
.ticket .v{font:400 22px 'Lilita One';color:var(--grass);min-width:62px}
.ticket .m{flex:1;min-width:0;font-size:13.5px}
.ticket .pb{height:8px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:6px}
.ticket .pb i{display:block;height:100%;background:var(--sun)}
.ticket.done{opacity:.55}

/* ---------- play ---------- */
.step{font:400 20px 'Lilita One';margin:18px 0 10px;display:flex;align-items:center;gap:10px}
.step i{width:28px;height:28px;border-radius:50%;background:var(--sun);border:2.5px solid var(--edge);display:grid;place-items:center;font:400 15px 'Lilita One';font-style:normal;color:var(--on-sun)}
.scopes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scope{padding:11px 12px;border:2.5px solid var(--edge);border-radius:16px;background:var(--surface);box-shadow:0 3px 0 var(--edge);cursor:pointer;text-align:left;font-weight:800;font-size:14px;display:flex;flex-direction:column;gap:2px}
.scope small{font-weight:700;color:var(--ink-2);font-size:12px}
.scope[aria-pressed=true]{background:var(--sun);color:var(--on-sun)}
.scope[aria-pressed=true] small{color:var(--on-sun)}
.pick{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2.5px solid var(--edge);border-radius:16px;background:var(--surface);margin-top:8px;cursor:pointer;width:100%;text-align:left}
.pick .box{width:26px;height:26px;border:2.5px solid var(--edge);border-radius:8px;display:grid;place-items:center;background:var(--bg);flex:none;color:transparent}
.pick[aria-pressed=true]{background:var(--acc-soft)}
.pick[aria-pressed=true] .box{background:var(--grass);color:#fff}
.pick b{display:block;font-size:14.5px}
.pick span.s{font-size:12px;color:var(--ink-2);font-weight:700}
.games{display:grid;gap:10px}
.gcard{display:flex;gap:12px;align-items:center;padding:11px 12px;border:2.5px solid var(--edge);border-radius:18px;background:var(--surface);box-shadow:0 4px 0 var(--edge);cursor:pointer;text-align:left;width:100%}
.gcard[aria-pressed=true]{background:var(--surface-2);outline:4px solid var(--sun);outline-offset:1px}
.gic{width:50px;height:50px;border-radius:15px;border:2.5px solid var(--edge);color:#fff;display:grid;place-items:center;flex:none}
.gcard b{font:400 18px 'Lilita One';display:block}
.gcard span.d{font-size:12.5px;color:var(--ink-2);font-weight:700;line-height:1.3;display:block}
.gcard .dur{margin-left:auto;font-size:12px;font-weight:800;border:2px solid var(--edge);border-radius:999px;padding:1px 8px;background:var(--bg);white-space:nowrap}
.summary{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:16px 0 10px;background:var(--surface-2);font-weight:800;font-size:14px}

/* ---------- words ---------- */
.seg2{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding:2px 2px 6px}
.chip{border:2.5px solid var(--edge);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 var(--edge)}
.chip[aria-pressed=true]{background:var(--sun);color:var(--on-sun)}
.lcard{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;cursor:pointer;width:100%;text-align:left}
.lcard h3{font:400 18px 'Lilita One'}
.lcard .m{font-size:12.5px;color:var(--ink-2)}
.ringbox{position:relative;width:52px;height:52px;flex:none}
.ringbox b{position:absolute;inset:0;display:grid;place-items:center;font:400 14px 'Lilita One'}
.ring-fg{animation:ringIn .9s cubic-bezier(.2,.8,.2,1) both}
.fab{position:sticky;bottom:6px;margin-top:6px;float:right}
.wrow{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:2px solid var(--line);font-size:14.5px}
.wrow:first-child{border-top:0}
.wrow .t{flex:1}
.wrow .f{color:var(--ink-2);font-size:13px}
.pips{display:flex;gap:3px}
.pip{width:10px;height:10px;border-radius:50%;border:2px solid var(--edge);background:var(--surface)}
.pip.on{background:var(--acc,var(--grass))}

/* ---------- shop ---------- */
.items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 9px;text-align:center;border:2.5px solid var(--edge);border-radius:16px;background:var(--surface);box-shadow:0 4px 0 var(--edge);cursor:pointer;font-weight:800;font-size:12.5px;line-height:1.2}
.item:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.item[disabled]{opacity:.5;cursor:not-allowed}
.item svg{width:42px;height:42px}
.item.on{background:var(--grass-soft)}
.swatch{width:58px;height:44px;border-radius:10px;border:2.5px solid var(--edge)}
/* décors : scènes SVG en couches (fond de la carte du compagnon) */
.d-prairie{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%237CC8FA'/%3E%3Cstop offset='1' stop-color='%23E6F6FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFE08A' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23FFE08A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='250' cy='38' r='38' fill='url(%23g)'/%3E%3Ccircle cx='250' cy='38' r='13' fill='%23FFD84D'/%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(70 40) scale(1)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(180 62) scale(0.8)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cpath d='M0 128 Q60 98 130 126 T300 112 V200 H0Z' fill='%237FCB6E'/%3E%3Cpath d='M0 150 Q80 128 160 148 T300 140 V200 H0Z' fill='%235FBF6A'/%3E%3Cpath d='M0 176 Q100 160 200 174 T300 170 V200 H0Z' fill='%2347A957'/%3E%3Cpath d='M30 170 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23FF8FB1'%3E%3Ccircle cx='27.8' cy='170' r='2.2'/%3E%3Ccircle cx='32.2' cy='170' r='2.2'/%3E%3Ccircle cx='30' cy='167.8' r='2.2'/%3E%3Ccircle cx='30' cy='172' r='2.2'/%3E%3C/g%3E%3Ccircle cx='30' cy='170' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M62 184 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23FFC62E'%3E%3Ccircle cx='59.8' cy='184' r='2.2'/%3E%3Ccircle cx='64.2' cy='184' r='2.2'/%3E%3Ccircle cx='62' cy='181.8' r='2.2'/%3E%3Ccircle cx='62' cy='186' r='2.2'/%3E%3C/g%3E%3Ccircle cx='62' cy='184' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M92 168 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='89.8' cy='168' r='2.2'/%3E%3Ccircle cx='94.2' cy='168' r='2.2'/%3E%3Ccircle cx='92' cy='165.8' r='2.2'/%3E%3Ccircle cx='92' cy='170' r='2.2'/%3E%3C/g%3E%3Ccircle cx='92' cy='168' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M210 172 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23FF8FB1'%3E%3Ccircle cx='207.8' cy='172' r='2.2'/%3E%3Ccircle cx='212.2' cy='172' r='2.2'/%3E%3Ccircle cx='210' cy='169.8' r='2.2'/%3E%3Ccircle cx='210' cy='174' r='2.2'/%3E%3C/g%3E%3Ccircle cx='210' cy='172' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M245 186 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='242.8' cy='186' r='2.2'/%3E%3Ccircle cx='247.2' cy='186' r='2.2'/%3E%3Ccircle cx='245' cy='183.8' r='2.2'/%3E%3Ccircle cx='245' cy='188' r='2.2'/%3E%3C/g%3E%3Ccircle cx='245' cy='186' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M270 168 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23FFC62E'%3E%3Ccircle cx='267.8' cy='168' r='2.2'/%3E%3Ccircle cx='272.2' cy='168' r='2.2'/%3E%3Ccircle cx='270' cy='165.8' r='2.2'/%3E%3Ccircle cx='270' cy='170' r='2.2'/%3E%3C/g%3E%3Ccircle cx='270' cy='168' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M130 190 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23C28BFF'%3E%3Ccircle cx='127.8' cy='190' r='2.2'/%3E%3Ccircle cx='132.2' cy='190' r='2.2'/%3E%3Ccircle cx='130' cy='187.8' r='2.2'/%3E%3Ccircle cx='130' cy='192' r='2.2'/%3E%3C/g%3E%3Ccircle cx='130' cy='190' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M40 150 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='37.8' cy='150' r='2.2'/%3E%3Ccircle cx='42.2' cy='150' r='2.2'/%3E%3Ccircle cx='40' cy='147.8' r='2.2'/%3E%3Ccircle cx='40' cy='152' r='2.2'/%3E%3C/g%3E%3Ccircle cx='40' cy='150' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M255 145 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23FF8FB1'%3E%3Ccircle cx='252.8' cy='145' r='2.2'/%3E%3Ccircle cx='257.2' cy='145' r='2.2'/%3E%3Ccircle cx='255' cy='142.8' r='2.2'/%3E%3Ccircle cx='255' cy='147' r='2.2'/%3E%3C/g%3E%3Ccircle cx='255' cy='145' r='1.5' fill='%23FFE066'/%3E%3Cpath d='M100 142 v9' stroke='%232F8F3B' stroke-width='1.4'/%3E%3Cg fill='%23FFC62E'%3E%3Ccircle cx='97.8' cy='142' r='2.2'/%3E%3Ccircle cx='102.2' cy='142' r='2.2'/%3E%3Ccircle cx='100' cy='139.8' r='2.2'/%3E%3Ccircle cx='100' cy='144' r='2.2'/%3E%3C/g%3E%3Ccircle cx='100' cy='142' r='1.5' fill='%23FFE066'/%3E%3Cg transform='translate(190 100)'%3E%3Cpath d='M0 0 Q-8 -10 -12 -2 Q-8 4 0 0 Q-8 8 -9 12 Q-2 12 0 0 Q8 8 12 4 Q10 -2 0 0 Q8 -10 12 -8 Q14 -2 0 0Z' fill='%23FF8FB1' stroke='%237A2E52' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-nuages{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%236F9BFF'/%3E%3Cstop offset='.55' stop-color='%23FFB3D1'/%3E%3Cstop offset='1' stop-color='%23FFE6C8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFE9A8' stop-opacity='0.9'/%3E%3Cstop offset='1' stop-color='%23FFE9A8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='60' cy='120' r='60' fill='url(%23g)'/%3E%3Cpath d='M30 150 A120 120 0 0 1 270 150' fill='none' stroke='%23FF6B6B' stroke-width='5' opacity='.5' transform='translate(0 -8)'/%3E%3Cpath d='M30 150 A120 120 0 0 1 270 150' fill='none' stroke='%23FFB347' stroke-width='5' opacity='.5' transform='translate(0 -3)'/%3E%3Cpath d='M30 150 A120 120 0 0 1 270 150' fill='none' stroke='%23FFE066' stroke-width='5' opacity='.5' transform='translate(0 2)'/%3E%3Cpath d='M30 150 A120 120 0 0 1 270 150' fill='none' stroke='%236BCB77' stroke-width='5' opacity='.5' transform='translate(0 7)'/%3E%3Cpath d='M30 150 A120 120 0 0 1 270 150' fill='none' stroke='%234D96FF' stroke-width='5' opacity='.5' transform='translate(0 12)'/%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(55 40) scale(0.9)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(230 30) scale(1.1)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(250 80) scale(0.7)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cellipse cx='40' cy='188' rx='60' ry='26'/%3E%3Cellipse cx='100' cy='194' rx='55' ry='22'/%3E%3Cellipse cx='170' cy='196' rx='60' ry='20'/%3E%3Cellipse cx='250' cy='186' rx='60' ry='26'/%3E%3Cellipse cx='300' cy='176' rx='34' ry='22'/%3E%3C/g%3E%3Cg fill='%23FFE9F2'%3E%3Cellipse cx='20' cy='168' rx='28' ry='14'/%3E%3Cellipse cx='280' cy='160' rx='32' ry='15'/%3E%3Cellipse cx='70' cy='180' rx='30' ry='12'/%3E%3C/g%3E%3Cpath d='M214 120 q8-8 16 0 q8-8 16 0' fill='none' stroke='%23fff' stroke-width='1.5' opacity='.0'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-desert{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FF9F5A'/%3E%3Cstop offset='.55' stop-color='%23FFC983'/%3E%3Cstop offset='1' stop-color='%23FFE6B0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFF0B0' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23FFF0B0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='225' cy='70' r='70' fill='url(%23g)'/%3E%3Ccircle cx='225' cy='70' r='22' fill='%23FFE9A0'/%3E%3Cpath d='M60 130 L90 96 L120 130Z M100 130 L135 86 L170 130Z' fill='%23E49A57' opacity='.7'/%3E%3Cpath d='M0 140 Q70 108 140 140 T300 128 V200 H0Z' fill='%23F3B864'/%3E%3Cpath d='M0 160 Q90 134 180 158 T300 150 V200 H0Z' fill='%23E2A658'/%3E%3Cpath d='M0 186 Q100 168 200 184 T300 180 V200 H0Z' fill='%23C98B43'/%3E%3Cg fill='%233F8F4F' stroke='%232F6F3B' stroke-width='1'%3E%3Crect x='34' y='120' width='9' height='50' rx='4.5'/%3E%3Cpath d='M34 140 H26 Q22 140 22 134 V126 Q22 122 26 122 Q30 122 30 126 V134 H34Z M43 146 H51 Q55 146 55 140 V132 Q55 128 51 128 Q47 128 47 132 V140 H43Z'/%3E%3C/g%3E%3Cg fill='%23FF8FB1'%3E%3Ccircle cx='38.5' cy='119' r='3'/%3E%3C/g%3E%3Cg fill='%23B97A3E'%3E%3Cellipse cx='248' cy='176' rx='14' ry='7'/%3E%3Cellipse cx='260' cy='179' rx='9' ry='5'/%3E%3C/g%3E%3Cpath d='M130 80 q4-4 8 0 q4-4 8 0' fill='none' stroke='%236B3E1A' stroke-width='1.2'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-montagne{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%236BB4F2'/%3E%3Cstop offset='1' stop-color='%23EAF5FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFF6C8' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23FFF6C8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='40' cy='40' r='40' fill='url(%23g)'/%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(210 32) scale(0.9)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(80 60) scale(0.6)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cpath d='M-10 150 L70 50 L150 150Z' fill='%237E8FB5'/%3E%3Cpath d='M70 50 L94 80 L82 74 L70 86 L58 74 L46 80Z' fill='%23fff'/%3E%3Cpath d='M110 150 L200 40 L290 150Z' fill='%236C7DA6'/%3E%3Cpath d='M200 40 L231 78 L218 71 L200 86 L184 71 L169 78Z' fill='%23fff'/%3E%3Cpath d='M210 150 L262 84 L314 150Z' fill='%238F9FC2'/%3E%3Cpath d='M262 84 L277 103 L269 99 L262 108 L254 99 L247 103Z' fill='%23fff'/%3E%3Cpath d='M0 152 Q70 138 150 152 T300 148 V200 H0Z' fill='%23F4F9FF'/%3E%3Cpath d='M0 176 Q100 160 200 176 T300 170 V200 H0Z' fill='%23DCE9F7'/%3E%3Cg transform='translate(24 150) scale(0.9)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%232D7A52'/%3E%3Cpath d='M0 -42 L6 -31 L0 -33 L-6 -31Z M0 -30 L9 -15 L0 -18 L-9 -15Z' fill='%23fff' opacity='.9'/%3E%3C/g%3E%3Cg transform='translate(52 158) scale(0.7)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%2337895F'/%3E%3Cpath d='M0 -42 L6 -31 L0 -33 L-6 -31Z M0 -30 L9 -15 L0 -18 L-9 -15Z' fill='%23fff' opacity='.9'/%3E%3C/g%3E%3Cg transform='translate(272 152) scale(1)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%232D7A52'/%3E%3Cpath d='M0 -42 L6 -31 L0 -33 L-6 -31Z M0 -30 L9 -15 L0 -18 L-9 -15Z' fill='%23fff' opacity='.9'/%3E%3C/g%3E%3Cg transform='translate(250 160) scale(0.65)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%2337895F'/%3E%3Cpath d='M0 -42 L6 -31 L0 -33 L-6 -31Z M0 -30 L9 -15 L0 -18 L-9 -15Z' fill='%23fff' opacity='.9'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='120' cy='80' r='1.6'/%3E%3Ccircle cx='150' cy='110' r='1.4'/%3E%3Ccircle cx='180' cy='20' r='1.5'/%3E%3Ccircle cx='20' cy='100' r='1.5'/%3E%3Ccircle cx='290' cy='60' r='1.4'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-automne{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FF9F5A'/%3E%3Cstop offset='.55' stop-color='%23FFC27A'/%3E%3Cstop offset='1' stop-color='%23FFE9C2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFE2A0' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFE2A0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='150' cy='110' r='80' fill='url(%23g)'/%3E%3Ccircle cx='150' cy='110' r='22' fill='%23FFD27A'/%3E%3Cpath d='M0 134 Q80 114 160 132 T300 126 V200 H0Z' fill='%23C27B3A'/%3E%3Cpath d='M0 158 Q100 140 200 158 T300 150 V200 H0Z' fill='%23A8642C'/%3E%3Cpath d='M0 184 Q100 170 200 184 T300 178 V200 H0Z' fill='%238A5226'/%3E%3Crect x='45' y='92' width='6' height='36' fill='%236B4423'/%3E%3Ccircle cx='48' cy='88' r='20' fill='%23E8742A'/%3E%3Ccircle cx='34' cy='98' r='13' fill='%23F2A03C'/%3E%3Ccircle cx='62' cy='96' r='14' fill='%23E8742A'/%3E%3Ccircle cx='43' cy='78' r='9' fill='%23F2A03C'/%3E%3Crect x='259' y='96' width='6' height='36' fill='%236B4423'/%3E%3Ccircle cx='262' cy='92' r='20' fill='%23D9482F'/%3E%3Ccircle cx='248' cy='102' r='13' fill='%23F2B23C'/%3E%3Ccircle cx='276' cy='100' r='14' fill='%23D9482F'/%3E%3Ccircle cx='257' cy='82' r='9' fill='%23F2B23C'/%3E%3Crect x='157' y='104' width='6' height='36' fill='%236B4423'/%3E%3Ccircle cx='160' cy='100' r='20' fill='%23F2B23C'/%3E%3Ccircle cx='146' cy='110' r='13' fill='%23E8742A'/%3E%3Ccircle cx='174' cy='108' r='14' fill='%23F2B23C'/%3E%3Ccircle cx='155' cy='90' r='9' fill='%23E8742A'/%3E%3Cg fill='%23D9482F'%3E%3Ccircle cx='38' cy='88' r='2.2'/%3E%3Ccircle cx='56' cy='100' r='2.2'/%3E%3Ccircle cx='252' cy='92' r='2.2'/%3E%3Ccircle cx='270' cy='104' r='2.2'/%3E%3C/g%3E%3Cellipse cx='30' cy='176' rx='5' ry='2.6' fill='%23E8742A' transform='rotate(0 30 176)'/%3E%3Cellipse cx='70' cy='190' rx='5' ry='2.6' fill='%23F2B23C' transform='rotate(37 70 190)'/%3E%3Cellipse cx='110' cy='170' rx='5' ry='2.6' fill='%23D9482F' transform='rotate(74 110 170)'/%3E%3Cellipse cx='200' cy='182' rx='5' ry='2.6' fill='%23E8742A' transform='rotate(111 200 182)'/%3E%3Cellipse cx='236' cy='172' rx='5' ry='2.6' fill='%23F2B23C' transform='rotate(148 236 172)'/%3E%3Cellipse cx='280' cy='190' rx='5' ry='2.6' fill='%23D9482F' transform='rotate(185 280 190)'/%3E%3Cellipse cx='150' cy='192' rx='5' ry='2.6' fill='%23F2B23C' transform='rotate(222 150 192)'/%3E%3Cellipse cx='90' cy='60' rx='5' ry='2.6' fill='%23E8742A' transform='rotate(259 90 60)'/%3E%3Cellipse cx='210' cy='50' rx='5' ry='2.6' fill='%23D9482F' transform='rotate(296 210 50)'/%3E%3Cellipse cx='130' cy='30' rx='5' ry='2.6' fill='%23F2B23C' transform='rotate(333 130 30)'/%3E%3Cg fill='%23E8332A' stroke='%237A1B14' stroke-width='.6'%3E%3Ccircle cx='38' cy='128' r='3'/%3E%3Ccircle cx='252' cy='132' r='3'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-ocean{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2359C0FF'/%3E%3Cstop offset='.6' stop-color='%231F73C9'/%3E%3Cstop offset='1' stop-color='%230B3C7A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cg fill='%23fff' opacity='.12'%3E%3Cpath d='M40 0 L90 0 L140 200 L60 200Z'/%3E%3Cpath d='M150 0 L190 0 L260 200 L190 200Z'/%3E%3Cpath d='M240 0 L270 0 L300 120 L270 140Z'/%3E%3C/g%3E%3Cpath d='M0 168 Q80 158 150 170 T300 164 V200 H0Z' fill='%23E8CF8E'/%3E%3Cpath d='M0 184 Q100 176 200 186 T300 182 V200 H0Z' fill='%23D1B574'/%3E%3Cg fill='none' stroke='%231FA56B' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M24 176 Q14 150 26 132 Q34 118 24 104'/%3E%3Cpath d='M36 178 Q46 156 36 140'/%3E%3Cpath d='M262 178 Q252 152 266 132 Q274 118 264 100'/%3E%3C/g%3E%3Cg fill='%23FF6B8A'%3E%3Ccircle cx='70' cy='170' r='6'/%3E%3Ccircle cx='80' cy='166' r='5'/%3E%3Ccircle cx='62' cy='164' r='4'/%3E%3C/g%3E%3Cpath d='M220 182 l4-8 l4 8 l-8-5 h8z' fill='%23FFB347'/%3E%3Cpath d='M200 176 l3-7 l3 7 l-7-4 h7z' fill='%23FF9418'/%3E%3Cg transform='translate(190 90)'%3E%3Cellipse rx='13' ry='7' fill='%23FFB347'/%3E%3Cpath d='M12 0 L24 -8 V8Z' fill='%23FF8A1F'/%3E%3Ccircle cx='-7' cy='-2' r='1.6' fill='%23222'/%3E%3Cpath d='M-3 -6 Q0 -12 4 -6' fill='%23FF8A1F'/%3E%3C/g%3E%3Cg transform='translate(70 60) scale(.7)'%3E%3Cellipse rx='13' ry='7' fill='%238FD0FF'/%3E%3Cpath d='M12 0 L24 -8 V8Z' fill='%235FB0F0'/%3E%3Ccircle cx='-7' cy='-2' r='1.6' fill='%23222'/%3E%3C/g%3E%3Cg transform='translate(250 130) scale(-.6 .6)'%3E%3Cellipse rx='13' ry='7' fill='%23FF8FB1'/%3E%3Cpath d='M12 0 L24 -8 V8Z' fill='%23E5668D'/%3E%3Ccircle cx='-7' cy='-2' r='1.6' fill='%23222'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.2' opacity='.7'%3E%3Ccircle cx='120' cy='60' r='3'/%3E%3Ccircle cx='126' cy='44' r='2'/%3E%3Ccircle cx='112' cy='80' r='2.4'/%3E%3Ccircle cx='230' cy='50' r='3'/%3E%3Ccircle cx='236' cy='34' r='2'/%3E%3Ccircle cx='30' cy='70' r='2.4'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-volcan{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233A1F3A'/%3E%3Cstop offset='.55' stop-color='%23E8553F'/%3E%3Cstop offset='1' stop-color='%23FFB36B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFB060' stop-opacity='0.85'/%3E%3Cstop offset='1' stop-color='%23FFB060' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='202' cy='60' r='70' fill='url(%23g)'/%3E%3Cg fill='%232E1F2A' opacity='.7'%3E%3Ccircle cx='208' cy='46' r='14'/%3E%3Ccircle cx='222' cy='28' r='17'/%3E%3Ccircle cx='244' cy='16' r='20'/%3E%3Ccircle cx='196' cy='32' r='10'/%3E%3C/g%3E%3Cpath d='M-20 200 L50 100 L120 200Z' fill='%2333202A'/%3E%3Cpath d='M100 200 L190 70 L215 70 L300 200Z' fill='%234A2B2E'/%3E%3Cellipse cx='202' cy='70' rx='15' ry='4.5' fill='%23FF8A2B'/%3E%3Cellipse cx='202' cy='70' rx='9' ry='2.6' fill='%23FFD27A'/%3E%3Cpath d='M198 72 Q190 100 196 120 Q186 150 200 200 L212 200 Q204 150 210 120 Q214 98 206 72Z' fill='%23FF6A1A'/%3E%3Cpath d='M206 74 Q222 110 240 130 Q252 150 262 200 L248 200 Q240 160 226 138 Q214 110 204 76Z' fill='%23FF8A2B' opacity='.8'/%3E%3Cpath d='M0 176 Q80 164 150 178 T300 172 V200 H0Z' fill='%232A1822'/%3E%3Cg fill='%23FF8A2B'%3E%3Ccircle cx='186' cy='50' r='1.8'/%3E%3Ccircle cx='222' cy='44' r='1.5'/%3E%3Ccircle cx='176' cy='72' r='1.4'/%3E%3Ccircle cx='236' cy='64' r='1.8'/%3E%3Ccircle cx='210' cy='24' r='1.4'/%3E%3C/g%3E%3Cg fill='%23FFD27A'%3E%3Ccircle cx='60' cy='60' r='1.2'/%3E%3Ccircle cx='100' cy='40' r='1'/%3E%3Ccircle cx='30' cy='30' r='1.2'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-aurore{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23081226'/%3E%3Cstop offset='1' stop-color='%2325507A'/%3E%3C/linearGradient%3E%3ClinearGradient id='a1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235CF0A8' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%235CF0A8' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23B58CFF' stop-opacity='.2'/%3E%3C/linearGradient%3E%3ClinearGradient id='a2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23B58CFF' stop-opacity='0'/%3E%3Cstop offset='.6' stop-color='%23B58CFF' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%235CF0A8' stop-opacity='.1'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-.3' y='-.3' width='1.6' height='1.6'%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Ccircle cx='20' cy='20' r='1' fill='%23fff'/%3E%3Ccircle cx='60' cy='50' r='1.2' fill='%23fff'/%3E%3Ccircle cx='110' cy='16' r='1' fill='%23fff'/%3E%3Ccircle cx='150' cy='44' r='1.3' fill='%23fff'/%3E%3Ccircle cx='200' cy='18' r='1' fill='%23fff'/%3E%3Ccircle cx='250' cy='50' r='1.2' fill='%23fff'/%3E%3Ccircle cx='280' cy='14' r='1' fill='%23fff'/%3E%3Ccircle cx='40' cy='90' r='1' fill='%23fff'/%3E%3Ccircle cx='290' cy='90' r='1' fill='%23fff'/%3E%3Cg filter='url(%23b)'%3E%3Cpath d='M-10 60 Q40 10 90 50 T200 40 T310 30 V100 Q250 70 200 90 T90 100 T-10 110Z' fill='url(%23a1)'/%3E%3Cpath d='M-20 50 Q40 0 100 30 T220 20 T320 30 V80 Q220 50 160 70 T-20 90Z' fill='url(%23a2)'/%3E%3C/g%3E%3Cpath d='M0 150 Q80 138 150 152 T300 146 V200 H0Z' fill='%23C9DDF0'/%3E%3Cpath d='M0 176 Q100 162 200 178 T300 172 V200 H0Z' fill='%23A9C4E2'/%3E%3Cg transform='translate(30 150) scale(1)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%230E2A3A'/%3E%3C/g%3E%3Cg transform='translate(58 158) scale(0.7)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%2312354A'/%3E%3C/g%3E%3Cg transform='translate(268 150) scale(1.1)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%230E2A3A'/%3E%3C/g%3E%3Cg transform='translate(242 160) scale(0.7)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%2312354A'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-foret{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E3F5A'/%3E%3Cstop offset='.55' stop-color='%232F8F7B'/%3E%3Cstop offset='1' stop-color='%23A3D977'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFF6B0' stop-opacity='0.9'/%3E%3Cstop offset='1' stop-color='%23FFF6B0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='235' cy='42' r='40' fill='url(%23g)'/%3E%3Ccircle cx='235' cy='42' r='13' fill='%23FFF6C8'/%3E%3Cpath d='M200 0 L240 200 L270 200 L250 0Z' fill='%23FFF6B0' opacity='.12'/%3E%3Cg fill='%2315473E' opacity='.75'%3E%3Cpath d='M-10 150 L20 60 L50 150Z M30 150 L65 40 L100 150Z M120 150 L150 70 L180 150Z M215 150 L250 55 L285 150Z'/%3E%3C/g%3E%3Cg fill='%230E3A2E'%3E%3Cpath d='M-20 200 L10 80 L40 200Z M5 200 L35 100 L65 200Z M245 200 L280 70 L320 200Z M270 200 L300 110 L330 200Z'/%3E%3Crect x='8' y='150' width='6' height='50'/%3E%3Crect x='276' y='150' width='7' height='50'/%3E%3C/g%3E%3Cpath d='M0 172 Q75 160 150 170 T300 166 V200 H0Z' fill='%234E9B4E'/%3E%3Cpath d='M0 186 Q90 178 170 186 T300 182 V200 H0Z' fill='%23356F3A'/%3E%3Crect x='56' y='170' width='4' height='10' fill='%23F2E6D0'/%3E%3Cpath d='M48 171 Q58 156 68 171Z' fill='%23FF6B8A'/%3E%3Ccircle cx='54' cy='168' r='1.6' fill='%23fff'/%3E%3Ccircle cx='62' cy='166' r='1.6' fill='%23fff'/%3E%3Crect x='222' y='174' width='3' height='8' fill='%23F2E6D0'/%3E%3Cpath d='M216 175 Q223.5 164 231 175Z' fill='%23C28BFF'/%3E%3Cg fill='%23FFF27A'%3E%3Ccircle cx='85' cy='110' r='2.2'/%3E%3Ccircle cx='125' cy='128' r='1.8'/%3E%3Ccircle cx='190' cy='105' r='2.2'/%3E%3Ccircle cx='170' cy='140' r='1.6'/%3E%3Ccircle cx='40' cy='130' r='1.8'/%3E%3Ccircle cx='262' cy='135' r='2'/%3E%3C/g%3E%3Cg fill='%23FFF27A' opacity='.35'%3E%3Ccircle cx='85' cy='110' r='6'/%3E%3Ccircle cx='190' cy='105' r='6'/%3E%3Ccircle cx='262' cy='135' r='5'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-plage{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2377C4F2'/%3E%3Cstop offset='1' stop-color='%23FFE9B8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFE08A' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23FFE08A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='60' cy='45' r='36' fill='url(%23g)'/%3E%3Ccircle cx='60' cy='45' r='15' fill='%23FFD84D'/%3E%3Cg fill='%23fff' opacity='.9'%3E%3Cellipse cx='165' cy='38' rx='24' ry='7'/%3E%3Cellipse cx='181' cy='32' rx='14' ry='7'/%3E%3Cellipse cx='250' cy='64' rx='20' ry='6'/%3E%3C/g%3E%3Cpath d='M0 108 H300 V138 H0Z' fill='%232E9BD6'/%3E%3Cpath d='M0 108 H300 V114 H0Z' fill='%2364BDE8'/%3E%3Cpath d='M0 128 Q40 120 80 128 T160 128 T240 128 T320 128 V150 H0Z' fill='%23fff' opacity='.55'/%3E%3Cpath d='M0 148 Q50 138 100 148 T200 148 T300 148 V200 H0Z' fill='%23F6D58E'/%3E%3Cpath d='M0 156 Q50 148 100 156 T200 156 T300 156' fill='none' stroke='%23fff' stroke-width='3' opacity='.8'/%3E%3Cpath d='M0 168 Q80 158 160 168 T300 166 V200 H0Z' fill='%23EFC77A'/%3E%3Cpath d='M255 190 Q250 140 262 96' fill='none' stroke='%238B5A2B' stroke-width='6' stroke-linecap='round'/%3E%3Cg fill='%232F8F4B'%3E%3Cpath d='M262 96 Q235 80 214 98 Q240 90 262 100Z'/%3E%3Cpath d='M262 96 Q290 78 310 100 Q284 92 262 100Z'/%3E%3Cpath d='M262 96 Q248 68 226 66 Q246 78 262 100Z'/%3E%3Cpath d='M262 96 Q276 66 298 64 Q278 78 262 100Z'/%3E%3C/g%3E%3Ccircle cx='260' cy='102' r='4' fill='%236B3E1A'/%3E%3Cpath d='M30 182 Q40 170 50 182Z' fill='%23FF8FB1'/%3E%3Cpath d='M34 182 L40 174 L46 182' fill='none' stroke='%23fff' stroke-width='1' opacity='.7'/%3E%3Cg transform='translate(215 178)'%3E%3Cpath d='M0 0 L8 -9 L16 0Z' fill='%23FF6150'/%3E%3Cpath d='M0 0 H16 L8 6Z' fill='%23FFD84D'/%3E%3C/g%3E%3Ccircle cx='105' cy='186' r='3' fill='%23fff' opacity='.9'/%3E%3Cpath d='M120 90 q4-4 8 0 q4-4 8 0' fill='none' stroke='%23333' stroke-width='1.2'/%3E%3Cpath d='M150 74 q3-3 6 0 q3-3 6 0' fill='none' stroke='%23333' stroke-width='1.2'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-chateau{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%238F6FE0'/%3E%3Cstop offset='.55' stop-color='%23FFB8D6'/%3E%3Cstop offset='1' stop-color='%23FFE9C9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(60 40) scale(1)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='0.92' transform='translate(240 60) scale(0.8)'%3E%3Cellipse cx='0' cy='0' rx='24' ry='7'/%3E%3Cellipse cx='14' cy='-6' rx='14' ry='8'/%3E%3Cellipse cx='-10' cy='-4' rx='11' ry='6'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFF' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23FFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='230' cy='30' r='30' fill='url(%23g)'/%3E%3Cpath d='M0 150 Q80 128 170 148 T300 140 V200 H0Z' fill='%237FCB7A'/%3E%3Cg fill='%23E8D9C4'%3E%3Crect x='110' y='110' width='150' height='70'/%3E%3Crect x='100' y='70' width='30' height='110'/%3E%3Crect x='240' y='80' width='30' height='100'/%3E%3Crect x='165' y='60' width='40' height='120'/%3E%3C/g%3E%3Crect x='110' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='124' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='138' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='152' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='166' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='180' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='194' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='208' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='222' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='236' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Crect x='250' y='103' width='8' height='8' fill='%23E8D9C4'/%3E%3Cg fill='%23B04A7A'%3E%3Cpath d='M96 70 L115 38 L134 70Z'/%3E%3Cpath d='M236 80 L255 50 L274 80Z'/%3E%3Cpath d='M160 60 L185 22 L210 60Z'/%3E%3C/g%3E%3Cg stroke='%234A2E6B' stroke-width='1.2'%3E%3Cpath d='M115 38 V26'/%3E%3Cpath d='M255 50 V38'/%3E%3Cpath d='M185 22 V8'/%3E%3C/g%3E%3Cg fill='%23FF6150'%3E%3Cpath d='M115 26 l10 3 l-10 3Z'/%3E%3Cpath d='M255 38 l10 3 l-10 3Z'/%3E%3Cpath d='M185 8 l10 3 l-10 3Z'/%3E%3C/g%3E%3Cpath d='M110 95 V89 Q112.5 85 115 89 V95Z' fill='%234A2E6B'/%3E%3Cpath d='M250 105 V99 Q252.5 95 255 99 V105Z' fill='%234A2E6B'/%3E%3Cpath d='M180 85 V79 Q182.5 75 185 79 V85Z' fill='%234A2E6B'/%3E%3Cpath d='M180 109 V103 Q182.5 99 185 103 V109Z' fill='%234A2E6B'/%3E%3Cpath d='M130 139 V133 Q132.5 129 135 133 V139Z' fill='%234A2E6B'/%3E%3Cpath d='M225 139 V133 Q227.5 129 230 133 V139Z' fill='%234A2E6B'/%3E%3Cpath d='M175 180 V160 Q185 146 195 160 V180Z' fill='%234A2E6B'/%3E%3Cpath d='M0 172 Q90 156 180 174 T300 168 V200 H0Z' fill='%235DB36A'/%3E%3Cpath d='M0 188 Q100 176 200 188 T300 184 V200 H0Z' fill='%2347A057'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='20' cy='20' r='1.4'/%3E%3Ccircle cx='280' cy='20' r='1.2'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-etoiles{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230F1840'/%3E%3Cstop offset='.55' stop-color='%232C2D78'/%3E%3Cstop offset='1' stop-color='%236B5BB8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3Cfilter id='b' x='-.3' y='-.3' width='1.6' height='1.6'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx='150' cy='80' rx='170' ry='18' fill='%23fff' opacity='.12' transform='rotate(-24 150 80)' filter='url(%23b)'/%3E%3Ccircle cx='18' cy='22' r='1.2' fill='%23fff'/%3E%3Ccircle cx='48' cy='70' r='1' fill='%23fff'/%3E%3Ccircle cx='72' cy='20' r='1.4' fill='%23fff'/%3E%3Ccircle cx='100' cy='52' r='1' fill='%23fff'/%3E%3Ccircle cx='128' cy='16' r='1.2' fill='%23fff'/%3E%3Ccircle cx='150' cy='90' r='1' fill='%23fff'/%3E%3Ccircle cx='176' cy='34' r='1.5' fill='%23fff'/%3E%3Ccircle cx='210' cy='70' r='1.1' fill='%23fff'/%3E%3Ccircle cx='236' cy='22' r='1.3' fill='%23fff'/%3E%3Ccircle cx='262' cy='56' r='1' fill='%23fff'/%3E%3Ccircle cx='284' cy='18' r='1.2' fill='%23fff'/%3E%3Ccircle cx='30' cy='120' r='1' fill='%23fff'/%3E%3Ccircle cx='92' cy='102' r='1.1' fill='%23fff'/%3E%3Ccircle cx='250' cy='110' r='1' fill='%23fff'/%3E%3Ccircle cx='286' cy='96' r='1.3' fill='%23fff'/%3E%3Ccircle cx='200' cy='108' r='1' fill='%23fff'/%3E%3Ccircle cx='120' cy='70' r='0.9' fill='%23fff'/%3E%3Ccircle cx='60' cy='40' r='0.9' fill='%23fff'/%3E%3Cpath d='M40 38 Q40 44 46 44 Q40 44 40 50 Q40 44 34 44 Q40 44 40 38Z' fill='%23fff'/%3E%3Cpath d='M222 39 Q222 44 227 44 Q222 44 222 49 Q222 44 217 44 Q222 44 222 39Z' fill='%23FFE9A0'/%3E%3Cpath d='M268 80 Q268 84 272 84 Q268 84 268 88 Q268 84 264 84 Q268 84 268 80Z' fill='%23fff'/%3E%3Cpath d='M120 24 Q120 28 124 28 Q120 28 120 32 Q120 28 116 28 Q120 28 120 24Z' fill='%23FFE9A0'/%3E%3Cpath d='M280 10 L220 40' stroke='%23fff' stroke-width='1.4' opacity='.0'/%3E%3Cpath d='M190 12 L130 40' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' opacity='.75'/%3E%3Ccircle cx='190' cy='12' r='2' fill='%23fff'/%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='300' height='200' fill='%23fff'/%3E%3Ccircle cx='248' cy='32' r='13' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='238' cy='34' r='16' fill='%23FFF2B8' mask='url(%23m)'/%3E%3Cpath d='M0 150 Q80 124 160 148 T300 138 V200 H0Z' fill='%232A2262'/%3E%3Cpath d='M0 176 Q100 158 200 176 T300 168 V200 H0Z' fill='%231B1646'/%3E%3Cg transform='translate(26 160) scale(0.8)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%23120E34'/%3E%3C/g%3E%3Cg transform='translate(52 170) scale(0.55)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%23120E34'/%3E%3C/g%3E%3Cg transform='translate(274 158) scale(0.9)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%23120E34'/%3E%3C/g%3E%3Cg transform='translate(236 172)'%3E%3Cpath d='M-14 8 L0 -14 L14 8Z' fill='%23FF9418'/%3E%3Cpath d='M-4 8 L0 -2 L4 8Z' fill='%23FFE08A'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-neige{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%237FA6E6'/%3E%3Cstop offset='.55' stop-color='%23B9D2F2'/%3E%3Cstop offset='1' stop-color='%23E3EEFB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='60' cy='50' r='34' fill='url(%23g)'/%3E%3Ccircle cx='30' cy='30' r='1.6' fill='%23fff'/%3E%3Ccircle cx='70' cy='60' r='1.4' fill='%23fff'/%3E%3Ccircle cx='110' cy='20' r='1.6' fill='%23fff'/%3E%3Ccircle cx='150' cy='70' r='1.4' fill='%23fff'/%3E%3Ccircle cx='190' cy='35' r='1.6' fill='%23fff'/%3E%3Ccircle cx='230' cy='80' r='1.4' fill='%23fff'/%3E%3Ccircle cx='270' cy='25' r='1.6' fill='%23fff'/%3E%3Ccircle cx='20' cy='90' r='1.4' fill='%23fff'/%3E%3Ccircle cx='290' cy='70' r='1.4' fill='%23fff'/%3E%3Ccircle cx='130' cy='100' r='1.4' fill='%23fff'/%3E%3Ccircle cx='210' cy='110' r='1.4' fill='%23fff'/%3E%3Ccircle cx='50' cy='120' r='1.4' fill='%23fff'/%3E%3Cpath d='M0 140 Q90 124 170 140 T300 132 V200 H0Z' fill='%23F4F9FF'/%3E%3Crect x='18' y='112' width='48' height='34' fill='%23C7826A'/%3E%3Cpath d='M13 114 L42 90 L71 114Z' fill='%237A4B3A'/%3E%3Cpath d='M13 114 L42 90 L71 114 L67 110 Q42 98 17 110Z' fill='%23fff'/%3E%3Crect x='37' y='126' width='10' height='10' fill='%23FFD66B'/%3E%3Crect x='53' y='130' width='6' height='16' fill='%235B3A22'/%3E%3Crect x='56' y='98' width='6' height='12' fill='%238A5A3A'/%3E%3Crect x='226' y='106' width='52' height='34' fill='%239FB6D9'/%3E%3Cpath d='M221 108 L252 84 L283 108Z' fill='%237A4B3A'/%3E%3Cpath d='M221 108 L252 84 L283 108 L279 104 Q252 92 225 104Z' fill='%23fff'/%3E%3Crect x='247' y='120' width='10' height='10' fill='%23FFD66B'/%3E%3Crect x='265' y='124' width='6' height='16' fill='%235B3A22'/%3E%3Crect x='268' y='92' width='6' height='12' fill='%238A5A3A'/%3E%3Cg fill='%23E8F0FA' opacity='.9'%3E%3Ccircle cx='93' cy='96' r='5'/%3E%3Ccircle cx='99' cy='88' r='6'/%3E%3Ccircle cx='108' cy='80' r='7'/%3E%3C/g%3E%3Cg transform='translate(100 142) scale(0.9)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%232D6B52'/%3E%3Cpath d='M0 -42 L6 -31 L0 -33 L-6 -31Z M0 -30 L9 -15 L0 -18 L-9 -15Z' fill='%23fff' opacity='.9'/%3E%3C/g%3E%3Cg transform='translate(196 146) scale(0.7)'%3E%3Crect x='-2' y='0' width='4' height='10' fill='%235B3A22'/%3E%3Cpath d='M0 -42 L13 -18 H-13Z M0 -30 L17 -2 H-17Z M0 -16 L21 10 H-21Z' fill='%232D6B52'/%3E%3Cpath d='M0 -42 L6 -31 L0 -33 L-6 -31Z M0 -30 L9 -15 L0 -18 L-9 -15Z' fill='%23fff' opacity='.9'/%3E%3C/g%3E%3Cpath d='M0 170 Q100 152 200 170 T300 164 V200 H0Z' fill='%23DCE9F8'/%3E%3Cpath d='M0 190 Q100 180 200 190 T300 186 V200 H0Z' fill='%23CBDDF2'/%3E%3Ccircle cx='40' cy='150' r='1.6' fill='%23fff'/%3E%3Ccircle cx='90' cy='170' r='1.4' fill='%23fff'/%3E%3Ccircle cx='140' cy='158' r='1.6' fill='%23fff'/%3E%3Ccircle cx='250' cy='160' r='1.4' fill='%23fff'/%3E%3Ccircle cx='280' cy='180' r='1.6' fill='%23fff'/%3E%3Ccircle cx='200' cy='186' r='1.4' fill='%23fff'/%3E%3Ccircle cx='60' cy='190' r='1.4' fill='%23fff'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-jungle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232E9E6A'/%3E%3Cstop offset='.55' stop-color='%235FC27A'/%3E%3Cstop offset='1' stop-color='%23BFE88A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cg fill='%23fff' opacity='.12'%3E%3Cpath d='M100 0 L140 0 L200 200 L110 200Z'/%3E%3Cpath d='M190 0 L215 0 L270 200 L215 200Z'/%3E%3C/g%3E%3Cg fill='%231C6B45'%3E%3Crect x='128' y='0' width='9' height='160'/%3E%3Crect x='215' y='0' width='7' height='170'/%3E%3C/g%3E%3Cg fill='none' stroke='%232E8F4F' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M60 0 Q70 40 56 70'/%3E%3Cpath d='M150 0 Q164 30 152 60'/%3E%3Cpath d='M250 0 Q238 50 254 84'/%3E%3C/g%3E%3Cpath d='M0 0 Q30 -26 66 -4 Q34 -2 0 0Z M0 0 Q36 -4 62 20 Q30 14 0 0Z M0 0 Q20 -40 42 -42 Q26 -18 0 0Z' fill='%231F7A45' transform='translate(-6 26) rotate(10) scale(1.2)'/%3E%3Cpath d='M0 0 Q30 -26 66 -4 Q34 -2 0 0Z M0 0 Q36 -4 62 20 Q30 14 0 0Z M0 0 Q20 -40 42 -42 Q26 -18 0 0Z' fill='%231F7A45' transform='translate(306 30) rotate(170) scale(1.2)'/%3E%3Cpath d='M0 0 Q30 -26 66 -4 Q34 -2 0 0Z M0 0 Q36 -4 62 20 Q30 14 0 0Z M0 0 Q20 -40 42 -42 Q26 -18 0 0Z' fill='%232E9E5A' transform='translate(-4 120) rotate(-20) scale(1)'/%3E%3Cpath d='M0 0 Q30 -26 66 -4 Q34 -2 0 0Z M0 0 Q36 -4 62 20 Q30 14 0 0Z M0 0 Q20 -40 42 -42 Q26 -18 0 0Z' fill='%232E9E5A' transform='translate(304 118) rotate(200) scale(1)'/%3E%3Cpath d='M0 0 Q30 -26 66 -4 Q34 -2 0 0Z M0 0 Q36 -4 62 20 Q30 14 0 0Z M0 0 Q20 -40 42 -42 Q26 -18 0 0Z' fill='%23145C38' transform='translate(20 190) rotate(-60) scale(1.3)'/%3E%3Cpath d='M0 0 Q30 -26 66 -4 Q34 -2 0 0Z M0 0 Q36 -4 62 20 Q30 14 0 0Z M0 0 Q20 -40 42 -42 Q26 -18 0 0Z' fill='%23145C38' transform='translate(282 192) rotate(240) scale(1.3)'/%3E%3Cg transform='translate(66 156)'%3E%3Ccircle r='5' fill='%23FF8A1F'/%3E%3Cpath d='M-4 -4 Q0 -22 6 -4Z' fill='%23FF8A1F'/%3E%3Cpath d='M0 -2 Q-12 -14 -16 -4Z' fill='%23FF3B6B'/%3E%3C/g%3E%3Cg transform='translate(238 160)'%3E%3Ccircle r='5' fill='%23FF3B6B'/%3E%3Cpath d='M-4 -4 Q0 -22 6 -4Z' fill='%23FF3B6B'/%3E%3Cpath d='M0 -2 Q12 -14 16 -4Z' fill='%23FFC62E'/%3E%3C/g%3E%3Cpath d='M0 176 Q100 160 200 176 T300 170 V200 H0Z' fill='%232E8F4F'/%3E%3Cpath d='M0 192 Q100 182 200 192 T300 188 V200 H0Z' fill='%231C6B45'/%3E%3Cg transform='translate(220 100)'%3E%3Cellipse rx='9' ry='6' fill='%23E8332A'/%3E%3Ccircle cx='-9' cy='-4' r='4.5' fill='%23E8332A'/%3E%3Cpath d='M-14 -4 L-19 -2 L-14 -1Z' fill='%23FFC62E'/%3E%3Ccircle cx='-10' cy='-5' r='1.1' fill='%23222'/%3E%3Cpath d='M8 2 L22 12 L12 -2Z' fill='%232E6FE0'/%3E%3Cpath d='M-2 0 Q4 8 10 2Z' fill='%232E6FE0'/%3E%3C/g%3E%3Cpath d='M222 106 V112' stroke='%236B4423' stroke-width='2' opacity='0'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-espace{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23080C28'/%3E%3Cstop offset='.55' stop-color='%231B1246'/%3E%3Cstop offset='1' stop-color='%233B1F6B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='200' fill='url(%23s)'/%3E%3Cdefs%3E%3Cfilter id='b' x='-.3' y='-.3' width='1.6' height='1.6'%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)'%3E%3Cellipse cx='70' cy='90' rx='60' ry='28' fill='%23C0488F' opacity='.35'/%3E%3Cellipse cx='220' cy='60' rx='70' ry='24' fill='%235B6BE0' opacity='.35'/%3E%3C/g%3E%3Ccircle cx='16' cy='20' r='1.2' fill='%23fff'/%3E%3Ccircle cx='60' cy='40' r='1' fill='%23fff'/%3E%3Ccircle cx='100' cy='18' r='1.4' fill='%23fff'/%3E%3Ccircle cx='140' cy='60' r='1' fill='%23fff'/%3E%3Ccircle cx='170' cy='22' r='1.2' fill='%23fff'/%3E%3Ccircle cx='200' cy='100' r='1' fill='%23fff'/%3E%3Ccircle cx='256' cy='22' r='1.4' fill='%23fff'/%3E%3Ccircle cx='286' cy='48' r='1' fill='%23fff'/%3E%3Ccircle cx='30' cy='100' r='1' fill='%23fff'/%3E%3Ccircle cx='120' cy='110' r='1' fill='%23fff'/%3E%3Ccircle cx='180' cy='64' r='1' fill='%23fff'/%3E%3Ccircle cx='290' cy='110' r='1.2' fill='%23fff'/%3E%3Ccircle cx='44' cy='70' r='0.9' fill='%23fff'/%3E%3Ccircle cx='240' cy='100' r='0.9' fill='%23fff'/%3E%3Cpath d='M80 51 Q80 56 85 56 Q80 56 80 61 Q80 56 75 56 Q80 56 80 51Z' fill='%23FFE9A0'/%3E%3Cpath d='M274 96 Q274 100 278 100 Q274 100 274 104 Q274 100 270 100 Q274 100 274 96Z' fill='%23fff'/%3E%3Cg transform='translate(235 62)'%3E%3Ccircle r='26' fill='%23FF9A4D'/%3E%3Cpath d='M-26 4 A26 26 0 0 0 20 17 Q0 24 -26 4Z' fill='%23E5702F' opacity='.8'/%3E%3Cpath d='M-18 -12 Q0 -8 20 -16 A26 26 0 0 0 -18 -12Z' fill='%23FFC27A' opacity='.7'/%3E%3Cellipse rx='42' ry='9' fill='none' stroke='%23FFE9A8' stroke-width='3.5' transform='rotate(-18)' opacity='.9'/%3E%3C/g%3E%3Cg transform='translate(54 52)'%3E%3Ccircle r='13' fill='%233F8FE8'/%3E%3Cpath d='M-8 -6 Q-2 -12 4 -6 Q0 0 -6 2Z M4 4 Q10 0 11 6 Q6 10 2 8Z' fill='%235FC27A'/%3E%3C/g%3E%3Cpath d='M160 40 L110 66' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' opacity='.7'/%3E%3Ccircle cx='160' cy='40' r='2' fill='%23fff'/%3E%3Cpath d='M0 160 Q70 140 150 158 T300 150 V200 H0Z' fill='%239A93B8'/%3E%3Cpath d='M0 182 Q100 168 200 182 T300 176 V200 H0Z' fill='%237C759E'/%3E%3Cg fill='%237C759E'%3E%3Cellipse cx='60' cy='168' rx='18' ry='4'/%3E%3Cellipse cx='250' cy='164' rx='14' ry='3.5'/%3E%3C/g%3E%3Cg fill='%236A6390'%3E%3Cellipse cx='60' cy='168' rx='13' ry='2.6'/%3E%3Cellipse cx='250' cy='164' rx='10' ry='2.2'/%3E%3C/g%3E%3Cg transform='translate(160 112) rotate(35)'%3E%3Cpath d='M0 -14 Q6 -4 4 8 H-4 Q-6 -4 0 -14Z' fill='%23EEF1F8'/%3E%3Ccircle cy='-2' r='2.2' fill='%233F8FE8'/%3E%3Cpath d='M-4 8 L-8 14 L-4 12Z M4 8 L8 14 L4 12Z' fill='%23E8332A'/%3E%3Cpath d='M-2 9 L0 18 L2 9Z' fill='%23FF9418'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-nid{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%233B1020'/%3E%3Cstop%20offset='1'%20stop-color='%23FF7A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='300'%20height='200'%20fill='url(%23s)'/%3E%3Ccircle%20cx='220'%20cy='60'%20r='34'%20fill='%23FFB84D'%20opacity='.85'/%3E%3Ccircle%20cx='220'%20cy='60'%20r='20'%20fill='%23FFE08A'/%3E%3Cpath%20d='M0%20140%20L50%20110%20L95%20138%20L150%20100%20L210%20136%20L300%20108%20V200%20H0Z'%20fill='%232A0F1A'/%3E%3Cpath%20d='M0%20170%20Q80%20150%20150%20168%20T300%20160%20V200%20H0Z'%20fill='%234A1A22'/%3E%3Cpath%20d='M110%20178%20q40%20-22%2080%200%20q-40%2010%20-80%200z'%20fill='%238A4B2A'%20stroke='%233B1020'%20stroke-width='2'/%3E%3Ccircle%20cx='40'%20cy='70'%20r='2.4'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='80'%20cy='40'%20r='2.4'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='120'%20cy='90'%20r='2.4'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='170'%20cy='50'%20r='2.4'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='260'%20cy='100'%20r='2.4'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='25'%20cy='120'%20r='2.4'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='280'%20cy='40'%20r='2.4'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='60'%20cy='95'%20r='1.6'%20fill='%23FF6150'%20opacity='0.9'/%3E%3Ccircle%20cx='140'%20cy='30'%20r='1.6'%20fill='%23FF6150'%20opacity='0.9'/%3E%3Ccircle%20cx='240'%20cy='130'%20r='1.6'%20fill='%23FF6150'%20opacity='0.9'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-antre{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%231E1830'/%3E%3Cstop%20offset='1'%20stop-color='%234A3A5C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='300'%20height='200'%20fill='url(%23s)'/%3E%3Cpath%20d='M0%200%20H300%20V20%20L285%200%20M20%200%20L30%2038%20L40%200%20M90%200%20L98%2052%20L108%200%20M170%200%20L178%2034%20L188%200%20M240%200%20L250%2046%20L262%200Z'%20fill='%23120E20'/%3E%3Cpath%20d='M0%20200%20V150%20Q60%20110%20120%20140%20T220%20120%20T300%20140%20V200Z'%20fill='%23E0A93A'/%3E%3Cpath%20d='M40%20200%20V170%20Q100%20140%20160%20165%20T300%20160%20V200Z'%20fill='%23FFC62E'/%3E%3Ccircle%20cx='60'%20cy='160'%20r='7'%20fill='%23FFE08A'%20opacity='1'/%3E%3Ccircle%20cx='110'%20cy='150'%20r='7'%20fill='%23FFE08A'%20opacity='1'/%3E%3Ccircle%20cx='200'%20cy='140'%20r='7'%20fill='%23FFE08A'%20opacity='1'/%3E%3Ccircle%20cx='250'%20cy='155'%20r='7'%20fill='%23FFE08A'%20opacity='1'/%3E%3Ccircle%20cx='150'%20cy='175'%20r='7'%20fill='%23FFE08A'%20opacity='1'/%3E%3Ccircle%20cx='90'%20cy='180'%20r='7'%20fill='%23FFE08A'%20opacity='1'/%3E%3Ccircle%20cx='60'%20cy='160'%20r='3.5'%20fill='%23E0A93A'%20opacity='1'/%3E%3Ccircle%20cx='110'%20cy='150'%20r='3.5'%20fill='%23E0A93A'%20opacity='1'/%3E%3Ccircle%20cx='200'%20cy='140'%20r='3.5'%20fill='%23E0A93A'%20opacity='1'/%3E%3Ccircle%20cx='250'%20cy='155'%20r='3.5'%20fill='%23E0A93A'%20opacity='1'/%3E%3Ccircle%20cx='150'%20cy='175'%20r='3.5'%20fill='%23E0A93A'%20opacity='1'/%3E%3Ccircle%20cx='90'%20cy='180'%20r='3.5'%20fill='%23E0A93A'%20opacity='1'/%3E%3Cpath%20d='M230%20120%20l8%20-14%20l8%2014z'%20fill='%238FD0FF'/%3E%3Cpath%20d='M40%20130%20l7%20-12%20l7%2012z'%20fill='%23FF8FB1'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-arcenciel{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%239AD7FF'/%3E%3Cstop%20offset='1'%20stop-color='%23F4FBFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='300'%20height='200'%20fill='url(%23s)'/%3E%3Cpath%20d='M20%20175%20A130%20130%200%200%201%20280%20175'%20fill='none'%20stroke='%23FF6150'%20stroke-width='10'/%3E%3Cpath%20d='M30%20175%20A120%20120%200%200%201%20270%20175'%20fill='none'%20stroke='%23FF9418'%20stroke-width='10'/%3E%3Cpath%20d='M40%20175%20A110%20110%200%200%201%20260%20175'%20fill='none'%20stroke='%23FFC62E'%20stroke-width='10'/%3E%3Cpath%20d='M50%20175%20A100%20100%200%200%201%20250%20175'%20fill='none'%20stroke='%232FBF71'%20stroke-width='10'/%3E%3Cpath%20d='M60%20175%20A90%2090%200%200%201%20240%20175'%20fill='none'%20stroke='%232E8CFF'%20stroke-width='10'/%3E%3Cpath%20d='M70%20175%20A80%2080%200%200%201%20230%20175'%20fill='none'%20stroke='%238F72E8'%20stroke-width='10'/%3E%3Cg%20fill='%23fff'%3E%3Cellipse%20cx='40'%20cy='170'%20rx='34'%20ry='11'/%3E%3Cellipse%20cx='58'%20cy='162'%20rx='20'%20ry='11'/%3E%3Cellipse%20cx='262'%20cy='170'%20rx='34'%20ry='11'/%3E%3Cellipse%20cx='244'%20cy='162'%20rx='20'%20ry='11'/%3E%3C/g%3E%3Cpath%20d='M0%20185%20Q90%20168%20180%20184%20T300%20178%20V200%20H0Z'%20fill='%237FCB6E'/%3E%3Ccircle%20cx='60'%20cy='40'%20r='2.5'%20fill='%23FFF'%20opacity='0.9'/%3E%3Ccircle%20cx='240'%20cy='50'%20r='2.5'%20fill='%23FFF'%20opacity='0.9'/%3E%3Ccircle%20cx='150'%20cy='28'%20r='2.5'%20fill='%23FFF'%20opacity='0.9'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-falaise{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%236FB8F2'/%3E%3Cstop%20offset='1'%20stop-color='%23DDF0FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='300'%20height='200'%20fill='url(%23s)'/%3E%3Cg%20fill='%23fff'%20opacity='.95'%3E%3Cellipse%20cx='70'%20cy='50'%20rx='28'%20ry='8'/%3E%3Cellipse%20cx='88'%20cy='43'%20rx='16'%20ry='9'/%3E%3Cellipse%20cx='170'%20cy='86'%20rx='24'%20ry='7'/%3E%3C/g%3E%3Cpath%20d='M300%200%20V200%20H190%20L205%20150%20L185%20110%20L215%2070%20L200%2030%20L235%200Z'%20fill='%238A7058'/%3E%3Cpath%20d='M300%2040%20V200%20H240%20L250%20140%20L235%20100%20L262%2070Z'%20fill='%23A68A6C'/%3E%3Cpath%20d='M180%20145%20q22%20-18%2044%200%20q-8%2014%20-22%2014%20q-14%200%20-22%20-14z'%20fill='%23B9772E'%20stroke='%236B4630'%20stroke-width='2'/%3E%3Cellipse%20cx='194'%20cy='142'%20rx='5'%20ry='6.5'%20fill='%23FFF1CF'%20stroke='%236B4630'%20stroke-width='1.4'/%3E%3Cellipse%20cx='210'%20cy='143'%20rx='5'%20ry='6.5'%20fill='%23FFF1CF'%20stroke='%236B4630'%20stroke-width='1.4'/%3E%3Cpath%20d='M0%20190%20Q70%20176%20150%20188%20T190%20184%20V200%20H0Z'%20fill='%236A9A5A'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-epave{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%231D6FB5'/%3E%3Cstop%20offset='1'%20stop-color='%230B2A55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='300'%20height='200'%20fill='url(%23s)'/%3E%3Cpath%20d='M0%2020%20Q40%2010%2080%2020%20T160%2020%20T240%2020%20T300%2020'%20fill='none'%20stroke='%238FD0FF'%20stroke-width='2'%20opacity='.5'/%3E%3Cpath%20d='M0%20178%20Q80%20162%20150%20176%20T300%20170%20V200%20H0Z'%20fill='%23D8B878'/%3E%3Cpath%20d='M60%20170%20L70%20130%20H190%20L205%20160%20L180%20175%20H80Z'%20fill='%236B4630'%20stroke='%233B2A1E'%20stroke-width='2.5'/%3E%3Cpath%20d='M120%20130%20V60%20L160%20118Z'%20fill='%23E8DCC0'%20opacity='.85'/%3E%3Cpath%20d='M120%20130%20V50'%20stroke='%233B2A1E'%20stroke-width='3'/%3E%3Ccircle%20cx='88'%20cy='150'%20r='4.5'%20fill='%232A1A10'%20opacity='1'/%3E%3Ccircle%20cx='116'%20cy='150'%20r='4.5'%20fill='%232A1A10'%20opacity='1'/%3E%3Ccircle%20cx='144'%20cy='150'%20r='4.5'%20fill='%232A1A10'%20opacity='1'/%3E%3Ccircle%20cx='172'%20cy='150'%20r='4.5'%20fill='%232A1A10'%20opacity='1'/%3E%3Ccircle%20cx='40'%20cy='100'%20r='5'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Ccircle%20cx='250'%20cy='90'%20r='5'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Ccircle%20cx='270'%20cy='140'%20r='5'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Ccircle%20cx='30'%20cy='60'%20r='5'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Ccircle%20cx='210'%20cy='40'%20r='5'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Ccircle%20cx='240'%20cy='110'%20r='3'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Ccircle%20cx='255'%20cy='70'%20r='3'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Ccircle%20cx='20'%20cy='130'%20r='3'%20fill='%23BFE6FF'%20opacity='0.6'/%3E%3Cpath%20d='M230%20175%20q4%20-16%2010%20-2%20q2%20-14%208%200'%20fill='none'%20stroke='%23FF8FB1'%20stroke-width='3'%20stroke-linecap='round'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-clairiere{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%230F1B3D'/%3E%3Cstop%20offset='1'%20stop-color='%232B4A7A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='300'%20height='200'%20fill='url(%23s)'/%3E%3Ccircle%20cx='225'%20cy='55'%20r='28'%20fill='%23FFF4CC'/%3E%3Ccircle%20cx='235'%20cy='48'%20r='6'%20fill='%23E8DCA8'/%3E%3Ccircle%20cx='215'%20cy='66'%20r='4'%20fill='%23E8DCA8'/%3E%3Ccircle%20cx='30'%20cy='30'%20r='1.4'%20fill='%23fff'%20opacity='0.9'/%3E%3Ccircle%20cx='80'%20cy='60'%20r='1.4'%20fill='%23fff'%20opacity='0.9'/%3E%3Ccircle%20cx='140'%20cy='25'%20r='1.4'%20fill='%23fff'%20opacity='0.9'/%3E%3Ccircle%20cx='180'%20cy='70'%20r='1.4'%20fill='%23fff'%20opacity='0.9'/%3E%3Ccircle%20cx='120'%20cy='100'%20r='1.4'%20fill='%23fff'%20opacity='0.9'/%3E%3Ccircle%20cx='280'%20cy='110'%20r='1.4'%20fill='%23fff'%20opacity='0.9'/%3E%3Ccircle%20cx='50'%20cy='100'%20r='1.4'%20fill='%23fff'%20opacity='0.9'/%3E%3Cpath%20d='M0%20200%20V120%20L18%2070%20L36%20120%20L50%2090%20L70%20140%20V200Z%20M230%20200%20V130%20L250%2080%20L272%20130%20L286%20100%20L300%20130%20V200Z'%20fill='%230A1226'/%3E%3Cpath%20d='M0%20188%20Q90%20168%20160%20184%20T300%20176%20V200%20H0Z'%20fill='%231F4A3A'/%3E%3Cpath%20d='M0%20196%20Q100%20182%20200%20194%20T300%20190%20V200%20H0Z'%20fill='%232C6A4A'/%3E%3Ccircle%20cx='90'%20cy='150'%20r='2.6'%20fill='%23FFE66B'%20opacity='1'/%3E%3Ccircle%20cx='130'%20cy='134'%20r='2.6'%20fill='%23FFE66B'%20opacity='1'/%3E%3Ccircle%20cx='170'%20cy='160'%20r='2.6'%20fill='%23FFE66B'%20opacity='1'/%3E%3Ccircle%20cx='60'%20cy='170'%20r='2.6'%20fill='%23FFE66B'%20opacity='1'/%3E%3Ccircle%20cx='200'%20cy='140'%20r='2.6'%20fill='%23FFE66B'%20opacity='1'/%3E%3Ccircle%20cx='150'%20cy='176'%20r='2.6'%20fill='%23FFE66B'%20opacity='1'/%3E%3Ccircle%20cx='90'%20cy='150'%20r='6'%20fill='%23FFE66B'%20opacity='0.25'/%3E%3Ccircle%20cx='130'%20cy='134'%20r='6'%20fill='%23FFE66B'%20opacity='0.25'/%3E%3Ccircle%20cx='170'%20cy='160'%20r='6'%20fill='%23FFE66B'%20opacity='0.25'/%3E%3Ccircle%20cx='60'%20cy='170'%20r='6'%20fill='%23FFE66B'%20opacity='0.25'/%3E%3Ccircle%20cx='200'%20cy='140'%20r='6'%20fill='%23FFE66B'%20opacity='0.25'/%3E%3Ccircle%20cx='150'%20cy='176'%20r='6'%20fill='%23FFE66B'%20opacity='0.25'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.d-biblio{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='s'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%235A3A24'/%3E%3Cstop%20offset='1'%20stop-color='%238A5A38'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='300'%20height='200'%20fill='url(%23s)'/%3E%3Cpath%20d='M0%2030%20H300%20M0%2095%20H300%20M0%20160%20H300'%20stroke='%233B2414'%20stroke-width='6'/%3E%3Crect%20x='10'%20y='42'%20width='12'%20height='50'%20rx='1.5'%20fill='%23C0392B'/%3E%3Crect%20x='24'%20y='48'%20width='10'%20height='44'%20rx='1.5'%20fill='%232E8CFF'/%3E%3Crect%20x='36'%20y='40'%20width='14'%20height='52'%20rx='1.5'%20fill='%232FBF71'/%3E%3Crect%20x='52'%20y='52'%20width='10'%20height='40'%20rx='1.5'%20fill='%23FFC62E'/%3E%3Crect%20x='64'%20y='44'%20width='12'%20height='48'%20rx='1.5'%20fill='%238F72E8'/%3E%3Crect%20x='150'%20y='46'%20width='12'%20height='46'%20rx='1.5'%20fill='%23FF8FB1'/%3E%3Crect%20x='164'%20y='40'%20width='10'%20height='52'%20rx='1.5'%20fill='%232E8CFF'/%3E%3Crect%20x='176'%20y='50'%20width='14'%20height='42'%20rx='1.5'%20fill='%23C0392B'/%3E%3Crect%20x='192'%20y='42'%20width='10'%20height='50'%20rx='1.5'%20fill='%23FFC62E'/%3E%3Crect%20x='204'%20y='48'%20width='12'%20height='44'%20rx='1.5'%20fill='%232FBF71'/%3E%3Crect%20x='250'%20y='42'%20width='14'%20height='50'%20rx='1.5'%20fill='%238F72E8'/%3E%3Crect%20x='266'%20y='50'%20width='10'%20height='42'%20rx='1.5'%20fill='%23C0392B'/%3E%3Crect%20x='278'%20y='44'%20width='12'%20height='48'%20rx='1.5'%20fill='%232E8CFF'/%3E%3Crect%20x='10'%20y='107'%20width='12'%20height='50'%20rx='1.5'%20fill='%23C0392B'/%3E%3Crect%20x='24'%20y='113'%20width='10'%20height='44'%20rx='1.5'%20fill='%232E8CFF'/%3E%3Crect%20x='36'%20y='105'%20width='14'%20height='52'%20rx='1.5'%20fill='%232FBF71'/%3E%3Crect%20x='52'%20y='117'%20width='10'%20height='40'%20rx='1.5'%20fill='%23FFC62E'/%3E%3Crect%20x='64'%20y='109'%20width='12'%20height='48'%20rx='1.5'%20fill='%238F72E8'/%3E%3Crect%20x='150'%20y='111'%20width='12'%20height='46'%20rx='1.5'%20fill='%23FF8FB1'/%3E%3Crect%20x='164'%20y='105'%20width='10'%20height='52'%20rx='1.5'%20fill='%232E8CFF'/%3E%3Crect%20x='176'%20y='115'%20width='14'%20height='42'%20rx='1.5'%20fill='%23C0392B'/%3E%3Crect%20x='192'%20y='107'%20width='10'%20height='50'%20rx='1.5'%20fill='%23FFC62E'/%3E%3Crect%20x='204'%20y='113'%20width='12'%20height='44'%20rx='1.5'%20fill='%232FBF71'/%3E%3Crect%20x='250'%20y='107'%20width='14'%20height='50'%20rx='1.5'%20fill='%238F72E8'/%3E%3Crect%20x='266'%20y='115'%20width='10'%20height='42'%20rx='1.5'%20fill='%23C0392B'/%3E%3Crect%20x='278'%20y='109'%20width='12'%20height='48'%20rx='1.5'%20fill='%232E8CFF'/%3E%3Cpath%20d='M0%20200%20V168%20H300%20V200Z'%20fill='%233B2414'/%3E%3Cg%20fill='%23FFE08A'%3E%3Cpath%20d='M100%20140%20q6%20-16%200%20-26%20q-6%2010%200%2026z'/%3E%3Cpath%20d='M225%20126%20q6%20-16%200%20-26%20q-6%2010%200%2026z'/%3E%3C/g%3E%3Crect%20x='96'%20y='140'%20width='8'%20height='14'%20fill='%23F4E4C4'/%3E%3Crect%20x='221'%20y='126'%20width='8'%20height='14'%20fill='%23F4E4C4'/%3E%3Ccircle%20cx='110'%20cy='60'%20r='2'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='130'%20cy='80'%20r='2'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='240'%20cy='70'%20r='2'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3Ccircle%20cx='90'%20cy='90'%20r='2'%20fill='%23FFC62E'%20opacity='0.9'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.item small{font-weight:700;color:var(--ink-2);font-size:11px}
.price{display:inline-flex;gap:3px;align-items:center;font:400 15px 'Lilita One';background:var(--sun);color:var(--on-sun);border:2px solid var(--edge);border-radius:999px;padding:0 9px}
.price svg{width:14px;height:14px}
.crow{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:10px}
.crow b{font:400 18px 'Lilita One';display:block}
.crow .k{font-size:12.5px;color:var(--ink-2)}
.crow .pv{width:68px;height:68px;flex:none;display:grid;place-items:center;border-radius:16px;background:var(--bg);border:2.5px solid var(--edge)}

/* ---------- sheet / toast ---------- */
.scrim{position:absolute;inset:0;background:rgba(10,20,34,.55);z-index:30;animation:rise .15s}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:31;background:var(--surface);border-top:3px solid var(--edge);border-radius:26px 26px 0 0;padding:18px 18px 22px;animation:up .26s cubic-bezier(.2,.8,.2,1);max-height:88%;overflow:auto}
.sheet h3{font:400 24px 'Lilita One'}
.sheet textarea,.sheet input.txt{width:100%;border-radius:14px;border:2.5px solid var(--edge);padding:10px 12px;background:var(--bg);color:var(--ink);font:700 15px 'Nunito'}
.sheet textarea{min-height:130px;resize:vertical}
@media (min-width:700px){.sheet{top:0;bottom:0;margin:auto;height:fit-content;width:min(560px,calc(100% - 48px));border:3px solid var(--edge);border-radius:26px;padding:22px 24px 24px}}
.previewbar{position:fixed;left:0;right:0;top:0;height:36px;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#E5B25D;color:#1A1306;font-size:12.5px;font-weight:700}
.previewbar .btn{flex:none;min-height:0;height:26px;padding:0 12px;font-size:12.5px}
.app.pv{top:36px}
.toast{position:absolute;left:16px;right:16px;bottom:90px;z-index:70;background:var(--ink);color:var(--surface);border-radius:16px;padding:12px 14px;font-weight:800;text-align:center;animation:rise .2s}

/* ---------- session ---------- */
.sess{position:absolute;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column}
.s-top{display:flex;align-items:center;gap:10px;padding:14px 14px 8px}
.xbtn{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--edge);background:var(--surface);display:grid;place-items:center;cursor:pointer;flex:none}
.s-prog{flex:1;height:18px;border-radius:999px;border:2.5px solid var(--edge);background:var(--surface);overflow:hidden}
.s-prog i{display:block;height:100%;background:var(--grass);border-right:2.5px solid var(--edge);transition:width .35s}
.s-extra{display:flex;gap:4px;align-items:center;min-width:40px;justify-content:flex-end}
.s-sub{display:flex;justify-content:space-between;padding:0 16px;font-size:13px;font-weight:800;color:var(--ink-2);min-height:24px}
.combo{background:var(--coral);color:#fff;border:2.5px solid var(--edge);border-radius:999px;padding:1px 10px;font:400 15px 'Lilita One';animation:pop .25s}
.s-main{flex:1;overflow:auto;padding:10px 18px 170px;display:flex;flex-direction:column;align-items:center;gap:16px}
.q-lbl{font-size:13px;font-weight:800;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.q-word{font:400 34px 'Lilita One';text-align:center;line-height:1.1;text-wrap:balance}
.deck{position:relative;width:min(340px,100%);height:250px;margin-top:6px}
.fcard{position:absolute;inset:0;touch-action:pan-y;cursor:grab}
.fflip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.2,.2,1)}
.fflip.flipped{transform:rotateY(180deg)}
.fface{position:absolute;inset:0;backface-visibility:hidden;border-radius:26px;border:3px solid var(--edge);box-shadow:0 6px 0 var(--edge);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center}
.fface.front{background:var(--surface)}
.fface.back{background:var(--acc-soft);transform:rotateY(180deg)}
.fface .w{font:400 32px 'Lilita One';line-height:1.1}
.fface small{color:var(--ink-2);font-weight:800}
.swhint{position:absolute;top:10px;font:400 18px 'Lilita One';padding:4px 12px;border-radius:12px;border:2.5px solid var(--edge);opacity:0;z-index:2;pointer-events:none}
.swhint.l{left:8px;background:var(--coral);color:#fff;transform:rotate(-8deg)}
.swhint.r{right:8px;background:var(--grass);color:#fff;transform:rotate(8deg)}
.s-actions{display:flex;gap:12px;width:min(340px,100%)}
.s-actions .btn{flex:1}
.opts{display:grid;gap:12px;width:min(420px,100%)}
.opt{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:18px;border:2.5px solid var(--edge);background:var(--surface);box-shadow:0 4px 0 var(--edge);cursor:pointer;font:800 16.5px 'Nunito'}
.opt:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.opt .k{width:30px;height:30px;border-radius:10px;border:2.5px solid var(--edge);display:grid;place-items:center;font:400 15px 'Lilita One';background:var(--surface-2);flex:none}
.opt.ok{background:var(--grass-soft);border-color:var(--grass)}
.opt.no{background:var(--coral-soft);border-color:var(--coral);animation:shake .4s}
.opt[disabled]{cursor:default}
.slots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:380px}
.slotgap{width:14px}
.slot,.tile{width:38px;height:46px;border-radius:12px;border:2.5px solid var(--edge);display:grid;place-items:center;font:400 22px 'Lilita One';text-transform:uppercase;padding:0}
.slot{background:var(--bg-2);border-style:dashed}
.slot.f{background:var(--sun);color:var(--on-sun);border-style:solid;box-shadow:0 3px 0 var(--edge);cursor:pointer}
.slot.okk{background:var(--grass);color:#fff}
.tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:380px}
.tile{background:var(--surface);box-shadow:0 4px 0 var(--edge);cursor:pointer}
.tile.used{visibility:hidden}
.tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.forge{display:flex;flex-direction:column;gap:12px;width:min(380px,100%)}
.forge input{height:58px;border-radius:18px;border:3px solid var(--edge);background:var(--surface);color:var(--ink);text-align:center;font:700 20px 'Nunito';padding:0 12px;box-shadow:0 4px 0 var(--edge)}
.forge input.okk{background:var(--grass-soft);border-color:var(--grass)}
.forge input.no{background:var(--coral-soft);border-color:var(--coral);animation:shake .4s}
.fb{position:absolute;left:0;right:0;bottom:0;z-index:22;padding:16px 18px 20px;border-top:3px solid var(--edge);animation:up .22s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:10px}
.fb.ok{background:var(--grass-soft)}.fb.no{background:var(--coral-soft)}
.fb h3{font:400 24px 'Lilita One'}
.fb.ok h3{color:var(--grass)}.fb.no h3{color:var(--coral)}
.mascot{position:absolute;right:12px;bottom:150px;z-index:21;pointer-events:none}
.xpfloat{position:absolute;left:50%;top:44%;z-index:25;font:400 34px 'Lilita One';color:var(--sun);-webkit-text-stroke:2px var(--edge);paint-order:stroke fill;animation:floaty .9s ease-out forwards;pointer-events:none}
.hearts{display:flex;gap:3px}
.hearts svg{width:26px;height:26px}
.bosswrap{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}
.hpbar{width:min(300px,80%);height:18px;border-radius:999px;border:2.5px solid var(--edge);background:var(--surface);overflow:hidden}
.hpbar i{display:block;height:100%;background:var(--coral);border-right:2.5px solid var(--edge);transition:width .4s}
.boss{animation:bob 2.2s ease-in-out infinite}
.boss.hit{animation:shake .4s}

/* recap */
.recap{position:absolute;inset:0;z-index:40;background:var(--bg);overflow:auto;padding:26px 18px 30px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.recap h1{font:400 38px 'Lilita One';-webkit-text-stroke:2px var(--edge);paint-order:stroke fill;color:var(--sun);text-shadow:0 4px 0 var(--edge)}
.rgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;max-width:420px}
.rcell{padding:10px 6px}
.rcell b{display:block;font:400 24px 'Lilita One'}
.rcell span{font-size:11.5px;color:var(--ink-2);font-weight:800}
.lines{width:100%;max-width:420px;padding:6px 14px;text-align:left}
.lines .row{display:flex;justify-content:space-between;padding:8px 0;border-top:2px solid var(--line);font-size:14px}
.lines .row:first-child{border-top:0}
.lines .row b{font:400 16px 'Lilita One'}
.missed{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.missed span{background:var(--coral-soft);border:2px solid var(--edge);border-radius:999px;padding:3px 10px;font-weight:800;font-size:13px}
.conf{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;z-index:60;pointer-events:none;animation:fall 2.4s ease-in forwards}

/* ---------- parent ---------- */
.ptitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ptitle h1{font:400 26px 'Lilita One'}
.who{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
.avatar{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--edge);background:var(--sun);display:grid;place-items:center;font:400 18px 'Lilita One';color:var(--on-sun)}
.pgrid{display:grid;gap:14px;grid-template-columns:1fr}
@container app (min-width:760px){
  .pgrid{grid-template-columns:repeat(12,1fr)}
  .pgrid>.s12{grid-column:span 12}.pgrid>.s8{grid-column:span 8}.pgrid>.s6{grid-column:span 6}.pgrid>.s4{grid-column:span 4}
}
.pcard{background:var(--surface);border:2.5px solid var(--edge);border-radius:20px;box-shadow:0 4px 0 var(--edge);padding:14px}
.pcard.acc>summary{font:400 18px 'Lilita One';cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:28px}
.pcard.acc>summary::-webkit-details-marker{display:none}
.pcard.acc>summary::after{content:'';width:8px;height:8px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);margin:-4px 4px 0 10px;transition:transform .15s}
.pcard.acc[open]>summary{margin-bottom:10px}
.pcard.acc[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.app.adult .pcard.acc>summary{font:800 18px 'Nunito';letter-spacing:-.005em}
.pcard h2{font:400 18px 'Lilita One';margin-bottom:10px}
.status{display:flex;gap:12px;align-items:center}
.sdot{width:14px;height:14px;border-radius:50%;background:var(--grass);border:2.5px solid var(--edge);flex:none}
.sdot.warn{background:var(--sun)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@container app (min-width:760px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{padding:12px;border-radius:16px;background:var(--surface-2);border:2.5px solid var(--edge)}
.kpi span{font-size:11.5px;font-weight:800;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}
.kpi b{display:block;font:400 28px 'Lilita One';margin:2px 0}
.kpi small{font-weight:800;font-size:12px}
.up{color:var(--grass)}.down{color:var(--coral)}
.alerts{display:flex;flex-direction:column;gap:8px}
.alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;border:2.5px solid var(--edge);background:var(--surface-2);font-size:14px;font-weight:700}
.alert.bad{background:var(--coral-soft)}
.alert svg{width:22px;height:22px;flex:none;margin-top:1px}
.chart{width:100%;height:auto;display:block}
.chart text{font:800 11px 'Nunito';fill:var(--ink-2)}
.chart .bar{fill:var(--grass);stroke:var(--edge);stroke-width:2}
.chart .bar.low{fill:var(--sun)}
.chart .goal{stroke:var(--coral);stroke-width:2;stroke-dasharray:5 4}
.chart .gl{fill:var(--coral)}
.chart .line{fill:none;stroke:var(--sky);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.chart .area{fill:var(--sky);opacity:.18}
.chart .dot{fill:var(--sky);stroke:var(--edge);stroke-width:2.5}
.chart .grid{stroke:var(--line);stroke-width:1.5}
.heat{display:grid;grid-template-columns:auto repeat(8,1fr);gap:4px;align-items:center}
.heat .dl{font-size:11px;font-weight:800;color:var(--ink-2);padding-right:4px}
.hm{aspect-ratio:1;border-radius:6px;background:var(--bg-2);border:2px solid var(--line)}
.hm.l1{background:color-mix(in srgb,var(--grass) 35%,var(--bg-2));border-color:var(--grass)}
.hm.l2{background:color-mix(in srgb,var(--grass) 65%,var(--bg-2));border-color:var(--grass)}
.hm.l3{background:var(--grass);border-color:var(--edge)}
.hm.l4{background:var(--sun);border-color:var(--edge)}
.hm.fut{opacity:.25}
.hm.now{outline:3px solid var(--edge);outline-offset:1px}
.hleg{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:11.5px;font-weight:800;color:var(--ink-2)}
.hleg span{display:inline-flex;align-items:center;gap:6px}
.hleg .hm{display:inline-block;width:16px;height:16px;aspect-ratio:auto;border-radius:5px}
.hlegend{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:8px;font-size:11px;color:var(--ink-2);font-weight:800}
.hlegend .hm{width:14px}
.hbar{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:13px;font-weight:800}
.hbar .l{width:84px;flex:none;color:var(--ink-2)}
.hbar .t{flex:1;height:16px;border-radius:999px;border:2.5px solid var(--edge);background:var(--surface);overflow:hidden}
.hbar .t i{display:block;height:100%;background:var(--sky)}
.hbar .v{width:30px;text-align:right}
.srow{display:flex;align-items:center;gap:12px;padding:11px 4px;border:0;border-top:2px solid var(--line);cursor:pointer;width:100%;background:none;text-align:left}
.srow:first-of-type{border-top:0}
.srow .tm{font:400 18px 'Lilita One';width:54px}
.srow .main{flex:1;min-width:0}
.srow .main b{display:block;font-size:15px}
.srow .main span{font-size:12.5px;color:var(--ink-2)}
.score{font:400 15px 'Lilita One';padding:3px 10px;border-radius:999px;border:2.5px solid var(--edge)}
.score.g{background:var(--grass-soft)}.score.o{background:var(--surface-2)}.score.r{background:var(--coral-soft)}
.dayh{font:400 15px 'Lilita One';margin:14px 0 4px;color:var(--ink-2)}
.dword{padding:12px 4px;border-top:2px solid var(--line)}
.dword:first-of-type{border-top:0}
.dword .top{display:flex;align-items:center;gap:10px}
.dword .rk{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--edge);background:var(--coral-soft);display:grid;place-items:center;font:400 14px 'Lilita One'}
.dword .tt{flex:1;min-width:0}
.dword .tt b{display:block}
.dword .tt span{font-size:12.5px;color:var(--ink-2)}
.dword .pct{font:400 20px 'Lilita One';color:var(--coral)}
.dword .bar2{height:10px;border-radius:999px;background:var(--line);margin-top:8px;overflow:hidden}
.dword .bar2 i{display:block;height:100%;background:var(--coral)}
.dword .sub{font-size:12.5px;margin-top:6px;color:var(--ink-2)}
.kind{display:inline-block;border:2px solid var(--edge);border-radius:999px;padding:0 8px;font-size:11px;font-weight:800;margin-left:4px;background:var(--surface-2)}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:2px solid var(--line)}
.row:first-of-type{border-top:0}
.row small{display:block;color:var(--ink-2);font-weight:700}
.row-actions{display:flex;gap:8px;flex:none;margin-left:auto}
.row>div:first-child{min-width:0}
.stepper{display:flex;align-items:center;gap:10px}
.stepper b{font:400 20px 'Lilita One';min-width:64px;text-align:center}
.switch{width:52px;height:30px;border-radius:999px;border:2.5px solid var(--edge);background:var(--lock);position:relative;cursor:pointer;flex:none;padding:0}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;border:2.5px solid var(--edge);transition:transform .15s}
.switch[aria-checked=true]{background:var(--grass)}
.switch[aria-checked=true]::after{transform:translateX(22px)}
.adet{width:100%;border-collapse:collapse}
.adet td{padding:7px 4px;border-top:2px solid var(--line);font-size:14px}
.adet tr:first-child td{border-top:0}
.okx{font-weight:800}
.petrow{display:flex;gap:14px;align-items:center}
.scope[aria-pressed=true]{background:var(--acc,var(--sun));color:#fff}
.scope[aria-pressed=true] small{color:#fff}
.langband{margin:0 16px 6px;padding:5px 12px;border:2.5px solid var(--edge);border-radius:12px;background:var(--acc);color:#fff;font:400 15px 'Lilita One';display:flex;justify-content:space-between;align-items:center;letter-spacing:.5px}
.langsel{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lbtn{display:flex;align-items:center;gap:10px;padding:12px;border:2.5px solid var(--edge);border-radius:18px;background:var(--surface);box-shadow:0 4px 0 var(--edge);cursor:pointer;font:400 18px 'Lilita One';text-align:left}
.lbtn .lt{width:44px;height:44px;border-radius:12px;border:2.5px solid var(--edge);background:var(--acc);color:#fff;display:grid;place-items:center;font:400 18px 'Lilita One';flex:none}
.lbtn small{display:block;font:700 12px 'Nunito';color:var(--ink-2)}
.lbtn[aria-pressed=true]{background:var(--acc-soft);outline:4px solid var(--acc);outline-offset:1px}
.gcard.locked{opacity:.62;cursor:not-allowed;background:var(--bg-2);box-shadow:none}
.gcard .gm{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px;font-size:12px;font-weight:800;color:var(--ink-2);align-items:center}
.gcard .gm .gp{display:inline-flex;align-items:center;gap:3px;color:var(--ink)}
.gcard .gm .gp svg{width:15px;height:15px}
.diff{letter-spacing:1px;color:var(--coral);font-size:11px}
.rotdots{display:inline-flex;gap:3px;vertical-align:middle}
.rotdots i{width:9px;height:9px;border-radius:50%;border:2px solid var(--edge);background:var(--surface)}
.rotdots i.on{background:var(--sun)}
.rotinfo{display:block;font-size:12px;font-weight:800;margin-top:4px}
.rotinfo.lock{color:var(--coral)}
.bosscard{display:flex;gap:12px;align-items:center;padding:12px;margin:14px 0 0;background:var(--plum-soft)}
.bosscard.urgent{background:var(--coral-soft)}
.bosscard.won{background:var(--grass-soft)}
.bosscard b{display:block;font:400 17px 'Lilita One';margin-top:4px}
.bosscard .m{font-size:12.5px;color:var(--ink-2);font-weight:700;line-height:1.3;display:block}
.bosscard .bc-art{flex:none}
.bosscard .bc-art svg{display:block}

/* ===== thème adulte (accueil seulement) ===== */
.app.adult{--bg:#F4F5F7;--surface:#FFFFFF;--surface-2:#ECEFF3;--ink:#10141A;--ink-2:#5A6573;--edge:#D8DCE3;--line:#E3E6EB;--sun:#B7791F;--on-sun:#FFFFFF;--grass:#0E7C66;--grass-soft:#DDF2EC;--coral:#C2412D;--coral-soft:#FBE4DF;--sky:#2B5FD9;--sky-soft:#E3EBFB;--amber:#C25A0A;--amber-soft:#FBE9D8;--plum:#5B4BC4;--plum-soft:#E9E6FA;font-family:'Plus Jakarta Sans','Nunito',system-ui,sans-serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .app.adult{--bg:#0F1216;--surface:#171B21;--surface-2:#1F242C;--ink:#EEF1F5;--ink-2:#98A3B3;--edge:#2A313B;--line:#232932;--sun:#E5B25D;--on-sun:#1A1306;--grass:#4FD1B0;--grass-soft:#12332B;--coral:#FF8A78;--coral-soft:#3A1F1A;--sky:#7DB2FF;--sky-soft:#16253F;--amber:#FFB070;--amber-soft:#3A2813;--plum:#A99BFF;--plum-soft:#252044}}
:root[data-theme="dark"] .app.adult{--bg:#0F1216;--surface:#171B21;--surface-2:#1F242C;--ink:#EEF1F5;--ink-2:#98A3B3;--edge:#2A313B;--line:#232932;--sun:#E5B25D;--on-sun:#1A1306;--grass:#4FD1B0;--grass-soft:#12332B;--coral:#FF8A78;--coral-soft:#3A1F1A;--sky:#7DB2FF;--sky-soft:#16253F;--amber:#FFB070;--amber-soft:#3A2813;--plum:#A99BFF;--plum-soft:#252044}
.app.adult .tabbar{border-top:1px solid var(--edge);background:var(--surface)}
.app.adult .tab{font-weight:700}
.app.adult .tab[aria-current=true]{background:var(--surface-2);border:0;box-shadow:none;color:var(--ink)}
.app.adult .view{padding:22px 18px 100px}
.ad-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:10px}
.ad-head small{color:var(--ink-2);font-weight:600;font-size:13px}
.ad-head h1{font:800 25px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;margin-top:2px}
.ad-chips{display:flex;gap:8px}
.ad-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--edge);font-weight:700;font-size:14px}
.ad-chip svg{width:17px;height:17px}
.ad-hero{border-radius:28px;padding:20px 18px 18px;background:radial-gradient(110% 80% at 50% 0%,color-mix(in srgb,var(--sun) 22%,transparent),transparent 65%),var(--surface);border:1px solid var(--edge);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.ad-hero .name{font-weight:800;font-size:20px;letter-spacing:-.01em;margin-top:4px}
.ad-hero .sub{font-size:13px;color:var(--ink-2);font-weight:600;max-width:290px;line-height:1.4}
.ad-state{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.ad-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-top:14px}
.ad-g .lab{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-2);font-weight:700;margin-bottom:6px}
.ad-g .tr{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.ad-g .tr i{display:block;height:100%;border-radius:99px}
.ad-link{border:0;background:none;color:var(--ink);font:700 13px 'Plus Jakarta Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:12px}
.ad-sec{display:flex;justify-content:space-between;align-items:baseline;margin:24px 2px 10px}
.ad-sec h2{font:800 12px 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.ad-sec a{font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;background:none;border:0;padding:0;font-family:inherit}
.ad-card{background:var(--surface);border:1px solid var(--edge);border-radius:20px;padding:14px 16px}
.ad-cta{width:100%;height:58px;border-radius:18px;border:0;background:var(--sun);color:var(--on-sun);font:800 16px 'Plus Jakarta Sans',sans-serif;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;margin-top:14px}
.ad-cta .k{font-weight:600;font-size:13px;opacity:.7}
.ad-week{display:flex;gap:8px;justify-content:space-between}
.ad-day{flex:1;text-align:center;font-size:11px;color:var(--ink-2);font-weight:700}
.ad-day i{display:block;aspect-ratio:1;max-width:34px;margin:0 auto 6px;border-radius:50%;border:1.5px solid var(--edge)}
.ad-day.on i{background:var(--grass);border-color:var(--grass)}
.ad-day.today i{outline:2px solid var(--ink);outline-offset:2px}
.ad-note{font-size:13px;color:var(--ink-2);font-weight:600;margin-top:12px}
.ad-note b{color:var(--ink)}
.ad-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ad-stat{background:var(--surface);border:1px solid var(--edge);border-radius:18px;padding:12px}
.ad-stat b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em}
.ad-stat span{font-size:11.5px;color:var(--ink-2);font-weight:700}
.ad-boss{display:flex;gap:14px;align-items:center}
.ad-boss b{display:block;font-size:15px;font-weight:800}
.ad-boss div>span{font-size:13px;color:var(--ink-2);font-weight:600;line-height:1.35;display:block;margin-top:2px}
.ad-bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:10px}
.ad-bar i{display:block;height:100%;background:var(--plum)}
/* ===== thème adulte : application complète ===== */
.app.adult{--pet-edge:#1B2430}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .app.adult{--pet-edge:#07090C}}
:root[data-theme="dark"] .app.adult{--pet-edge:#07090C}
.app.adult,.app.adult *{font-family:'Plus Jakarta Sans','Nunito',system-ui,sans-serif}
.app.adult *{border-width:1px;box-shadow:none}
.app.adult .disp,.app.adult h1,.app.adult h2,.app.adult h3,.app.adult .btn,.app.adult .pill,.app.adult .step,.app.adult .step i,.app.adult .q-word,.app.adult .sec,.app.adult .recap h1,.app.adult .rcell b,.app.adult .lines .row b,.app.adult .kpi b,.app.adult .petname,.app.adult .gcard b,.app.adult .lcard h3,.app.adult .lbtn,.app.adult .lbtn .lt,.app.adult .ptitle h1,.app.adult .pcard h2,.app.adult .fface .w,.app.adult .score,.app.adult .pct,.app.adult .ticket .v,.app.adult .stepper b,.app.adult .dayh,.app.adult .srow .tm,.app.adult .item .price,.app.adult .crow b,.app.adult .langband,.app.adult .combo,.app.adult .xpfloat,.app.adult .slot,.app.adult .tile,.app.adult .opt .k,.app.adult .swhint,.app.adult .ringbox b,.app.adult .fb h3,.app.adult .avatar,.app.adult .sheet h3,.app.adult .dword .rk{font-weight:800;letter-spacing:-.005em}
.app.adult .btn{letter-spacing:0;font-size:15.5px}
.app.adult .recap h1,.app.adult .login-top h1{-webkit-text-stroke:0;text-shadow:none;color:var(--ink);font-size:30px}
.app.adult .xpfloat{-webkit-text-stroke:0;text-shadow:none}
.app.adult .login-top{background:radial-gradient(110% 90% at 50% 0%,color-mix(in srgb,var(--sun) 22%,transparent),transparent 65%),var(--surface);border-bottom:1px solid var(--edge)}
.app.adult .login-top p{color:var(--ink-2)}
.app.adult .fface{box-shadow:0 14px 30px -16px rgba(0,0,0,.45)}
.app.adult .gcard[aria-pressed=true],.app.adult .lbtn[aria-pressed=true]{outline-width:2px}
.app.adult .btn:active,.app.adult .opt:active,.app.adult .tile:active,.app.adult .item:active{transform:scale(.98)}
.app.adult .pet [stroke]:not([stroke="none"]),.app.adult svg.bossart [stroke],.app.adult .item svg [stroke]{stroke:var(--pet-edge)}
.app.adult .pet [fill="var(--edge)"]{fill:var(--pet-edge)}
.app.adult .hearts svg{stroke:var(--pet-edge)}
.app.adult .s-prog i,.app.adult .xpbar i,.app.adult .goalbar i,.app.adult .sb .t i,.app.adult .hpbar i{border-right-width:0}
.ad-bonus{padding:4px 16px}
.ad-bn{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.ad-bn:first-child{border-top:0}
.ad-bn.done{opacity:.55}
.ad-bi{width:36px;height:36px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;flex:none;color:var(--sun)}
.ad-bi svg{width:20px;height:20px}
.ad-bt{flex:1;min-width:0}
.ad-bt b{display:block;font-size:14.5px;font-weight:800}
.ad-bt span{display:block;font-size:12.5px;color:var(--ink-2);font-weight:600;margin-top:2px}
.ad-bt span.ok{color:var(--grass);font-weight:800}
.ad-bv{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:14px}
.ad-bv svg{width:16px;height:16px}
.ad-claim{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:12px;background:var(--sun);color:var(--on-sun);font:800 13px 'Plus Jakarta Sans',sans-serif;padding:9px 12px;cursor:pointer;flex:none}
.ad-claim svg{width:15px;height:15px}
.ad-lang{font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;background:var(--acc-soft);color:var(--ink);margin-right:6px}
.app.adult .seg button{border-width:0}
/* grand écran : le menu devient une colonne à gauche ; ces règles passent après le thème adulte, dont le padding écrasait la marge du contenu */
@container app (min-width:760px){
  .app.adult .view{padding:22px 24px 30px 118px}
  .app.adult .tabbar{border-top:0;border-right:1px solid var(--edge)}
  .app.adult .tab[aria-current=true]{width:100%}
}

.pw{position:relative;display:block}
.pw input{width:100%;padding-right:50px}
.pwtoggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0!important;background:none;color:var(--ink-2);cursor:pointer;display:grid;place-items:center;border-radius:12px;padding:0}
.pwtoggle[aria-pressed=true]{color:var(--ink)}
.pwtoggle svg{width:22px;height:22px}
/* écrans de connexion, d'installation et d'invitation : formulaire de largeur raisonnable, centré, sur tout écran */
.view.login{align-items:center;justify-content:center;padding-left:16px;padding-right:16px}
.app.adult .view.login{padding:24px 16px}
.view.login>.login-top,.view.login>.login-body{width:100%;max-width:400px}
.view.login>.login-top{border:1px solid var(--edge);border-radius:24px 24px 0 0;border-bottom:0}
.view.login>.login-body{border:1px solid var(--edge);border-top:0;border-radius:0 0 24px 24px;background:var(--surface)}
/* grand écran : le contenu est centré dans la zone à droite du menu, avec une largeur maximale (il ne colle plus au bord droit) */
@container app (min-width:760px){
  .app.adult .view:not(.login){padding-right:32px}
  .app.adult .view:not(.login) > *{max-width:1080px;margin-left:auto;margin-right:auto}
}
/* petits téléphones : rien ne doit dépasser de l'écran (une carte plus large que l'écran paraît collée à droite) */
.pgrid{grid-template-columns:minmax(0,1fr)}
.pcard,.chunk,.ad-card{min-width:0;overflow-wrap:anywhere}
.row{flex-wrap:wrap}
.row>div{min-width:0}
.stepper{flex-wrap:nowrap;margin-left:auto}
.stepper b{min-width:0;padding:0 4px}
@container app (min-width:760px){.pgrid{grid-template-columns:repeat(12,1fr)}}