@font-face{font-family:Kids;src:url('https://projetanodos.ca/cartes-numeriques/anodos-kids/assets/LilitaOne-Regular.ttf');font-display:swap}*{box-sizing:border-box}body{margin:0;color:#fff7e8;background:linear-gradient(#061c3970,#061c39dd),url('https://projetanodos.ca/cartes-numeriques/anodos-kids/assets/village-halloween-kids.webp') center top/100% auto no-repeat #061c39;font:16px/1.45 system-ui,sans-serif}.kids-wrap{width:min(1120px,calc(100% - 32px));margin:auto;padding-bottom:30px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0}a{color:#fff0c7}button,select,input{font:inherit}button,.home,select{min-height:42px;padding:9px 14px;border:1px solid #ebd29b;border-radius:12px;background:#17334b;color:#fff6dc;cursor:pointer}.home{font-size:13px;text-decoration:none}.kids-wrap h1{font:40px/1.15 Kids,Georgia,serif;text-align:center;color:#ffe7ad;margin:16px 0 22px}.album-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.family-nav select{max-width:100%;font-family:Kids,Georgia,serif;font-size:21px}.xp-pot{width:fit-content;margin:20px auto 10px;padding:10px 24px;background:#173f38;border:1px solid #b4e5cf;border-radius:40px;box-shadow:0 0 18px #70ffc133}.xp-pot strong{font-size:24px}.xp-pot>span{color:#fff3a0;margin-right:8px}#notice{min-height:24px;text-align:center;font-size:14px;color:#ffdfa9}#notice a{text-decoration:underline}.collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;margin:20px auto}.collection.single{max-width:790px;grid-template-columns:repeat(2,minmax(0,1fr))}.xp-card{min-width:0;padding:11px;border-radius:17px;background:#082037c9;border:1px solid #57728c55}.art{display:block;position:relative;width:100%;padding:5px;border:2px solid var(--colour);border-radius:14px;background:#071321;box-shadow:0 0 9px var(--colour),inset 0 0 6px var(--colour);isolation:isolate;min-height:0}.art::before{content:'';position:absolute;pointer-events:none;inset:-2px;border-radius:14px;border-top:2px solid #f4fdffbb;border-left:1px solid #edfaff77;box-shadow:0 -2px 3px #f1fcff66}.art::after{content:'✦';position:absolute;pointer-events:none;top:-10px;left:17%;color:#fff;font-size:19px;line-height:1;text-shadow:0 0 4px #fff,0 0 9px var(--colour);animation:snow-spark 3.8s ease-in-out infinite}.art .spark{position:absolute;right:-7px;bottom:25%;font-size:15px;color:#fff;z-index:1;pointer-events:none;text-shadow:0 0 8px var(--colour);animation:snow-spark 4.7s ease-in-out infinite reverse}.art img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:8px;filter:grayscale(var(--grey)) brightness(var(--light));transition:filter .8s}.xp-card progress{display:block;appearance:none;width:100%;height:9px;border:0;border-radius:10px;overflow:hidden;background:#08131e;margin:17px 0 8px;accent-color:var(--colour)}progress::-webkit-progress-bar{background:#08131e}progress::-webkit-progress-value{background:var(--colour);box-shadow:0 0 6px var(--colour)}progress::-moz-progress-bar{background:var(--colour)}.xp-line{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.xp-line strong{color:var(--colour)}.assign{display:block;width:100%;min-height:36px;padding:6px 8px;font-size:12px;margin-top:10px;background:#ffe3ac;color:#36200c;font-weight:750;border-color:#ffe3ac}.assign:disabled{background:#273748;color:#b8c4d0;border-color:#66768a;cursor:not-allowed}.bottom-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}.bottom-actions button{background:#a3233c}.guest-note{text-align:center;font-size:13px;max-width:650px;margin:14px auto;color:#e2d9ca}dialog{background:#0c233b;color:#fff2d4;border:1px solid #c5ab72;border-radius:18px;padding:20px;max-width:min(92vw,490px);max-height:94dvh;overflow:auto}dialog::backdrop{background:#020b18dd;backdrop-filter:blur(5px)}dialog h2{font:28px Kids,Georgia,serif}dialog .close{display:block;margin-left:auto;margin-bottom:12px}dialog label{display:block;margin:14px 0}dialog input{display:block;width:100%;padding:11px;margin-top:6px;border-radius:8px;border:1px solid #c9d6e3;background:#071627;color:#fff}dialog button[type=submit]{background:#ffe3ac;color:#361909;font-weight:700}dialog p[role=alert]{color:#ffb4ad}#auth-switch{margin:16px 0;display:block}#auth>a{font-size:13px}#zoom img{display:block;width:100%;max-height:77dvh;object-fit:contain;filter:grayscale(var(--grey)) brightness(var(--light))}#zoom img[src*='famille-7-1-']{aspect-ratio:480/655;object-fit:cover;object-position:49% center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}@keyframes snow-spark{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:700px){.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.collection.single{max-width:480px}.xp-card{padding:8px}.kids-wrap h1{font-size:32px}.home{font-size:11px;max-width:210px}.family-nav select{font-size:18px}header{gap:10px}.xp-line{font-size:11px}.album-tools button{font-size:12px}.assign{font-size:11px}.art{padding:3px}.kids-wrap{width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

body{background:linear-gradient(#21193648,#211936d9),url("https://projetanodos.ca/cartes-numeriques/anodos-kids/assets/village-halloween-kids.webp") center top/cover fixed #211936}.xp-card{background:#281b3bc9}.art{background:#181021}.art::before{border-color:#ffe6ad44;box-shadow:none}.kids-wrap h1{color:#ffd481;text-shadow:0 3px #4c2769}button,.home,select{background:#422451}.assign{background:#ffd485;color:#341d0c}.assign:disabled{background:#34293c;color:#d2c7d5}.bottom-actions button{background:#5b326d}dialog{background:#241831}.family-nav{max-width:100%}

.mystery-card .art img{background:#000;filter:none;opacity:.7}.mystery-card .art{background:#000}.mystery-card .assign{white-space:normal;text-wrap:balance}
