:root{--clairine-game-bg: linear-gradient(150deg, #4f9d8b 0%, #3f7d8f 100%);--clairine-accent: #2e7d50;--clairine-accent-hover: #246340;--clairine-accent-soft: #e3f1ea;--clairine-surface: #ffffff;--clairine-surface-soft: #f4f8f6}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--clairine-surface);border-radius:var(--bordure-radius, 12px);box-shadow:var(--ombre-douce);margin-bottom:20px}.game-topbar-title{flex:1;text-align:center;min-width:0}.game-topbar-title h1,.game-topbar-title h2{margin:0;font-size:clamp(20px,4.5vw,28px);color:var(--clairine-accent);line-height:1.2}.game-topbar-subtitle{font-size:clamp(13px,3vw,16px);color:var(--couleur-texte-secondaire, #666)}@media (max-width: 480px){.game-topbar{padding:12px 14px;gap:8px;margin-bottom:14px}}@media (max-width: 560px){*:has(>.btn-retour):has(>.btn-pause){flex-wrap:wrap;justify-content:space-between;row-gap:10px}*:has(>.btn-retour):has(>.btn-pause)>:not(button){order:-1;flex-basis:100%;min-width:0}}.lumina-card{background:var(--clairine-surface);border-radius:var(--radius-lg, 16px);box-shadow:var(--ombre-douce);padding:var(--espacement-normal, 24px)}@media (max-width: 480px){.lumina-card{padding:var(--espacement-petit, 16px)}}.coco-character{position:relative}.coco-svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 72%;animation:coco-respire 3.8s ease-in-out infinite}@keyframes coco-respire{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.coco-character.coco-bond{animation:coco-bond .9s cubic-bezier(.3,.7,.4,1.4)}.coco-character.coco-tendre{animation:coco-tendre 1.3s ease-in-out}.coco-character.coco-coucou{animation:coco-coucou 1.2s ease-in-out}.coco-character.coco-regarde{animation:coco-regarde 1.7s ease-in-out}@keyframes coco-bond{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-16%) scale(1.06,.95)}55%{transform:translateY(2%) scale(.97,1.03)}78%{transform:translateY(-5%) scale(1.02,.99)}}@keyframes coco-tendre{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.04)}60%{transform:rotate(5deg) scale(1.04)}}@keyframes coco-coucou{0%,to{transform:rotate(0)}20%,60%{transform:rotate(7deg)}40%,80%{transform:rotate(-7deg)}}@keyframes coco-regarde{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg)}70%{transform:rotate(4deg)}}.coco-svg.coco-parle .coco-bouche{transform-box:fill-box;transform-origin:50% 35%;animation:coco-parle .26s ease-in-out infinite}@keyframes coco-parle{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}.coco-coeur{position:absolute;bottom:38%;font-size:20px;pointer-events:none;z-index:5;animation:coco-coeur-monte 1.5s ease-out forwards}@keyframes coco-coeur-monte{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(-90px) scale(1.1);opacity:0}}@media (prefers-reduced-motion: reduce){.coco-svg,.coco-character.coco-bond,.coco-character.coco-tendre,.coco-character.coco-coucou,.coco-character.coco-regarde,.coco-svg.coco-parle .coco-bouche{animation:none}}:root{--couleur-principale: #4CAF50;--couleur-secondaire: #FF8A00;--couleur-fond: #FAFAFA;--couleur-texte: #212121;--couleur-texte-secondaire: #666;--couleur-succes: #66BB6A;--couleur-info: #42A5F5;--couleur-blanc: #FFFFFF;--taille-bouton-mini: 80px;--taille-bouton-ideal: 100px;--taille-bouton-large: 120px;--police-famille: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--police-taille-base: clamp(18px, 3vw, 20px);--police-taille-large: clamp(20px, 4vw, 24px);--police-taille-titre: clamp(24px, 5vw, 32px);--espacement-mini: 8px;--espacement-petit: 16px;--espacement-normal: 24px;--espacement-large: 32px;--espacement-xl: 48px;--ombre-douce: 0 4px 12px rgba(0,0,0,.12);--ombre-moyenne: 0 6px 16px rgba(0,0,0,.15);--ombre-forte: 0 8px 24px rgba(0,0,0,.18);--bordure-radius: 12px;--transition-douce: all .3s ease;--transition-rapide: all .15s ease;--contraste-minimum: 4.5;--focus-width: 4px;--primary-color: var(--couleur-principale);--primary-dark: #45a049;--primary-light: #81C784;--secondary-color: var(--couleur-secondaire);--bg-primary: var(--couleur-blanc);--bg-secondary: #F5F5F5;--text-primary: var(--couleur-texte);--text-secondary: var(--couleur-texte-secondaire);--border-color: #E0E0E0;--success-color: var(--couleur-succes);--info-color: var(--couleur-info);--spacing-xs: var(--espacement-mini);--spacing-sm: var(--espacement-petit);--spacing-md: var(--espacement-normal);--spacing-lg: var(--espacement-large);--spacing-xl: var(--espacement-xl);--radius-sm: 8px;--radius-md: var(--bordure-radius);--radius-lg: 16px;--button-min-size: var(--taille-bouton-mini);--button-ideal-size: var(--taille-bouton-ideal);--button-large-size: var(--taille-bouton-large);--base-font-size: var(--police-taille-base);--large-font-size: var(--police-taille-large);--title-font-size: var(--police-taille-titre)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--police-famille);font-size:var(--police-taille-base);line-height:1.6;color:var(--couleur-texte);background-color:var(--couleur-fond);min-height:100vh;overflow-x:hidden}.skip-link{position:absolute;top:-100px;left:0;background:var(--couleur-principale);color:#fff;padding:16px 24px;text-decoration:none;font-size:18px;font-weight:600;z-index:10000}.skip-link:focus{top:0}#loading-screen{position:fixed;inset:0;background:var(--couleur-fond);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.spinner{width:64px;height:64px;border:6px solid var(--couleur-principale);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:24px;font-size:20px;color:var(--couleur-texte-secondaire)}#app{opacity:0;transition:opacity .3s ease;min-height:100vh;display:flex;flex-direction:column}#main-content,#content-area{flex:1;display:flex;flex-direction:column}#content-area>*{flex:1}#main-nav{background:var(--couleur-blanc);box-shadow:var(--ombre-douce);position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:var(--espacement-normal);display:flex;align-items:center;justify-content:space-between;gap:var(--espacement-normal)}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--couleur-principale)}.logo-icon{font-size:32px}.nav-menu{display:flex;list-style:none;gap:var(--espacement-petit)}.nav-link{display:block;padding:12px 24px;min-height:60px;display:flex;align-items:center;font-size:var(--police-taille-large);font-weight:600;color:var(--couleur-texte);text-decoration:none;border-radius:var(--bordure-radius);transition:var(--transition-douce)}.nav-link:hover,.nav-link[aria-current=page]{background:var(--couleur-principale);color:#fff}main{flex:1;max-width:1200px;margin:0 auto;padding:var(--espacement-large);width:100%}body.jeu-actif main{max-width:none;padding:0}h1{font-size:var(--police-taille-titre);color:var(--couleur-principale);margin-bottom:var(--espacement-normal)}h2{font-size:var(--police-taille-large);margin-bottom:var(--espacement-petit)}.welcome-message{font-size:var(--police-taille-large);color:var(--couleur-texte-secondaire);margin-bottom:var(--espacement-large)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--espacement-normal);margin-top:var(--espacement-large)}.game-card{background:var(--couleur-blanc);border-radius:var(--bordure-radius);overflow:hidden;box-shadow:var(--ombre-douce);transition:var(--transition-douce);display:flex;flex-direction:column;cursor:pointer;border:3px solid transparent;position:relative}.game-card:hover{transform:translateY(-8px);box-shadow:var(--ombre-forte);border-color:var(--couleur-principale)}.game-card:focus,.game-card:focus-within{outline:4px solid var(--couleur-principale);outline-offset:2px}.game-card>.game-icon{font-size:72px;margin-bottom:var(--espacement-petit);padding:var(--espacement-normal);text-align:center}.game-card>.game-title{font-size:var(--police-taille-large);font-weight:700;color:var(--couleur-texte);margin-bottom:var(--espacement-mini);padding:0 var(--espacement-normal);text-align:center}.game-card>.game-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;margin-bottom:var(--espacement-petit);margin-left:auto;margin-right:auto}.game-card-visual{position:relative;background:linear-gradient(135deg,#f5f5f5,#e8f5e9);height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-card-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent);pointer-events:none}.game-card-icon{font-size:100px;z-index:1;transition:transform .3s ease}.game-card:hover .game-card-icon{transform:scale(1.1) rotate(5deg)}.game-card-content{padding:var(--espacement-normal);flex:1;display:flex;flex-direction:column}.game-card-title{font-size:var(--police-taille-large);font-weight:700;color:var(--couleur-texte);margin-bottom:8px}.game-card-benefit{font-size:14px;color:var(--couleur-texte-secondaire);margin-bottom:var(--espacement-petit);line-height:1.4}.game-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--espacement-petit);padding:8px 0;border-top:1px solid #f0f0f0;padding-top:var(--espacement-petit)}.game-card-duration{font-size:13px;color:var(--couleur-texte-secondaire);display:flex;align-items:center;gap:4px}.game-card-stats{font-size:13px;color:var(--couleur-principale);font-weight:600;display:flex;align-items:center;gap:4px}.game-card-difficulty{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;margin-bottom:var(--espacement-petit)}.btn-jouer{min-width:var(--taille-bouton-mini);min-height:var(--taille-bouton-mini);padding:16px 32px;font-size:var(--police-taille-large);font-weight:700;color:#fff;background:var(--couleur-principale);border:none;border-radius:var(--bordure-radius);cursor:pointer;transition:var(--transition-douce);box-shadow:var(--ombre-douce)}.btn-jouer:hover{background:#45a049;transform:translateY(-2px);box-shadow:var(--ombre-moyenne)}.btn-jouer:active{transform:translateY(0)}.feedback-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.feedback-content{background:#fff;padding:var(--espacement-xl);border-radius:var(--bordure-radius);box-shadow:var(--ombre-forte);text-align:center;max-width:600px;animation:slideUp .3s ease}.feedback-icon{font-size:96px;display:block;margin-bottom:var(--espacement-normal)}.feedback-message{font-size:var(--police-taille-titre);font-weight:700;color:var(--couleur-principale)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--espacement-xl);background:var(--couleur-blanc);border-radius:var(--bordure-radius);box-shadow:var(--ombre-douce);margin-top:var(--espacement-large)}.info-message{font-size:var(--police-taille-large);color:var(--couleur-texte-secondaire)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:101;position:relative}.hamburger-icon{display:block;width:30px;height:3px;background:var(--couleur-principale);position:relative;transition:var(--transition-douce);border-radius:3px}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:30px;height:3px;background:var(--couleur-principale);border-radius:3px;transition:var(--transition-douce)}.hamburger-icon:before{top:-10px}.hamburger-icon:after{top:10px}.menu-toggle[aria-expanded=true] .hamburger-icon{background:transparent}.menu-toggle[aria-expanded=true] .hamburger-icon:before{transform:rotate(45deg);top:0}.menu-toggle[aria-expanded=true] .hamburger-icon:after{transform:rotate(-45deg);top:0}@media (max-width: 768px){.nav-container{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:8px;flex-wrap:wrap}.logo{font-size:20px}.logo-icon{font-size:24px}.menu-toggle{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.nav-menu{display:none;width:100%;flex-direction:column;gap:8px;margin-top:8px;order:3}.nav-menu.mobile-menu-open{display:flex;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{min-height:56px;font-size:18px;padding:12px 20px;justify-content:center;text-align:center;border:2px solid var(--couleur-principale)}.nav-link:not([aria-current=page]){background:#fff;color:var(--couleur-principale)}.games-grid{grid-template-columns:1fr}main{padding:16px}}body.mode-nuit #main-nav{background:#16213e;box-shadow:0 4px 12px #0000004d}body.mode-nuit .logo{color:#81c784}body.mode-nuit .nav-link{color:#eaeaea}body.mode-nuit .nav-link:hover,body.mode-nuit .nav-link[aria-current=page]{background:var(--primary-color);color:#fff}body.mode-nuit .hamburger-icon,body.mode-nuit .hamburger-icon:before,body.mode-nuit .hamburger-icon:after{background:#81c784}body.mode-nuit .menu-toggle[aria-expanded=true] .hamburger-icon{background:transparent}body.mode-nuit .game-card{background:#16213e;color:#eaeaea;border:2px solid #0f3460}body.mode-nuit .game-card:hover{box-shadow:0 8px 24px #0006;border-color:var(--primary-color)}body.mode-nuit .game-title{color:#eaeaea}body.mode-nuit .welcome-message{color:#aaa}body.mode-nuit h1,body.mode-nuit h2{color:#81c784}body.mode-nuit #loading-screen{background:#1a1a2e}body.mode-nuit .loading-text{color:#aaa}body.mode-nuit .spinner{border-color:#81c784;border-top-color:transparent}body.mode-nuit .feedback-overlay{background:#000000d9}body.mode-nuit .feedback-content{background:#16213e;color:#eaeaea}body.mode-nuit .feedback-message{color:#81c784}body.mode-nuit .placeholder{background:#16213e;color:#eaeaea}body.mode-nuit .info-message{color:#aaa}@media (max-width: 768px){body.mode-nuit .nav-link:not([aria-current=page]){background:#16213e;color:#81c784;border-color:#0f3460}}@media print{#main-nav,.feedback-overlay{display:none!important}}.btn-therapeutique{min-width:var(--taille-bouton-mini, 80px);min-height:var(--taille-bouton-mini, 80px);padding:16px 24px;font-family:var(--police-famille);font-size:var(--police-taille-large, 20px);font-weight:700;text-align:center;background:var(--couleur-principale, #4CAF50);color:#fff;border:none;border-radius:var(--bordure-radius, 12px);box-shadow:var(--ombre-douce);cursor:pointer;transition:var(--transition-douce);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.btn-therapeutique:hover{background:#45a049;transform:translateY(-2px);box-shadow:var(--ombre-moyenne)}.btn-therapeutique:active{transform:translateY(0);box-shadow:var(--ombre-douce)}.btn-therapeutique:focus{outline:var(--focus-width, 4px) solid var(--couleur-principale);outline-offset:2px}.btn-therapeutique:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondaire{background:var(--couleur-secondaire, #FF8A00)}.btn-secondaire:hover{background:#fb8c00}.btn-large{min-width:var(--taille-bouton-large, 120px);min-height:var(--taille-bouton-large, 120px);font-size:24px}.btn-primary{background:var(--primary-color);color:#fff;border:none;min-width:var(--taille-bouton-mini, 80px);min-height:var(--taille-bouton-mini, 80px);padding:16px 24px;font-size:var(--police-taille-large, 20px);font-weight:700;border-radius:var(--bordure-radius, 12px);cursor:pointer;transition:var(--transition-douce)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--ombre-moyenne)}.btn-primary:focus{outline:var(--focus-width, 4px) solid var(--primary-color);outline-offset:2px}.btn-secondary{background:#fff;color:var(--text-primary);border:3px solid var(--border-color);min-width:var(--taille-bouton-mini, 80px);min-height:var(--taille-bouton-mini, 80px);padding:16px 24px;font-size:var(--police-taille-large, 20px);font-weight:600;border-radius:var(--bordure-radius, 12px);cursor:pointer;transition:var(--transition-douce)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--ombre-douce)}.btn-secondary:focus{outline:var(--focus-width, 4px) solid var(--primary-color);outline-offset:2px}.btn-danger{background:#f44336;color:#fff;border:none;min-width:var(--taille-bouton-mini, 80px);min-height:var(--taille-bouton-mini, 80px);padding:16px 24px;font-size:var(--police-taille-large, 20px);font-weight:600;border-radius:var(--bordure-radius, 12px);cursor:pointer;transition:var(--transition-douce)}.btn-danger:focus{outline:var(--focus-width, 4px) solid #f44336;outline-offset:2px}.message-encouragement{padding:var(--espacement-normal);background:var(--couleur-succes, #66BB6A);color:#fff;border-radius:var(--bordure-radius);text-align:center;font-size:var(--police-taille-large);font-weight:600;box-shadow:var(--ombre-douce);animation:slideInDown .4s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-info{background:var(--couleur-info, #42A5F5)}.message-doux{background:var(--couleur-secondaire, #FFA726)}.carte-senior{background:var(--couleur-blanc, #FFFFFF);border-radius:var(--bordure-radius);padding:var(--espacement-large);box-shadow:var(--ombre-douce);transition:var(--transition-douce)}.carte-senior:hover{box-shadow:var(--ombre-moyenne)}.input-senior{min-height:60px;padding:16px 20px;font-size:var(--police-taille-large);border:3px solid #E0E0E0;border-radius:var(--bordure-radius);background:#fff;color:var(--couleur-texte);transition:var(--transition-douce)}.input-senior:focus{outline:none;border-color:var(--couleur-principale);box-shadow:0 0 0 3px #4caf5033}.input-senior::placeholder{color:var(--couleur-texte-secondaire);opacity:.7}.label-senior{display:block;font-size:var(--police-taille-large);font-weight:600;color:var(--couleur-texte);margin-bottom:var(--espacement-mini)}.icon-large{font-size:72px;line-height:1;display:inline-block}.icon-xl{font-size:96px}*:focus-visible{outline:4px solid var(--couleur-principale)!important;outline-offset:2px}body.keyboard-navigation *:focus{outline:4px solid var(--couleur-principale)!important;outline-offset:2px}@keyframes pulse-doux{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animation-pulse{animation:pulse-doux 2s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animation-fade-in{animation:fade-in .5s ease}.espacement-mini{margin:var(--espacement-mini)}.espacement-normal{margin:var(--espacement-normal)}.espacement-large{margin:var(--espacement-large)}.padding-mini{padding:var(--espacement-mini)}.padding-normal{padding:var(--espacement-normal)}.padding-large{padding:var(--espacement-large)}@media (prefers-contrast: high){:root{--couleur-texte: #000000;--couleur-fond: #FFFFFF;--contraste-minimum: 7}.btn-therapeutique{border:3px solid #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.btn-therapeutique{min-width:100px;min-height:100px;font-size:22px}.icon-large{font-size:64px}}@media (min-width: 1024px){.btn-therapeutique{min-width:100px;min-height:100px}.btn-large{min-width:140px;min-height:140px}}.text-large{font-size:var(--police-taille-large)}.text-xl{font-size:var(--police-taille-titre)}.text-center{text-align:center}.text-encourage{color:var(--couleur-succes);font-weight:700}.bg-doux{background-color:var(--couleur-fond)}.shadow-doux{box-shadow:var(--ombre-douce)}.rounded{border-radius:var(--bordure-radius)}.no-select{user-select:none;-webkit-user-select:none}body.mode-nuit .btn-therapeutique,body.mode-nuit .btn-primary{background:var(--primary-color);color:#fff}body.mode-nuit .btn-therapeutique:hover,body.mode-nuit .btn-primary:hover{background:var(--primary-dark)}body.mode-nuit .btn-secondary:hover{background:#0f3460;border-color:var(--primary-color)}body.mode-nuit .btn-danger{background:#f44336;color:#fff}body.mode-nuit .btn-danger:hover{background:#d32f2f}body.mode-nuit .message-encouragement{background:var(--primary-color);color:#fff}body.mode-nuit .message-info{background:#1976d2;color:#fff}body.mode-nuit .message-doux{background:#f57c00;color:#fff}body.mode-nuit .carte-senior{background:#16213e;color:#eaeaea;border:2px solid #0f3460}body.mode-nuit .carte-senior:hover{box-shadow:0 6px 16px #0006}body.mode-nuit .input-senior{background:#16213e;color:#eaeaea;border-color:#0f3460}body.mode-nuit .input-senior:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #81c7844d}body.mode-nuit .input-senior::placeholder{color:#aaa}body.mode-nuit .label-senior{color:#eaeaea}body.mode-nuit .text-encourage{color:#81c784}body.mode-nuit .bg-doux{background-color:#1a1a2e}.dashboard-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:var(--espacement-xl);border-radius:var(--bordure-radius);margin-bottom:var(--espacement-xl);box-shadow:var(--ombre-douce);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(20px)}}.dashboard-header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:var(--espacement-large);flex-wrap:wrap}.dashboard-greeting{flex:1;min-width:250px}.greeting-text{font-size:var(--police-taille-titre);font-weight:700;margin-bottom:var(--espacement-petit);display:flex;align-items:center;gap:12px}.greeting-emoji{font-size:40px;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.greeting-subtext{font-size:var(--police-taille-large);opacity:.95;color:#ffffffe6}.dashboard-datetime{background:#fff3;padding:var(--espacement-normal);border-radius:8px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);min-width:200px;text-align:center}.datetime-date{font-size:var(--police-taille-large);font-weight:600;margin-bottom:8px;display:block}.datetime-time{font-size:32px;font-weight:700;font-family:Monaco,Courier New,monospace;letter-spacing:2px}.datetime-period{display:block;font-size:14px;opacity:.85;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--espacement-normal);margin-bottom:var(--espacement-xl)}.stat-card{background:var(--couleur-blanc);padding:var(--espacement-normal);border-radius:var(--bordure-radius);text-align:center;box-shadow:var(--ombre-douce);transition:var(--transition-douce);border-left:4px solid var(--couleur-principale)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--ombre-moyenne)}.stat-icon{font-size:36px;margin-bottom:8px;display:block}.stat-label{font-size:14px;color:var(--couleur-texte-secondaire);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.stat-value{font-size:clamp(22px,5vw,28px);font-weight:700;color:var(--couleur-principale);line-height:1.1;overflow-wrap:anywhere}.dashboard-suggestions{margin-bottom:var(--espacement-xl)}.suggestions-title{font-size:var(--police-taille-large);font-weight:700;color:var(--couleur-principale);margin-bottom:var(--espacement-normal);display:flex;align-items:center;gap:12px}.suggestions-subtitle{font-size:var(--police-taille-base);color:var(--couleur-texte-secondaire);margin-bottom:var(--espacement-normal)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--espacement-normal)}.suggestion-badge{background:var(--couleur-blanc);color:var(--couleur-texte);padding:var(--espacement-normal);border-radius:var(--bordure-radius);text-align:center;cursor:pointer;transition:var(--transition-douce);box-shadow:var(--ombre-douce);display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid transparent;border-bottom:4px solid var(--couleur-secondaire)}.suggestion-badge:hover{transform:translateY(-4px);box-shadow:var(--ombre-moyenne);border-color:var(--couleur-secondaire)}.suggestion-icon{font-size:40px;margin-bottom:4px}.suggestion-text{font-size:var(--police-taille-base);font-weight:600;color:var(--couleur-texte)}.dashboard-games{margin-top:var(--espacement-xl)}.games-section-title{font-size:var(--police-taille-large);font-weight:700;color:var(--couleur-principale);margin-bottom:var(--espacement-normal);display:flex;align-items:center;gap:12px}.games-grid-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--espacement-large)}.game-card-button{width:100%;padding:var(--espacement-normal);font-size:var(--police-taille-large);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--couleur-principale) 0%,#45a049 100%);border:none;border-radius:8px;cursor:pointer;transition:var(--transition-douce);box-shadow:0 4px 8px #4caf504d;min-height:60px;margin-top:auto}.game-card-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066}.game-card-button:active{transform:translateY(0)}.dashboard-achievements{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);padding:var(--espacement-large);border-radius:var(--bordure-radius);margin-bottom:var(--espacement-xl);border-left:6px solid var(--couleur-principale)}.achievements-title{font-size:var(--police-taille-large);font-weight:700;color:var(--couleur-principale);margin-bottom:var(--espacement-normal);display:flex;align-items:center;gap:12px}.achievements-grid{display:flex;gap:var(--espacement-normal);flex-wrap:wrap}.achievement-badge{background:#fff;padding:var(--espacement-normal);border-radius:8px;text-align:center;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;align-items:center;gap:8px}.achievement-icon{font-size:32px}.achievement-text{font-size:13px;font-weight:600;color:var(--couleur-texte)}.dashboard-companion-widget{background:#fff3;padding:12px;border-radius:50px;display:flex;align-items:center;gap:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .2s ease}.dashboard-companion-widget:hover{transform:scale(1.05);background:#ffffff4d}.companion-avatar{position:relative;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a}.companion-emoji{font-size:36px}.companion-status-indicator{position:absolute;bottom:0;right:0;width:16px;height:16px;background:#4caf50;border:2px solid white;border-radius:50%}.companion-avatar.fatigue .companion-emoji{filter:grayscale(.4) brightness(.9);animation:sleep-breath 4s infinite ease-in-out;opacity:.8;display:inline-block}.companion-avatar.fatigue:after{content:"💤";position:absolute;top:-10px;right:-10px;font-size:24px;animation:floatUp 3s infinite}.companion-avatar.triste .companion-emoji{filter:sepia(.5) hue-rotate(190deg) saturate(.8);transform:scale(.95) translateY(5px);display:inline-block}.companion-avatar.affame .companion-emoji{animation:pulse-hunger 1s infinite ease-in-out;display:inline-block}.companion-avatar.heureux .companion-emoji{filter:brightness(1.1);animation:bounce 2s infinite ease-in-out;display:inline-block}@keyframes sleep-breath{0%,to{transform:scale(1)}50%{transform:scale(1.02) translateY(2px)}}@keyframes pulse-hunger{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(1.2);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}body.mode-nuit .stat-card{background:#16213e;color:#eaeaea;border-left-color:#81c784}body.mode-nuit .stat-value{color:#81c784}body.mode-nuit .game-card-enhanced{background:#16213e;border:3px solid #0f3460}body.mode-nuit .game-card-visual{background:linear-gradient(135deg,#0f3460,#16213e)}body.mode-nuit .game-card-title{color:#eaeaea}body.mode-nuit .game-card-benefit{color:#aaa}body.mode-nuit .game-card-meta{border-top-color:#0f3460}body.mode-nuit .suggestion-badge{background:linear-gradient(135deg,#e65100,#bf360c)}body.mode-nuit .dashboard-achievements{background:linear-gradient(135deg,#1b5e20,#0d3818);border-left-color:#81c784}body.mode-nuit .achievement-badge{background:#16213e;color:#eaeaea}.companion-avatar{font-size:80px;background:#fff;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--ombre-moyenne);border:4px solid white}.companion-header{display:flex;justify-content:space-between;align-items:center}.companion-mood{display:flex;align-items:center;gap:8px;background:#fff;padding:4px 12px;border-radius:20px;box-shadow:0 2px 4px #0000000d}.companion-message{position:relative}.companion-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-icon{font-size:24px}@keyframes popIn{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.pop-in{animation:popIn .3s ease-out}.header-companion-widget{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px 16px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;min-width:280px}.header-coco-container{display:flex;align-items:center;gap:12px;width:100%}.header-coco-avatar{font-size:32px;background:#ffffff4d;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .2s ease;box-shadow:0 2px 5px #0000001a}.header-coco-avatar:hover{transform:scale(1.1);background:#ffffff80}.header-coco-avatar.amoureux{animation:heartbeat 1.5s infinite}.header-coco-avatar.fete{animation:shake .8s infinite}.header-coco-content{flex:1;display:flex;flex-direction:column;gap:4px}.header-coco-top{display:flex;align-items:center;justify-content:space-between}.coco-name{font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.coco-mini-mood{width:60px;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.mini-mood-fill{height:100%;background:#ff4081;border-radius:3px;transition:width .5s ease}.header-coco-actions{display:flex;gap:8px}.coco-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid white;display:none}.coco-status-dot.hungry{display:block;background-color:#ff9800}.coco-dialogue-container{flex:1;display:flex;align-items:flex-start;gap:20px;min-width:300px}.coco-avatar-large{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:transform .3s ease;position:relative}.coco-avatar-large:hover{transform:scale(1.05) rotate(5deg)}.coco-avatar-large.amoureux{animation:heartbeat 1.5s infinite}.coco-avatar-large.fete{animation:shake .8s infinite}.coco-avatar-large.malade{filter:hue-rotate(90deg)}.coco-speech-bubble{background:#fff;padding:15px 20px;border-radius:0 20px 20px;position:relative;box-shadow:0 4px 15px #0000001a;max-width:500px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.coco-speech-bubble:before{content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-top:15px solid white;border-left:15px solid transparent}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.coco-message-text{font-size:1.2rem;color:#2c3e50;margin:0 0 12px;line-height:1.4;font-weight:500}.coco-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.action-pill{background:#f0f2f5;border:none;padding:6px 12px;border-radius:20px;font-size:.9rem;color:#555;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px;font-weight:600}.action-pill:hover{background:#e3f2fd;color:#1976d2;transform:translateY(-2px)}@media (max-width: 768px){.dashboard-header-content{flex-direction:column;align-items:stretch}.header-companion-widget{order:2;margin:10px 0;min-width:0}.dashboard-datetime{order:3;min-width:0}.coco-dialogue-container{flex-direction:column;align-items:center;text-align:center;min-width:0}.coco-speech-bubble{border-radius:20px;width:100%;max-width:420px}.coco-speech-bubble:before{top:-10px;left:50%;transform:translate(-50%);border-top:none;border-bottom:15px solid white;border-left:10px solid transparent;border-right:10px solid transparent}.coco-quick-actions{justify-content:center}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--espacement-petit);margin-bottom:var(--espacement-normal)}.dashboard-stats .stat-card{padding:var(--espacement-petit)}.dashboard-stats .stat-icon{font-size:26px;margin-bottom:4px}.dashboard-stats .stat-label{font-size:12px;margin-bottom:2px}.dashboard-stats .stat-value{font-size:clamp(20px,6vw,24px)}}.settings-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .3s ease-in-out}.settings-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--primary-color)}.settings-header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:700}.settings-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 12px #0000001a;border:2px solid var(--border-color)}.settings-section h2{font-size:1.8rem;color:var(--primary-color);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-light);display:flex;align-items:center;gap:var(--spacing-sm)}.setting-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid transparent;transition:all .3s ease}.setting-item:hover{border-color:var(--primary-light);box-shadow:0 2px 8px #4caf5026}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:var(--spacing-sm)}.setting-label{display:block;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.setting-description{display:block;font-size:1rem;color:var(--text-secondary);font-style:italic}.setting-select{width:100%;padding:var(--spacing-md);font-size:1.1rem;border:3px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-height:60px;font-weight:500}.setting-select:hover{border-color:var(--primary-color)}.setting-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #4caf5033}.setting-select option{padding:var(--spacing-md);font-size:1.1rem}.setting-toggle{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-sm)}.setting-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:80px;height:44px;background-color:#ccc;border-radius:44px;transition:background-color .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:36px;height:36px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:transform .3s ease}.setting-toggle input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary-color)}.setting-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(36px)}.setting-toggle input[type=checkbox]:focus+.toggle-slider{box-shadow:0 0 0 4px #4caf504d}.setting-slider{width:100%;height:12px;border-radius:12px;background:linear-gradient(to right,#ddd 0%,var(--primary-color) 100%);outline:none;cursor:pointer;-webkit-appearance:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:4px solid white;box-shadow:0 2px 8px #0003;transition:all .3s ease}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.setting-slider::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:4px solid white;box-shadow:0 2px 8px #0003;transition:all .3s ease}.setting-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.setting-slider:focus{outline:4px solid rgba(76,175,80,.3)}.settings-footer{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.settings-footer button{min-width:200px;padding:var(--spacing-lg) var(--spacing-xl);font-size:1.3rem;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;border:3px solid transparent}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #4caf504d}.btn-secondary{background:#fff;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.btn-primary:focus,.btn-secondary:focus{outline:none;box-shadow:0 0 0 4px #4caf504d}.settings-info{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#e3f2fd,#e8f5e9);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.settings-info p{margin:0;font-size:1.1rem;color:var(--text-primary);line-height:1.6}body.mode-nuit{background:#1a1a2e;color:#eaeaea}body.mode-nuit .settings-section,body.mode-nuit .setting-item,body.mode-nuit .setting-select{background:#16213e;color:#eaeaea;border-color:#0f3460}body.mode-nuit .settings-header{border-bottom-color:#4caf50}body.mode-nuit .settings-section h2{color:#81c784;border-bottom-color:#388e3c}body.mode-nuit .setting-label{color:#eaeaea}body.mode-nuit .setting-description{color:#aaa}body.mode-nuit .btn-secondary{background:#16213e;color:#eaeaea;border-color:#0f3460}body.mode-nuit .btn-secondary:hover{background:#0f3460;border-color:#4caf50}body.mode-nuit .settings-info{background:linear-gradient(135deg,#1e3a5f,#1e5631);border-left-color:#81c784}@media (max-width: 768px){.settings-container{padding:var(--spacing-md)}.settings-header h1{font-size:2rem}.settings-section h2{font-size:1.5rem}.settings-footer{flex-direction:column}.settings-footer button{min-width:100%}}.settings-section{animation:fadeIn .4s ease-in-out}.settings-section:nth-child(2){animation-delay:.1s}.settings-section:nth-child(3){animation-delay:.2s}.settings-section:nth-child(4){animation-delay:.3s}.settings-section:nth-child(5){animation-delay:.4s}*:focus{outline:4px solid rgba(76,175,80,.5);outline-offset:2px}@media (prefers-contrast: high){.setting-select,.toggle-slider,.setting-slider{border-width:4px}.settings-section{border-width:3px}}body.anim-lentes *,body.anim-lentes *:before,body.anim-lentes *:after{animation-duration:1.8s!important;transition-duration:.6s!important}body.anim-rapides *,body.anim-rapides *:before,body.anim-rapides *:after{animation-duration:.6s!important;transition-duration:.12s!important}.progress-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .3s ease-in-out}.progress-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--primary-color)}.progress-header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:700}.progress-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 4px 12px #0000001a;border:3px solid transparent;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.stat-icon{font-size:3rem;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-primary{border-color:var(--primary-color)}.stat-primary .stat-value{color:var(--primary-color)}.stat-success{border-color:#4caf50}.stat-success .stat-value{color:#4caf50}.stat-warning{border-color:#ff9800}.stat-warning .stat-value{color:#ff9800}.stat-info{border-color:#2196f3}.stat-info .stat-value{color:#2196f3}.progress-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.progress-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 12px #0000001a;border:2px solid var(--border-color)}.progress-section h2{font-size:1.8rem;color:var(--primary-color);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-light)}.chart-container{padding:var(--spacing-lg) 0}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:var(--spacing-sm);height:250px;padding:var(--spacing-md);background:linear-gradient(to top,rgba(76,175,80,.05) 0%,transparent 100%);border-radius:var(--radius-md)}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.bar-wrapper{width:100%;display:flex;align-items:flex-end;justify-content:center;height:200px}.bar{width:80%;max-width:60px;background:linear-gradient(to top,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all .3s ease;cursor:pointer;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:40px}.bar:hover{transform:scaleY(1.05);box-shadow:0 4px 12px #4caf504d}.bar-value{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bar-label{font-size:1rem;color:var(--text-primary);font-weight:600;text-align:center}.games-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.game-stat-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);border:2px solid var(--border-color);transition:all .3s ease}.game-stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #4caf5026}.game-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.game-stat-header h3{font-size:1.3rem;color:var(--text-primary);margin:0}.game-stat-badge{background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.game-stat-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.game-stat-item{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.game-stat-item .label{color:var(--text-secondary)}.game-stat-item .value{font-weight:700;color:var(--primary-color)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.achievement-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);border:2px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease;position:relative}.achievement-card.unlocked{border-color:var(--primary-color);background:linear-gradient(135deg,#e8f5e9,#f1f8e9)}.achievement-card.locked{opacity:.5;filter:grayscale(100%)}.achievement-card:hover.unlocked{transform:scale(1.05);box-shadow:0 6px 16px #4caf5033}.achievement-icon{font-size:2.5rem;flex-shrink:0}.achievement-content{flex:1}.achievement-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.achievement-desc{font-size:.95rem;color:var(--text-secondary)}.achievement-check{position:absolute;top:8px;right:8px;width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.progress-encouragement{background:linear-gradient(135deg,#e3f2fd,#e8f5e9);border-radius:var(--radius-lg);padding:0;border:3px solid var(--primary-color);box-shadow:0 6px 20px #4caf5033}.encouragement-box{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)}.encouragement-icon{font-size:4rem;flex-shrink:0}.encouragement-text{font-size:1.3rem;line-height:1.6;color:var(--text-primary);font-weight:600;margin:0}.progress-footer{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.progress-footer button{min-width:200px;padding:var(--spacing-lg) var(--spacing-xl);font-size:1.2rem;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;border:3px solid transparent}.btn-danger{background:#f44336;color:#fff;border-color:#f44336}.btn-danger:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 6px 16px #f443364d}.progress-info{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#fff9c4,#fff59d);border-radius:var(--radius-md);border-left:4px solid #FBC02D}.progress-info p{margin:0;font-size:1rem;color:var(--text-primary);line-height:1.6}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:1.2rem;font-style:italic}@media (max-width: 768px){.progress-container{padding:var(--spacing-md)}.progress-header h1{font-size:2rem}.stats-cards{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:2.5rem}.stat-value{font-size:2rem}.bar-chart{gap:4px}.bar{width:90%}.bar-label{font-size:.85rem}.games-stats,.achievements-grid{grid-template-columns:1fr}.progress-footer{flex-direction:column}.progress-footer button{min-width:100%}.encouragement-box{flex-direction:column;text-align:center}.encouragement-text{font-size:1.1rem}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.bar-value{font-size:.85rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:fadeIn .4s ease-in-out}.stat-card:nth-child(1){animation-delay:0s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.bar{animation:growBar .6s ease-out}@keyframes growBar{0%{height:0}}.achievement-card.unlocked{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.mode-nuit .progress-section,body.mode-nuit .stat-card,body.mode-nuit .game-stat-card,body.mode-nuit .achievement-card{background:#16213e;color:#eaeaea;border-color:#0f3460}body.mode-nuit .stat-label,body.mode-nuit .game-stat-item .label,body.mode-nuit .achievement-desc{color:#aaa}body.mode-nuit .progress-encouragement{background:linear-gradient(135deg,#1e3a5f,#1e5631)}body.mode-nuit .encouragement-text{color:#eaeaea}body.mode-nuit .progress-info{background:linear-gradient(135deg,#3d3d1f,#4a4a2a);border-left-color:#fbc02d}.welcome-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;opacity:0;transition:opacity .3s ease-in-out}.welcome-modal-overlay.visible{opacity:1}.welcome-modal-content{background:#fff;border-radius:16px;padding:48px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 8px 32px #0003;transform:scale(.9) translateY(-20px);transition:transform .3s ease-out}.welcome-modal-overlay.visible .welcome-modal-content{transform:scale(1) translateY(0)}.welcome-icon{font-size:80px;line-height:1;margin-bottom:24px;animation:wave 1.5s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.welcome-title{font-size:32px;font-weight:700;color:#2e7d32;margin:0 0 20px;line-height:1.3}.welcome-message{font-size:20px;color:#424242;line-height:1.6;margin:0 0 32px}.welcome-message strong{color:#2e7d32;font-weight:600}.welcome-form{display:flex;flex-direction:column;gap:20px}.prenom-label{font-size:22px;font-weight:600;color:#2e7d32;margin-bottom:8px;text-align:left}.prenom-input{width:100%;padding:20px 24px;font-size:24px;font-weight:500;color:#212121;background:#f5f5f5;border:3px solid #E0E0E0;border-radius:12px;text-align:center;transition:all .2s ease;min-height:70px}.prenom-input:focus{outline:none;border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf5026}.prenom-input::placeholder{color:#9e9e9e;font-weight:400}.prenom-hint{font-size:16px;color:#757575;margin:-8px 0 0;text-align:center;line-height:1.5}.btn-valider-prenom{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:80px;padding:20px 32px;font-size:24px;font-weight:700;color:#fff;background:#9e9e9e;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:12px;position:relative}.btn-valider-prenom.active{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.btn-valider-prenom.active:hover{background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 6px 16px #4caf5066;transform:translateY(-3px)}.btn-valider-prenom.active:active{transform:translateY(0);box-shadow:0 2px 8px #4caf504d}.btn-icon{font-size:28px;line-height:1}.btn-text{line-height:1}.btn-valider-prenom:not(.active){cursor:not-allowed;opacity:.6}.btn-ignorer{min-height:60px;padding:16px 24px;font-size:18px;color:#757575;background:transparent;border:2px solid #E0E0E0;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-ignorer:hover{color:#424242;border-color:#bdbdbd;background:#f5f5f5}.btn-ignorer:active{background:#eee}.validation-content{padding:40px 20px}.validation-icon{font-size:100px;line-height:1;margin-bottom:24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.validation-title{font-size:36px;font-weight:700;color:#2e7d32;margin:0 0 16px;line-height:1.3}.validation-message{font-size:22px;color:#424242;line-height:1.6;margin:0}@media (max-width: 768px){.welcome-modal-content{padding:32px 24px;max-width:500px}.welcome-icon{font-size:64px}.welcome-title{font-size:28px}.welcome-message{font-size:18px}.prenom-label{font-size:20px}.prenom-input{font-size:22px;padding:18px 20px;min-height:65px}.btn-valider-prenom{font-size:22px;min-height:75px}.validation-icon{font-size:80px}.validation-title{font-size:30px}.validation-message{font-size:20px}}@media (max-width: 480px){.welcome-modal-overlay{padding:16px}.welcome-modal-content{padding:24px 20px}.welcome-title{font-size:24px}.welcome-message{font-size:16px}.prenom-input{font-size:20px;min-height:60px}.btn-valider-prenom{font-size:20px;min-height:70px}}body.mode-nuit .welcome-modal-overlay{background:#000000e6}body.mode-nuit .welcome-modal-content{background:#16213e;color:#eaeaea}body.mode-nuit .welcome-title,body.mode-nuit .validation-title{color:#81c784}body.mode-nuit .welcome-message,body.mode-nuit .validation-message{color:#eaeaea}body.mode-nuit .welcome-message strong,body.mode-nuit .prenom-label{color:#81c784}body.mode-nuit .prenom-input{background:#0f3460;color:#eaeaea;border-color:#0f3460}body.mode-nuit .prenom-input:focus{background:#1a1a2e;border-color:#4caf50;box-shadow:0 0 0 4px #81c78433}body.mode-nuit .prenom-input::placeholder{color:#aaa}body.mode-nuit .prenom-hint{color:#aaa}body.mode-nuit .btn-valider-prenom{background:#616161}body.mode-nuit .btn-valider-prenom.active{background:linear-gradient(135deg,#4caf50,#45a049)}body.mode-nuit .btn-valider-prenom.active:hover{background:linear-gradient(135deg,#45a049,#388e3c)}body.mode-nuit .btn-ignorer{color:#aaa;border-color:#0f3460}body.mode-nuit .btn-ignorer:hover{color:#eaeaea;border-color:#4caf50;background:#0f3460}body.mode-nuit .btn-ignorer:active{background:#0a2540}@media (prefers-reduced-motion: reduce){.welcome-modal-overlay,.welcome-modal-content,.welcome-icon,.validation-icon,.btn-valider-prenom{animation:none;transition:none}.welcome-icon{animation:none}}.btn-valider-prenom:focus-visible,.btn-ignorer:focus-visible,.prenom-input:focus-visible{outline:3px solid #4CAF50;outline-offset:2px}.btn-retour,.btn-pause,.btn-continuer,.btn-quitter,.btn-control,.btn-demarrer{min-width:100px;min-height:80px;padding:16px 24px;flex-shrink:0;font-family:var(--police-famille);font-size:var(--police-taille-large, 20px);font-weight:700;text-align:center;background:var(--couleur-principale, #4CAF50);color:#fff;border:none;border-radius:var(--bordure-radius, 12px);box-shadow:var(--ombre-douce);cursor:pointer;transition:var(--transition-douce);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.btn-retour:hover,.btn-pause:hover,.btn-continuer:hover,.btn-quitter:hover,.btn-control:hover,.btn-demarrer:hover{background:var(--primary-dark, #45a049);transform:translateY(-2px);box-shadow:var(--ombre-moyenne)}.btn-retour:active,.btn-pause:active,.btn-continuer:active,.btn-quitter:active,.btn-control:active,.btn-demarrer:active{transform:translateY(0);box-shadow:var(--ombre-douce)}.btn-retour:focus,.btn-pause:focus,.btn-continuer:focus,.btn-quitter:focus,.btn-control:focus,.btn-demarrer:focus{outline:4px solid var(--couleur-principale, #4CAF50);outline-offset:2px}.btn-retour{background:#f0f0f0;color:#2c3e50;border:2px solid #E0E0E0}.btn-retour:hover{background:#e8e8e8;border-color:var(--couleur-principale);color:var(--couleur-principale)}.btn-retour:focus{outline-color:var(--couleur-principale)}.btn-pause{background:#ff8a00;color:#fff}.btn-pause:hover{background:#e67e00}.btn-continuer{background:var(--couleur-principale, #4CAF50);color:#fff}.btn-continuer:hover{background:#45a049}.btn-quitter{background:#f44336;color:#fff}.btn-quitter:hover{background:#d32f2f}.btn-control{background:#42a5f5;color:#fff;min-width:80px;min-height:70px;padding:12px 20px;font-size:18px}.btn-control:hover{background:#1e88e5}.btn-demarrer{background:var(--couleur-principale, #4CAF50);color:#fff;min-width:150px;min-height:80px;font-size:22px}.btn-demarrer:hover{background:#45a049}body.mode-nuit .btn-retour{background:#2c3e50;color:#eaeaea;border-color:#1a252f}body.mode-nuit .btn-retour:hover{background:#34495e;border-color:var(--couleur-principale);color:var(--couleur-principale)}body.mode-nuit .btn-pause{background:#e67e00}body.mode-nuit .btn-pause:hover{background:#ff8a00}body.mode-nuit .btn-continuer{background:#45a049}body.mode-nuit .btn-continuer:hover{background:#4caf50}body.mode-nuit .btn-quitter{background:#d32f2f}body.mode-nuit .btn-quitter:hover{background:#f44336}body.mode-nuit .btn-control{background:#1e88e5}body.mode-nuit .btn-control:hover{background:#42a5f5}@media (max-width: 768px){.btn-retour,.btn-pause,.btn-continuer,.btn-quitter,.btn-control,.btn-demarrer{min-width:80px;min-height:70px;padding:14px 20px;font-size:18px}.btn-demarrer{min-width:120px;min-height:70px;font-size:20px}}@media (max-width: 480px){.btn-retour,.btn-pause,.btn-continuer,.btn-quitter,.btn-control{min-width:70px;min-height:60px;padding:12px 16px;font-size:16px}.btn-demarrer{min-width:100px;min-height:60px;font-size:18px}}@media (prefers-reduced-motion: reduce){.btn-retour,.btn-pause,.btn-continuer,.btn-quitter,.btn-control,.btn-demarrer{transition:none}.btn-retour:hover,.btn-pause:hover,.btn-continuer:hover,.btn-quitter:hover,.btn-control:hover,.btn-demarrer:hover{transform:none}}.btn-reecouter{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:12px 28px;margin:0 auto var(--espacement-normal, 20px);font-size:clamp(17px,2.4vw,20px);font-weight:600;color:var(--clairine-accent, #2e7d50);background:var(--clairine-surface, #fff);border:2px solid var(--clairine-accent, #2e7d50);border-radius:var(--radius-lg, 16px);cursor:pointer;transition:transform .15s ease,background .15s ease}.btn-reecouter:hover,.btn-reecouter:focus-visible{background:var(--clairine-accent-soft, #e3f1ea);transform:translateY(-2px)}.btn-reecouter:active{transform:translateY(0)}.game-instruction+.btn-reecouter{display:flex;width:fit-content}@media (prefers-reduced-motion: reduce){.btn-reecouter:hover{transform:none}}.coco-avatar{display:inline-block;transform-origin:center;animation:coco-respire 4s ease-in-out infinite;transition:filter 1s ease}.coco-avatar.coco-endormi{filter:brightness(.7) saturate(.7);animation:coco-respire-lent 6s ease-in-out infinite}@keyframes coco-respire{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes coco-respire-lent{0%,to{transform:scale(.97)}50%{transform:scale(1)}}.coco-avatar.coco-regarde-droite{transform:rotate(5deg);transition:transform .8s}.coco-avatar.coco-regarde-gauche{transform:rotate(-5deg);transition:transform .8s}.coco-avatar.coco-fete{animation:coco-bondit .6s ease-in-out 3}@keyframes coco-bondit{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.demo-banner{position:fixed;top:0;left:0;right:0;height:44px;z-index:200;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 14px;background:linear-gradient(135deg,#4caf50,#2e9e8f);color:#fff;font-size:15px}.demo-banner-text{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-banner-label-short{display:none}.demo-banner-cta{flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:700;color:#2e7d32;background:#fff;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease}.demo-banner-cta:hover{transform:scale(1.05)}body.has-demo-banner{padding-top:44px}body.has-demo-banner #main-nav{top:44px}@media (max-width: 600px){.demo-banner{font-size:13px;gap:10px}.demo-banner-label-full{display:none}.demo-banner-label-short{display:inline}}.demo-welcome-overlay,.demo-contact-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:#1e2826b8;opacity:0;transition:opacity .3s ease;overflow-y:auto}.demo-welcome-overlay.visible,.demo-contact-overlay.visible{opacity:1}.demo-welcome-card{width:100%;max-width:560px;background:#fff;border-radius:20px;padding:40px 36px;text-align:center;box-shadow:0 20px 60px #0000004d}.demo-welcome-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.demo-welcome-logo-icon{display:inline-flex;color:#4caf50}.demo-welcome-logo-icon svg{width:34px;height:34px}.demo-welcome-logo-text{font-size:30px;font-weight:800;color:#4caf50}.demo-welcome-title{font-size:30px;margin:0 0 12px;color:#2e3a38}.demo-welcome-pitch{font-size:17px;line-height:1.6;color:#5a6a66;margin:0 0 24px}.demo-welcome-question{font-size:17px;font-weight:700;color:#2e3a38;margin:0 0 14px}.demo-welcome-portes{display:flex;gap:16px;margin-bottom:20px}.demo-porte{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 14px;background:#f4f8f6;border:2px solid #e0e8e5;border-radius:16px;cursor:pointer;transition:all .2s ease}.demo-porte:hover,.demo-porte:focus-visible{border-color:#4caf50;background:#ecf7ef;transform:translateY(-3px);outline:none}.demo-porte-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:4px;border-radius:50%;background:#e4f1e6;color:#4caf50;transition:background .2s ease,color .2s ease}.demo-porte-icon svg{width:34px;height:34px}.demo-porte:hover .demo-porte-icon,.demo-porte:focus-visible .demo-porte-icon{background:#4caf50;color:#fff}.demo-porte-label{font-size:17px;font-weight:700;color:#2e3a38}.demo-porte-sub{font-size:14px;color:#7a8a86}.demo-welcome-note{font-size:13px;color:#9aa8a4;margin:0}@media (max-width: 480px){.demo-welcome-overlay{padding:16px}.demo-welcome-portes{flex-direction:column}.demo-welcome-card{padding:28px 22px;margin-bottom:16px}.demo-welcome-pitch{margin-bottom:18px}}.demo-contact-card{position:relative;width:100%;max-width:480px;background:#fff;border-radius:20px;padding:36px 32px;box-shadow:0 20px 60px #0000004d}.demo-contact-close{position:absolute;top:12px;right:16px;width:40px;height:40px;font-size:28px;line-height:1;color:#7a8a86;background:none;border:none;cursor:pointer}.demo-contact-title{margin:0 0 8px;font-size:24px;color:#2e3a38}.demo-contact-intro{font-size:15px;line-height:1.55;color:#5a6a66;margin:0 0 20px}.demo-contact-form{display:flex;flex-direction:column;gap:14px}.demo-contact-profil{border:1px solid #e0e8e5;border-radius:12px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:16px}.demo-contact-profil legend{font-size:14px;font-weight:700;color:#2e3a38;padding:0 6px}.demo-contact-profil label{font-size:15px;color:#3a4a46;display:flex;align-items:center;gap:6px;cursor:pointer}.demo-field{display:flex;flex-direction:column;gap:5px}.demo-field span{font-size:14px;font-weight:700;color:#2e3a38}.demo-field input,.demo-field textarea{padding:11px 13px;font-size:16px;font-family:inherit;border:2px solid #e0e8e5;border-radius:10px;resize:vertical}.demo-field input:focus,.demo-field textarea:focus{outline:none;border-color:#4caf50}.demo-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.demo-contact-error{margin:0;font-size:14px;color:#d84141}.demo-contact-submit{padding:14px 20px;font-size:17px;font-weight:700;color:#fff;background:#4caf50;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.demo-contact-submit:hover:not(:disabled){background:#429a46}.demo-contact-submit:disabled{opacity:.6;cursor:default}.demo-contact-success{text-align:center;padding:12px 0}.demo-contact-success-icon{font-size:56px}.demo-contact-success h2{margin:12px 0 6px;font-size:22px;color:#2e3a38}.demo-contact-success p{font-size:15px;color:#5a6a66;margin:0 0 20px}