.viewer-page{min-height:100vh;background:radial-gradient(circle at 50% -15%,#2a2416 0,#0b0b0e 36%);color:#f2eadb}.viewer-top{height:78px;padding:0 max(4vw,25px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b3d25;background:#0b0b0eea}.viewer-brand{display:grid;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:11px;color:#f0cf82;text-decoration:none;font-weight:900;letter-spacing:.14em}.viewer-brand img{grid-row:1/3;width:44px;height:44px;border-radius:50%}.viewer-brand small{color:#887b66;font-size:7px;letter-spacing:.16em}.viewer-top nav{display:flex;gap:25px}.viewer-top nav button{height:78px;color:#a59c8d}.viewer-top nav button.active{color:#f0cf82}.viewer-top nav b{background:#292318;color:#e9c879}.twitch-link{padding:9px 12px;border:1px solid #6145a3;color:#c9b2ff;text-decoration:none;font-size:10px;font-weight:800}.viewer-hero{max-width:1180px;margin:auto;padding:65px 30px 45px}.viewer-hero>p,.viewer-modal section>p,.viewer-modal header p{margin:0 0 10px;color:#d6a552;font-size:9px;font-weight:900;letter-spacing:.19em}.viewer-hero h1{font:700 clamp(45px,6vw,72px)/.96 Georgia;margin:0}.viewer-hero h1 em{color:#d6a552;font-weight:400}.viewer-hero>span{display:block;margin-top:20px;color:#a59c8d;font:italic 16px Georgia}.viewer-content{max-width:1180px;margin:auto;padding:0 30px 80px}.viewer-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:14px;border-bottom:1px solid #594725}.viewer-heading h2{font-size:26px}.viewer-heading span{color:#9c8d72;font-size:10px}.viewer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.viewer-game{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:112px;padding:12px;border:1px solid #393329;background:#13151b;color:#f2eadb;text-align:left;cursor:pointer}.viewer-game:hover{border-color:#d6a552;background:#18181b}.viewer-cover{width:72px;height:92px;display:grid;place-items:center;overflow:hidden;color:#fff;font:700 18px Georgia}.viewer-cover img,.viewer-detail-cover img{width:100%;height:100%;object-fit:cover}.viewer-game-info{display:grid;gap:5px}.viewer-game-info>small{color:#d6a552;font-size:8px;letter-spacing:.08em}.viewer-game-info>strong{font:700 17px Georgia}.viewer-game-info>em{color:#91897d;font-size:9px;font-style:normal}.viewer-game>i{color:#8f8068;font-size:8px;font-style:normal}.viewer-rating{color:#d6a552;letter-spacing:.08em}.viewer-empty{padding:65px;text-align:center;color:#91897d;font:italic 14px Georgia}.viewer-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#050507e8}.viewer-modal>article{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;padding:32px;border:1px solid #594725;background:#101116}.viewer-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#a59c8d;font-size:24px;cursor:pointer}.viewer-modal header{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid #4b3d25}.viewer-detail-cover{width:96px;height:128px;display:grid;place-items:center;overflow:hidden;color:#fff;font:700 23px Georgia}.viewer-modal h2{font-size:30px}.viewer-modal header small{color:#9d9486;font-size:10px}.viewer-detail-rating{display:flex;align-items:center;gap:12px;margin-top:14px}.viewer-detail-rating span{color:#d6a552;font-size:19px}.viewer-detail-rating em{color:#a59c8d;font:italic 11px Georgia}.viewer-modal section{padding-top:24px}.viewer-modal section>div{color:#c5bdae;font:14px/1.65 Georgia}.viewer-opinion{margin-top:24px;padding:22px!important;border:1px solid #594725;background:#18150f}.viewer-opinion blockquote{margin:0;color:#eee6d8;font:italic 17px/1.65 Georgia;white-space:pre-wrap}.viewer-opinion a{display:inline-block;margin-top:18px;padding:10px 13px;background:#d6a552;color:#17130d;text-decoration:none;font-size:10px;font-weight:900}@media(max-width:760px){.viewer-top{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:12px 20px}.viewer-top nav{order:3;width:100%;justify-content:center}.viewer-top nav button{height:42px}.viewer-grid{grid-template-columns:1fr}.twitch-link{font-size:0}.twitch-link:after{content:"Twitch ↗";font-size:10px}}@media(max-width:480px){.viewer-game{grid-template-columns:60px 1fr}.viewer-cover{width:58px;height:76px}.viewer-game>i{display:none}.viewer-modal header{grid-template-columns:74px 1fr}.viewer-detail-cover{width:70px;height:94px}.viewer-modal h2{font-size:23px}}
.viewer-top:has(>.social-link) nav{margin-right:auto}.viewer-top>.social-link{margin-left:10px;flex:0 0 auto}@media(max-width:760px){.viewer-top>.social-link{margin-left:6px}}
.viewer-page{--viewer-bg:#0b0b0e;--viewer-surface:#13151b;--viewer-accent:#d6a552;--viewer-text:#f2eadb;--viewer-muted:#a59c8d;--viewer-font:Georgia,serif;background:radial-gradient(circle at 50% -15%,#2a2416 0,var(--viewer-bg) 36%);color:var(--viewer-text);font-family:var(--viewer-font)}.viewer-page .viewer-top{background:var(--viewer-bg);border-color:var(--viewer-accent)}.viewer-page .viewer-brand,.viewer-page .viewer-top nav button.active,.viewer-page .viewer-hero>p,.viewer-page .viewer-modal section>p,.viewer-page .viewer-modal header p,.viewer-page .viewer-hero h1 em,.viewer-page .viewer-game-info>small,.viewer-page .viewer-rating,.viewer-page .viewer-detail-rating span{color:var(--viewer-accent)}.viewer-page .viewer-hero h1,.viewer-page .viewer-heading h2,.viewer-page .viewer-game,.viewer-page .viewer-modal>article{color:var(--viewer-text);font-family:var(--viewer-font)}.viewer-page .viewer-hero>span,.viewer-page .viewer-heading span,.viewer-page .viewer-game-info>em,.viewer-page .viewer-game>i{color:var(--viewer-muted)}.viewer-page .viewer-game{background:var(--viewer-surface)}.viewer-page .viewer-game:hover{border-color:var(--viewer-accent)}

/* Responsive viewer layout: shared by the local preview and Cloudflare page. */
.viewer-page,.viewer-page *{box-sizing:border-box}
.viewer-page{width:100%;min-width:0}
.viewer-page .viewer-hero,.viewer-page .viewer-content{width:100%;max-width:none;margin-inline:auto;padding-inline:clamp(1rem,3vw,4rem)}
.viewer-page .viewer-content{max-width:1800px;padding-inline:clamp(1.25rem,4vw,5rem)}
.viewer-page .viewer-hero{padding-top:clamp(2rem,4vw,4rem);padding-bottom:2rem}
.viewer-page .viewer-content{padding-bottom:4rem}
.viewer-page .viewer-hero h1{max-width:24ch;font-size:clamp(2.25rem,4vw,4.5rem);line-height:1.08;overflow-wrap:anywhere}
.viewer-page .viewer-hero>p{font-size:.875rem;line-height:1.5}
.viewer-page .viewer-hero>span{max-width:70ch;font-size:1rem;line-height:1.6}
.viewer-page .viewer-heading{gap:1rem;flex-wrap:wrap;align-items:center}
.viewer-page .viewer-heading h2{margin:0;font-size:clamp(1.4rem,2vw,2rem);overflow-wrap:anywhere}
.viewer-page .viewer-heading span{font-size:.875rem}
.viewer-page .viewer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:clamp(1rem,1.4vw,1.5rem);align-items:stretch}
.viewer-page .viewer-game{grid-template-columns:5.5rem minmax(0,1fr);grid-template-rows:1fr auto;gap:.75rem 1.25rem;min-width:0;min-height:10rem;padding:1.25rem;font-family:var(--viewer-font,Georgia,serif)}
.viewer-page .viewer-cover{grid-row:1/3;align-self:start;width:100%;height:auto;aspect-ratio:3/4}
.viewer-page .viewer-game-info{min-width:0;gap:.5rem;align-self:start;overflow-wrap:anywhere}
.viewer-page .viewer-game-info>small{font-size:1.125rem;font-weight:700;line-height:1.4;letter-spacing:.025em;font-variant-numeric:tabular-nums}
.viewer-page .viewer-game-info>strong{font-family:inherit;font-size:clamp(1.125rem,1.3vw,1.375rem);line-height:1.3}
.viewer-page .viewer-game-info>em{font-size:.875rem;line-height:1.5}
.viewer-page .viewer-game-info>q{margin:0;font-size:1rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.viewer-page .viewer-game-info>.viewer-video-present{font-size:.875rem}
.viewer-page .viewer-game>i{display:block;grid-column:2;font-size:.875rem;line-height:1.5;justify-self:start}
.viewer-page .viewer-game:focus-visible,.viewer-page .viewer-close:focus-visible{outline:2px solid var(--viewer-accent,#d6a552);outline-offset:4px}
.viewer-page .viewer-top{height:auto;min-height:78px;gap:1rem;flex-wrap:wrap;padding:1rem clamp(1rem,3vw,4rem)}
.viewer-page .viewer-brand{min-width:0;font-size:1rem}
.viewer-page .viewer-brand span{overflow-wrap:anywhere}
.viewer-page .viewer-brand small{font-size:.75rem;line-height:1.5;letter-spacing:.05em}
.viewer-page .viewer-top nav{display:flex;gap:1rem;flex-wrap:wrap}
.viewer-page .viewer-top nav button{height:auto;min-height:44px;padding:.5rem;font-size:1rem}
.viewer-page .twitch-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}
.viewer-page .twitch-link:after{content:none}
.viewer-page .viewer-modal{padding:clamp(.75rem,2vw,2rem)}
.viewer-page .viewer-modal[hidden]{display:none}
.viewer-page .viewer-modal>article{width:min(56rem,100%);max-height:90vh;max-height:90dvh;padding:clamp(1rem,3vw,2rem);overscroll-behavior:contain;overflow-wrap:anywhere}
.viewer-page .viewer-modal header{padding-right:2rem;min-width:0}
.viewer-page .viewer-modal header>div{min-width:0}
.viewer-page .viewer-modal h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.2;margin:0}
.viewer-page .viewer-modal header small{display:block;margin-top:.75rem;font-size:1rem;line-height:1.5}
.viewer-page .viewer-modal section>div,.viewer-page .viewer-opinion blockquote{font-size:1rem;line-height:1.65}
.viewer-page .viewer-modal section>p,.viewer-page .viewer-modal header p,.viewer-page .viewer-detail-rating em{font-size:.875rem;line-height:1.5}
.viewer-page .viewer-close{width:44px;height:44px;top:.5rem;right:.5rem}
.viewer-page .viewer-opinion a{min-height:44px;font-size:.875rem;line-height:1.5}
@media(max-width:600px){
 .viewer-page .viewer-grid{grid-template-columns:minmax(0,1fr)}
 .viewer-page .viewer-game{padding:1rem;gap:.75rem 1rem;grid-template-columns:4rem minmax(0,1fr)}
 .viewer-page .viewer-top nav{order:3;width:100%;justify-content:center;margin-right:0}
 .viewer-page .viewer-top>.social-link{margin-left:0}
 .viewer-page .viewer-detail-rating{flex-wrap:wrap}
 .viewer-page .viewer-empty{padding:2rem 1rem}
}
/* Acces anticipe */
.viewer-early-badge{display:inline-flex;width:max-content;padding:.22rem .42rem;border:1px solid var(--viewer-accent);color:var(--viewer-accent);font:700 .72rem/1 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.viewer-detail-early{display:block;margin-top:.45rem;color:var(--viewer-accent)!important;font-weight:700}
.viewer-youtube{display:grid;gap:.75rem;margin-top:1.25rem}.viewer-youtube-preview{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--viewer-accent,#d6a552);background:#08090c;color:#fff;text-decoration:none;cursor:pointer}.viewer-youtube-preview>img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:transform .2s,opacity .2s}.viewer-youtube-preview:hover>img{transform:scale(1.025);opacity:1}.viewer-youtube-preview>span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;transform:translate(-50%,-50%);background:#d6a552e8;color:#17130d;font-size:1.65rem;box-shadow:0 8px 28px #0008}.viewer-youtube-preview>strong{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.65rem;background:#090a0dcc;font:800 .85rem/1 Arial,sans-serif;letter-spacing:.05em;text-align:center}.viewer-youtube-frame{width:100%;aspect-ratio:16/9;background:#000}.viewer-youtube-frame iframe{display:block;width:100%;height:100%;border:0}.viewer-opinion .viewer-youtube>a{justify-self:start;margin-top:0;background:transparent;color:var(--viewer-accent,#d6a552);border:1px solid var(--viewer-accent,#d6a552)}@media(max-width:480px){.viewer-youtube-preview>span{width:3.25rem;height:3.25rem;font-size:1.25rem}.viewer-youtube-preview>strong{bottom:.6rem;font-size:.72rem}}

/* Chronologie viewers sur une seule colonne */
.viewer-page .viewer-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}
.viewer-page .viewer-game{grid-template-columns:6rem 5.5rem minmax(0,1fr) auto;grid-template-rows:auto;gap:1.25rem;min-height:8.5rem}
.viewer-page .viewer-date{display:grid;align-content:center;justify-items:center;align-self:stretch;padding-right:1rem;border-right:1px solid color-mix(in srgb,var(--viewer-accent,#d6a552) 45%,transparent);color:var(--viewer-accent,#d6a552);font-family:var(--viewer-font,Georgia,serif);font-style:normal;text-align:center}
.viewer-page .viewer-date strong{font-size:2.5rem;line-height:1}.viewer-page .viewer-date small{margin-top:.35rem;color:var(--viewer-text,#f2eadb);font-size:.82rem;text-transform:uppercase}.viewer-page .viewer-date em{margin-top:.2rem;color:var(--viewer-muted,#a59c8d);font:normal .7rem Arial,sans-serif}
.viewer-page .viewer-cover{grid-row:auto;align-self:center}.viewer-page .viewer-game-info{align-self:center}.viewer-page .viewer-game>i{grid-column:4;align-self:center;justify-self:end}
@media(max-width:600px){.viewer-page .viewer-game{grid-template-columns:3.4rem 4rem minmax(0,1fr);gap:.75rem;min-height:7rem}.viewer-page .viewer-date{padding-right:.55rem}.viewer-page .viewer-date strong{font-size:1.8rem}.viewer-page .viewer-date small{font-size:.62rem}.viewer-page .viewer-game>i{grid-column:3;justify-self:start}.viewer-page .viewer-cover{width:4rem}}

/* Choix d'affichage propre à chaque viewer et à chaque onglet */
.viewer-heading-actions{display:flex;align-items:center;gap:1.25rem}.viewer-layout-switch{display:flex;padding:3px;border:1px solid color-mix(in srgb,var(--viewer-accent,#d6a552) 45%,transparent);background:var(--viewer-surface,#13151b)}.viewer-layout-switch button{display:flex;align-items:center;gap:.4rem;min-height:36px;padding:.45rem .7rem;border:0;background:transparent;color:var(--viewer-muted,#a59c8d);font:700 .75rem Arial,sans-serif;cursor:pointer}.viewer-layout-switch button b{font-size:1rem}.viewer-layout-switch button.active{background:var(--viewer-accent,#d6a552);color:var(--viewer-bg,#0b0b0e)}.viewer-layout-switch button:focus-visible{outline:2px solid var(--viewer-accent,#d6a552);outline-offset:3px}
.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.viewer-page .viewer-grid.tiles .viewer-game{grid-template-columns:3.8rem 4.8rem minmax(0,1fr);grid-template-rows:1fr auto;gap:.8rem 1rem;min-height:9.5rem;padding:1rem}.viewer-page .viewer-grid.tiles .viewer-date{grid-row:1/3;padding-right:.65rem}.viewer-page .viewer-grid.tiles .viewer-date strong{font-size:1.9rem}.viewer-page .viewer-grid.tiles .viewer-date small{font-size:.62rem}.viewer-page .viewer-grid.tiles .viewer-cover{grid-row:1/3;width:4.8rem}.viewer-page .viewer-grid.tiles .viewer-game-info{align-self:start}.viewer-page .viewer-grid.tiles .viewer-game>i{grid-column:3;align-self:end;justify-self:start}
@media(max-width:1650px){.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1320px){.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.viewer-heading-actions{width:100%;justify-content:space-between;gap:.75rem}.viewer-layout-switch button{padding:.4rem .55rem;font-size:.68rem}.viewer-page .viewer-grid.tiles{grid-template-columns:minmax(0,1fr)}.viewer-page .viewer-grid.tiles .viewer-game{grid-template-columns:3.2rem 4rem minmax(0,1fr);gap:.7rem}.viewer-page .viewer-grid.tiles .viewer-cover{width:4rem}}
.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1450px){.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:minmax(0,1fr)}}

/* Jeux sans date : panneau lateral sur ordinateur, bloc sous le planning sur petit ecran */
.viewer-planning-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);gap:clamp(1.25rem,2vw,2rem);align-items:start}.viewer-primary{min-width:0}.viewer-undated{position:sticky;top:1rem;margin-top:18px;border:1px solid color-mix(in srgb,var(--viewer-accent,#d6a552) 42%,transparent);background:var(--viewer-surface,#13151b)}.viewer-undated[hidden]{display:none}.viewer-undated>header{padding:1.25rem;border-bottom:1px solid color-mix(in srgb,var(--viewer-accent,#d6a552) 30%,transparent)}.viewer-undated>header p{margin:0 0 .55rem;color:var(--viewer-accent,#d6a552);font:800 .72rem Arial,sans-serif;letter-spacing:.16em}.viewer-undated>header h3{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0;color:var(--viewer-text,#f2eadb);font:700 1.5rem/1.15 var(--viewer-font,Georgia,serif)}.viewer-undated>header h3 b{display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .45rem;border-radius:50%;background:color-mix(in srgb,var(--viewer-accent,#d6a552) 18%,transparent);color:var(--viewer-accent,#d6a552);font:800 .75rem Arial,sans-serif}.viewer-undated>header span{display:block;margin-top:.8rem;color:var(--viewer-muted,#a59c8d);font:italic .85rem/1.5 var(--viewer-font,Georgia,serif)}.viewer-undated-game{display:grid;width:100%;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--viewer-accent,#d6a552) 22%,transparent);background:transparent;color:var(--viewer-text,#f2eadb);text-align:left;cursor:pointer}.viewer-undated-game:hover{background:color-mix(in srgb,var(--viewer-accent,#d6a552) 8%,transparent)}.viewer-undated-game .viewer-cover{width:3.5rem;grid-row:auto}.viewer-undated-game>span:nth-child(2){display:grid;gap:.35rem;min-width:0}.viewer-undated-game strong{overflow-wrap:anywhere;font:700 1rem/1.3 var(--viewer-font,Georgia,serif)}.viewer-undated-game em{color:var(--viewer-muted,#a59c8d);font:normal .75rem/1.35 Arial,sans-serif}.viewer-undated-game>i{color:var(--viewer-accent,#d6a552);font-style:normal}.viewer-undated-game:focus-visible{outline:2px solid var(--viewer-accent,#d6a552);outline-offset:-3px}.viewer-undated-empty{margin:0;padding:2rem 1rem;color:var(--viewer-muted,#a59c8d);font:italic .85rem/1.5 var(--viewer-font,Georgia,serif);text-align:center}@media(max-width:800px){.viewer-planning-shell{grid-template-columns:minmax(0,1fr)}.viewer-undated{position:static;margin-top:1.5rem}}

/* Tuiles viewers : date preservee a gauche, jaquette au-dessus des informations */
.viewer-page .viewer-grid.tiles .viewer-game{grid-template-columns:3.8rem minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start}.viewer-page .viewer-grid.tiles .viewer-date{grid-column:1;grid-row:1/4}.viewer-page .viewer-grid.tiles .viewer-cover{grid-column:2;grid-row:1;width:min(100%,9rem);justify-self:center}.viewer-page .viewer-grid.tiles .viewer-game-info{grid-column:2;grid-row:2;align-self:start}.viewer-page .viewer-grid.tiles .viewer-game>i{grid-column:2;grid-row:3;align-self:end;justify-self:start}
@media(max-width:620px){.viewer-page .viewer-grid.tiles .viewer-game{grid-template-columns:3.2rem minmax(0,1fr)}.viewer-page .viewer-grid.tiles .viewer-cover{width:min(100%,8rem)}}

/* Tuiles compactes : les cartes ne s'etirent plus sur les grands ecrans */
.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(5,minmax(0,15rem));justify-content:start}.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(4,minmax(0,15rem))}.viewer-page .viewer-grid.tiles .viewer-cover{width:min(100%,7rem)}
@media(max-width:1650px){.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(4,minmax(0,15rem))}}
@media(max-width:1450px){.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(3,minmax(0,15rem))}}
@media(max-width:1320px){.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(3,minmax(0,15rem))}}
@media(max-width:1100px){.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(2,minmax(0,15rem))}}
@media(max-width:980px){.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(2,minmax(0,15rem))}}
@media(max-width:620px){.viewer-page .viewer-grid.tiles,.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:minmax(0,1fr)}.viewer-page .viewer-grid.tiles .viewer-cover{width:min(100%,6.5rem)}}

/* Composition des tuiles : date et jaquette en haut, informations en bas */
.viewer-page .viewer-grid.tiles .viewer-game{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(7.5rem,1fr) minmax(7.5rem,1fr) auto;min-height:19rem;align-items:start}.viewer-page .viewer-grid.tiles .viewer-date{grid-column:1;grid-row:1;align-self:start;align-content:start;justify-items:start;padding:0;border-right:0;text-align:left}.viewer-page .viewer-grid.tiles .viewer-cover{grid-column:2;grid-row:1;align-self:start;justify-self:end}.viewer-page .viewer-grid.tiles .viewer-game-info{grid-column:1/3;grid-row:2;align-self:start}.viewer-page .viewer-grid.tiles .viewer-game>i{grid-column:1/3;grid-row:3;align-self:end;justify-self:start}

/* Colonnes harmonisees : 5 dans Planning, 6 dans Acces anticipe et Fait */
.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(6,minmax(0,15rem))}.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(5,minmax(0,15rem))}
@media(max-width:1800px){.viewer-page .viewer-grid.tiles{grid-template-columns:repeat(5,minmax(0,15rem))}}
@media(max-width:1600px){.viewer-page .viewer-grid.tiles,.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(4,minmax(0,15rem))}}
@media(max-width:1350px){.viewer-page .viewer-grid.tiles,.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(3,minmax(0,15rem))}}
@media(max-width:1050px){.viewer-page .viewer-grid.tiles,.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:repeat(2,minmax(0,15rem))}}
@media(max-width:620px){.viewer-page .viewer-grid.tiles,.viewer-page .viewer-grid.tiles.viewer-planning-grid{grid-template-columns:minmax(0,1fr)}}
.viewer-planning-shell .viewer-undated{position:static}