:root{color-scheme:light;--ink:#27344b;--paper:#f7e9c9;--gold:#edbd4e;--panel:#f7e9c9f0;--card:#faedcf;--text:#27344b}*{box-sizing:border-box}html{min-height:100%;background:#304857}body{margin:0;min-height:100vh;color:var(--text);font:14px "Trebuchet MS",system-ui,sans-serif;background:linear-gradient(#304857b5,#304857c9),url('shared/village-camp.svg') center/cover fixed}header{min-height:50px;display:flex;align-items:center;gap:15px;padding:8px 24px;background:#344e64;border-bottom:3px solid #1e3044;color:#fff0cb}.brand{font-weight:900;font-size:15px;letter-spacing:1.4px;color:#fff0cb;text-decoration:none}.header-title{font-weight:900;color:#edbd4e;font-size:15px;border-left:2px solid #79c1c4;padding-left:15px}button,select,input{font:inherit;color:var(--ink);border:2px solid var(--ink);border-radius:7px 10px 6px 9px;padding:7px 10px;background:#fff3d9}button{cursor:pointer;box-shadow:0 2px 0 #182d40;font-weight:900}#themeToggle{margin-left:auto;background:#9c7ab6;color:#fff3dd}main{max-width:1500px;margin:auto;padding:12px 22px}.welcome{display:flex;align-items:center;justify-content:space-between;color:#fff1d0;padding:3px 9px 9px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#e8c981;margin:0 0 5px}h1{font-size:clamp(25px,3vw,37px);margin:0;text-shadow:2px 2px #25344a}h1 em{color:#edbd4e;font-style:normal}.welcome p:last-child{margin:5px 0 0;font-size:12px;color:#e4e6d0}.hero-art{width:74px;height:74px;transform:rotate(8deg);filter:drop-shadow(3px 4px 0 #182d4080)}.hero-art svg{width:100%;height:100%}.toolbar{display:flex;align-items:center;gap:14px;padding:10px 14px;margin-bottom:12px;background:var(--panel);border:2px solid var(--ink);border-radius:9px 14px 8px 13px;box-shadow:2px 3px 0 #172b3b}.toolbar label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900}.toolbar select{max-width:245px;font-size:12px}.toolbar input{width:180px;font-size:12px}#gameCount{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--text)}.catalogue{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.game-card{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;min-height:133px;padding:8px 6px 7px;color:var(--text);background:var(--card);border:2px solid var(--ink);border-top:5px solid var(--accent,#edbd4e);border-radius:10px 15px 8px 13px;box-shadow:2px 3px 0 #172b3b;text-decoration:none;text-align:center;transition:transform .12s,box-shadow .12s}.game-card[hidden]{display:none}.game-card:hover{transform:translateY(-3px);box-shadow:3px 6px 0 #172b3b}.game-card:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #52c8d3;outline-offset:3px}.game-icon{display:block;width:48px;height:48px}.game-icon svg{width:100%;height:100%}.game-category{font-size:8px;font-weight:900;letter-spacing:.4px;opacity:.75}.game-card strong{font-size:13px;line-height:1.15;min-height:30px;display:flex;align-items:center;justify-content:center}.game-play{font-size:10px;font-weight:900;color:#287c70}.game-play b{padding-left:4px}[data-category="atelier-memoire"]{--accent:#ab88c3}[data-category="souris"]{--accent:#6cb4bc}[data-category="village"]{--accent:#df6856}[data-category="bombeur"]{--accent:#edbd4e}[data-category="mots-meles"]{--accent:#72af6d}footer{display:flex;justify-content:space-between;gap:10px;margin:14px 2px;color:#dae2d5;font-size:10px}footer a{color:#ffda84;text-decoration:none}#empty{background:var(--paper);padding:20px;border-radius:10px}.night{color-scheme:dark;--panel:#344e64f5;--card:#405c6e;--text:#fff0cb}.night body{background-image:linear-gradient(#172b3bdd,#172b3bdd),url('shared/village-camp.svg')}.night .game-play{color:#9de1c8}.night .toolbar select,.night .toolbar input{background:#263f53;color:#fff0cb}.night #empty{background:#344e64}@media(max-width:1100px){.catalogue{grid-template-columns:repeat(5,minmax(0,1fr))}.game-card{min-height:112px}.game-icon{width:38px;height:38px}.game-card strong{font-size:12px}main{padding:10px 14px}.welcome{padding-bottom:7px}.hero-art{width:60px;height:60px}}@media(max-width:740px){.catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-wrap:wrap;gap:8px}.toolbar label{flex:1}.toolbar input{width:100%;min-width:70px}.toolbar select{max-width:180px}#gameCount{width:100%;text-align:center}header{padding:8px 12px;gap:9px}.header-title{font-size:11px}.brand{font-size:12px}#themeToggle{font-size:10px;padding:6px}.hero-art{display:none}.game-category{font-size:7px}}@media(max-width:380px){.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar label{flex-basis:100%}.toolbar select{flex:1}.header-title{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[data-category="gestes-numeriques"]{--accent:#e8bb63}

@media(min-width:1101px){.game-card{min-height:112px}.game-icon{width:40px;height:40px}}
.game-card[data-category="en-developpement"]{border-style:dashed}.game-card[data-category="en-developpement"] .game-category{color:#84401c;background:#ffe4aa;border-radius:5px;padding:3px 5px}