button.close,a.close{cursor:pointer;z-index:2001;color:#333031;background-color:#f6f1e7;border:none;border-radius:20px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;text-decoration:none;transition:all .3s ease-in;display:none;position:fixed;top:10px;right:10px;box-shadow:0 0 8px #00000040}button.close:hover,a.close:hover{background-color:#ffca5a}.periodePageMain{margin-bottom:40px}.periode{color:#f6f1e7;background-color:#4e4b4d;border-radius:4px;gap:8px;max-width:max-content;margin-top:8px;padding:.5rem 1rem;font-size:.8rem;display:flex}.periode img{width:1rem;height:1rem}.periode a{color:#ffca5a;font-weight:700;text-decoration:none}.periode a:hover{color:#b8b08d}.information,.information-page{position:relative}.information header,.information-page header{z-index:2000;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:100%;margin:0 auto 16px;display:flex;position:relative}.information header .titre,.information-page header .titre{flex:1;width:100%}.information header .annee,.information-page header .annee{color:#333031;z-index:500;background-color:#f6f1e7;padding:8px 16px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block;position:relative;width:auto!important}.information header .annee:empty,.information-page header .annee:empty{opacity:0}.information header .event,.information-page header .event{color:#333031;font-size:1.25rem;font-weight:400}.information header .evenement,.information-page header .evenement{color:#f6f1e7;font-family:Poppins,sans-serif;font-size:clamp(24px,3vw,40px);font-weight:700}.content-grid{grid-template-columns:1fr 300px;gap:32px;min-height:80dvh;margin-bottom:40px;display:grid}.content-grid aside{flex-direction:column;gap:16px;height:max-content;display:flex;position:sticky;top:80px}.content-grid .vignette-aside img{border-radius:8px;width:100%;height:auto}.content-grid .vignette-image{aspect-ratio:1;object-fit:cover;height:auto}.content-grid .vignette-aside.personnages,.content-grid .vignette-aside.evenements-lies{background-color:#f6f1e7;border-radius:8px;padding:8px 16px;box-shadow:0 0 8px #00000040}.content-grid .vignette-aside.personnages h3,.content-grid .vignette-aside.evenements-lies h3{--onglet:var(--periode-fond);background-color:var(--onglet);color:#1f1e1e;padding:8px 16px;display:inline-block;position:relative;transform:translateY(-16px)}.content-grid .vignette-aside.personnages h3:before,.content-grid .vignette-aside.evenements-lies h3:before{content:"";border-bottom:8px solid var(--onglet);filter:brightness(85%);border-right:8px solid #0000;width:0;height:0;position:absolute;top:0;right:-8px}.content-grid .vignette-aside.personnages ul,.content-grid .vignette-aside.evenements-lies ul{max-height:250px;margin:0;padding:0;list-style:none;overflow:auto}.content-grid .vignette-aside.personnages ul::-webkit-scrollbar{width:6px}.content-grid .vignette-aside.evenements-lies ul::-webkit-scrollbar{width:6px}.content-grid .vignette-aside.personnages ul::-webkit-scrollbar-thumb{background-color:#b8b08d;border-radius:8px}.content-grid .vignette-aside.evenements-lies ul::-webkit-scrollbar-thumb{background-color:#b8b08d;border-radius:8px}.content-grid .vignette-aside.personnages ul::-webkit-scrollbar-track{background-color:#e8e0d1}.content-grid .vignette-aside.evenements-lies ul::-webkit-scrollbar-track{background-color:#e8e0d1}.content-grid .vignette-aside.personnages .personnage a,.content-grid .vignette-aside.personnages .evenement-lie a,.content-grid .vignette-aside.evenements-lies .personnage a,.content-grid .vignette-aside.evenements-lies .evenement-lie a{cursor:pointer;color:#333031;border-radius:8px;align-items:center;padding:8px;text-decoration:none;transition:background-color .3s;display:flex}.content-grid .vignette-aside.personnages .personnage a:not(:last-child),.content-grid .vignette-aside.personnages .evenement-lie a:not(:last-child),.content-grid .vignette-aside.evenements-lies .personnage a:not(:last-child),.content-grid .vignette-aside.evenements-lies .evenement-lie a:not(:last-child){margin-bottom:8px}.content-grid .vignette-aside.personnages .personnage a figure,.content-grid .vignette-aside.personnages .evenement-lie a figure,.content-grid .vignette-aside.evenements-lies .personnage a figure,.content-grid .vignette-aside.evenements-lies .evenement-lie a figure{background-color:#e2e2de;border-radius:50%;width:64px;height:64px;margin-right:8px;position:relative;overflow:hidden}.content-grid .vignette-aside.personnages .personnage a figure img,.content-grid .vignette-aside.personnages .evenement-lie a figure img,.content-grid .vignette-aside.evenements-lies .personnage a figure img,.content-grid .vignette-aside.evenements-lies .evenement-lie a figure img{object-fit:cover;border-radius:50%;width:100%;height:100%}.content-grid .vignette-aside.personnages .personnage a figure:before,.content-grid .vignette-aside.personnages .evenement-lie a figure:before,.content-grid .vignette-aside.evenements-lies .personnage a figure:before,.content-grid .vignette-aside.evenements-lies .evenement-lie a figure:before{content:"";opacity:0;z-index:1;background-image:url(/images/UI/arrow-next.svg),linear-gradient(#0006,#0006);background-position:50%,50%;background-repeat:no-repeat;background-size:24px,cover;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.content-grid .vignette-aside.personnages .personnage a:hover,.content-grid .vignette-aside.personnages .evenement-lie a:hover,.content-grid .vignette-aside.evenements-lies .personnage a:hover,.content-grid .vignette-aside.evenements-lies .evenement-lie a:hover{background-color:#e8e0d1}.content-grid .vignette-aside.personnages .personnage a:hover figure:before,.content-grid .vignette-aside.personnages .evenement-lie a:hover figure:before,.content-grid .vignette-aside.evenements-lies .personnage a:hover figure:before,.content-grid .vignette-aside.evenements-lies .evenement-lie a:hover figure:before{opacity:1}.content-grid .navigation-buttons,.content-grid .vignette-partager,.personnage-modal .modal-body .navigation-buttons,.personnage-modal .modal-body .vignette-partager{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;display:flex}.content-grid .navigation-buttons button,.content-grid .navigation-buttons a,.content-grid .vignette-partager button,.content-grid .vignette-partager a,.personnage-modal .modal-body .navigation-buttons button,.personnage-modal .modal-body .navigation-buttons a,.personnage-modal .modal-body .vignette-partager button,.personnage-modal .modal-body .vignette-partager a{color:#f6f1e7;cursor:pointer;text-align:center;background-color:#4e4b4d;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;text-decoration:none;display:flex}.content-grid .navigation-buttons button.return-to-game,.content-grid .navigation-buttons button.share-event,.content-grid .navigation-buttons a.return-to-game,.content-grid .navigation-buttons a.share-event,.content-grid .vignette-partager button.return-to-game,.content-grid .vignette-partager button.share-event,.content-grid .vignette-partager a.return-to-game,.content-grid .vignette-partager a.share-event,.personnage-modal .modal-body .navigation-buttons button.return-to-game,.personnage-modal .modal-body .navigation-buttons button.share-event,.personnage-modal .modal-body .navigation-buttons a.return-to-game,.personnage-modal .modal-body .navigation-buttons a.share-event,.personnage-modal .modal-body .vignette-partager button.return-to-game,.personnage-modal .modal-body .vignette-partager button.share-event,.personnage-modal .modal-body .vignette-partager a.return-to-game,.personnage-modal .modal-body .vignette-partager a.share-event{flex:1;justify-content:center;align-items:center}.content-grid .navigation-buttons button.return-to-game,.content-grid .navigation-buttons a.return-to-game,.content-grid .vignette-partager button.return-to-game,.content-grid .vignette-partager a.return-to-game,.personnage-modal .modal-body .navigation-buttons button.return-to-game,.personnage-modal .modal-body .navigation-buttons a.return-to-game,.personnage-modal .modal-body .vignette-partager button.return-to-game,.personnage-modal .modal-body .vignette-partager a.return-to-game{text-transform:uppercase}.content-grid .navigation-buttons button.next-event,.content-grid .navigation-buttons a.next-event,.content-grid .vignette-partager button.next-event,.content-grid .vignette-partager a.next-event,.personnage-modal .modal-body .navigation-buttons button.next-event,.personnage-modal .modal-body .navigation-buttons a.next-event,.personnage-modal .modal-body .vignette-partager button.next-event,.personnage-modal .modal-body .vignette-partager a.next-event{margin-left:auto}.content-grid .navigation-buttons button:hover,.content-grid .navigation-buttons a:hover,.content-grid .vignette-partager button:hover,.content-grid .vignette-partager a:hover,.personnage-modal .modal-body .navigation-buttons button:hover,.personnage-modal .modal-body .navigation-buttons a:hover,.personnage-modal .modal-body .vignette-partager button:hover,.personnage-modal .modal-body .vignette-partager a:hover{color:#333031;background-color:#ffca5a}.content-grid .navigation-buttons button .btn-text,.content-grid .navigation-buttons a .btn-text,.content-grid .vignette-partager button .btn-text,.content-grid .vignette-partager a .btn-text,.personnage-modal .modal-body .navigation-buttons button .btn-text,.personnage-modal .modal-body .navigation-buttons a .btn-text,.personnage-modal .modal-body .vignette-partager button .btn-text,.personnage-modal .modal-body .vignette-partager a .btn-text{margin-left:4px;transition:opacity .3s}.content-grid .personnage-evenementsList,.content-grid .evenements-liesList,.personnage-modal .modal-body .personnage-evenementsList,.personnage-modal .modal-body .evenements-liesList{box-shadow:0 .0625em .0625em #00000040,0 .125em .5em #00000040,inset 0 0 0 1px #ffffff1a}.vignette-aside.personnages:not(:has(.personnage)){display:none!important}.vignette-aside.evenements-lies ul{margin:0}.vignette-aside.evenements-lies .evenement-lie a{gap:8px}.vignette-aside.evenements-lies .evenement-lie a figure{background-color:#e8e0d1;flex-shrink:0;width:48px;height:48px;margin-right:0}.vignette-aside.evenements-lies .evenement-lie a figure img{object-fit:cover;border-radius:50%;width:100%;height:100%}.vignette-aside.evenements-lies .evenement-lie-texte{flex-direction:column;gap:2px;min-width:0;display:flex}.vignette-aside.evenements-lies .evenement-lie-titre{font-weight:600;line-height:1.25}.vignette-aside.evenements-lies .evenement-lie-periode{opacity:.75;font-size:.78rem;line-height:1.2}.vignette-aside.evenements-lies:not(:has(.evenement-lie)){display:none!important}.vignette-aside.draft-notice-aside{color:#f6f1e7;background:#4e4b4d;padding:.8em 1em}.vignette-aside.draft-notice-aside p{margin:0;font-size:.85em}.vignette-aside.glossaire-aside{background:#e8e0d1;border-radius:2px;padding:16px 18px 24px;position:relative;transform:rotate(-2deg);box-shadow:2px 4px 12px #0000002e,inset 0 -2px 6px #0000000a}.vignette-aside.glossaire-aside h3{color:#333031;letter-spacing:.3px;border-bottom:2px dashed #33303133;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:6px;font-size:1.1rem;font-weight:400;display:flex}.vignette-aside.glossaire-aside .glossaire-terms{max-height:300px;margin:0;padding:0;list-style:none;overflow:auto}.vignette-aside.glossaire-aside .glossaire-terms::-webkit-scrollbar{width:5px}.vignette-aside.glossaire-aside .glossaire-terms::-webkit-scrollbar-thumb{background-color:#4e4b4d;border-radius:8px}.vignette-aside.glossaire-aside .glossaire-terms::-webkit-scrollbar-track{background-color:#0000}.vignette-aside.glossaire-aside .glossaire-term{padding:6px 4px;transition:background-color .2s}.vignette-aside.glossaire-aside .glossaire-term:not(:last-child){border-bottom:1px dotted #33303126;margin-bottom:2px}.vignette-aside.glossaire-aside .glossaire-term strong{color:#1f1e1e;margin-bottom:8px;font-size:.95rem;display:block}.vignette-aside.glossaire-aside .glossaire-term strong a{color:inherit;text-decoration-color:#3330314d}.vignette-aside.glossaire-aside .glossaire-term p{color:#4e4b4d;margin:0;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.45}.vignette-aside.glossaire-aside .glossaire-term:hover{background-color:#ffffff59;border-radius:4px}.vignette-aside.glossaire-aside .glossaire-link{text-align:center;color:#f6f1e7;z-index:2;background-color:#4e4b4d;border-radius:4px;margin-top:12px;padding:6px 12px;font-size:.78rem;text-decoration:none;transition:background-color .2s;display:block;position:relative}.vignette-aside.glossaire-aside .glossaire-link:hover{background-color:#333031}.personnage-evenementsList,.evenements-liesList{background-color:#4e4b4d;border-radius:24px;height:max-content;padding:16px;position:relative}.personnage-evenementsList h3,.evenements-liesList h3{color:#f6f1e7;background-color:#b72828;margin-top:16px;margin-bottom:8px;padding:8px 16px 8px 32px;font-size:1.1rem;display:inline-block;position:absolute;transform:translate(-24px);box-shadow:0 3px 8px #0000003d}.personnage-evenementsList h3:before,.evenements-liesList h3:before{content:"";border-top:8px solid #8d1b1b;border-left:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:0}.personnage-evenementsList h3:after,.evenements-liesList h3:after{content:"";border-top:2px dashed #8d1b1b;border-bottom:2px dashed #8d1b1b;width:100%;height:calc(100% - 4px);position:absolute;top:2px;left:0}.personnage-evenementsList ul,.evenements-liesList ul{border:2px dashed #333031;border-radius:1rem;margin:0;padding:64px 1rem 1rem;list-style:none}.personnage-evenementsList ul li a,.evenements-liesList ul li a{color:#f6f1e7;border-radius:8px;align-items:center;gap:16px;padding:8px;text-decoration:none;transition:background-color .3s;display:flex}.personnage-evenementsList ul li a p,.evenements-liesList ul li a p{flex-direction:column;margin-bottom:0;font-size:.8rem;display:flex}.personnage-evenementsList ul li a p .date,.evenements-liesList ul li a p .date{background-color:#333031;border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-block}.personnage-evenementsList ul li a:hover,.evenements-liesList ul li a:hover{background-color:#333031}.personnage-evenementsList ul li img,.evenements-liesList ul li img{border-radius:8px;width:64px;height:64px}.evenements-liesList h3{align-items:center;gap:8px;display:flex}.evenements-liesList ul li figure{flex-shrink:0;margin:0}.evenements-liesList ul li img{object-fit:cover;background-color:#333031}.evenements-liesList ul li a p{gap:4px;min-width:0}.evenements-liesList ul .evenement-lie-titre{font-weight:600;line-height:1.25}.evenements-liesList ul .evenement-lie-periode{opacity:.7;font-size:.85em;line-height:1.2}article p strong,article li strong{display:inline-block}article table{background-color:#fff;margin:1.5rem 0;box-shadow:0 1px 3px #0000001a}article table thead{color:#f6f1e7;background-color:#333031}article table thead th{text-align:left;border-bottom:3px solid #ffca5a;padding:12px 16px;font-size:1rem;font-weight:700}article table tbody tr{border-bottom:1px solid #e8e0d1;transition:background-color .2s}article table tbody tr:hover{background-color:#f6f1e7}article table tbody tr:last-child{border-bottom:2px solid #333031}article table tbody tr td{padding:12px 16px;font-size:1rem}article p:has(img) em{font-family:Poppins,sans-serif}.ingame-link{text-align:center;color:#f6f1e7;z-index:2;background:#a4443d;justify-content:center;align-items:center;gap:4px;width:80px;padding:10px 0;text-decoration:none;transition:padding-top .2s ease-in-out;display:inline-flex;position:absolute;top:0;right:40px}.ingame-link:after{content:"";border-bottom:10px solid #0000;border-left:40px solid #a4443d;border-right:40px solid #a4443d;width:0;height:0;position:absolute;top:100%;left:0}.ingame-link:hover{padding-top:24px}.back-to-game{appearance:none;color:#f6f1e7;cursor:pointer;text-transform:uppercase;background-color:#4e4b4d;border:2px solid #1f1e1e;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 32px 16px;font-size:1rem;text-decoration:none;transition:all .2s ease-in-out;display:flex;position:relative}.back-to-game:before{content:"";background-color:#333031;border-top:1px solid #919191;width:100%;height:6px;transition:all .2s ease-in-out;position:absolute;bottom:0;left:0}.back-to-game:after{content:"";background-image:url(/images/UI/arrow-next.svg);background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:all .2s ease-in-out}.back-to-game:hover{margin-top:8px;padding-bottom:8px;transform:translateY(4px)}.back-to-game:hover:before{height:0}.back-to-game:hover:after{transform:rotate(-90deg)}button.toggle-information{appearance:none;color:#333031;cursor:pointer;z-index:9999;pointer-events:inherit;-webkit-tap-highlight-color:transparent;background-color:#ffca5a;border:2px solid #ab8432;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,background-color .2s,box-shadow .15s;display:flex;position:relative;box-shadow:0 3px #1f1e1e66,0 8px 18px #0000004d}button.toggle-information .icon-open{place-items:center;display:grid}button.toggle-information .icon-open svg{display:block}button.toggle-information:hover{background-color:#ffca5a;transform:translateY(-2px)scale(1.05)}button.toggle-information:active{transform:translateY(1px)scale(.95);box-shadow:0 1px #1f1e1e66,0 4px 10px #00000040}button.toggle-information:focus-visible{outline-offset:2px;outline:2px solid #ab8432}.information.open button.toggle-information{display:none!important}button.close-button{color:#333031;cursor:pointer;z-index:2001;background-color:#f6f1e7;border:2px solid #33303180;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .3s ease-in-out;display:flex;position:fixed;top:10px;right:10px;box-shadow:0 3px #1f1e1e4d,0 8px 18px #00000040}button.close-button .close-icon,button.close-button .arrow-icon{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,transform .3s;display:flex}button.close-button .arrow-icon{transform:scale(1.1)}button.close-button:hover{color:#333031;background-color:#ffca5a;transform:scale(1.05);box-shadow:0 4px 12px #00000059}button.close-button:hover .close-icon{transform:rotate(90deg)}button.close-button:hover .arrow-icon{transform:scale(1.1)translate(-2px)}section.information{z-index:2000;width:100%;height:auto;position:absolute;top:0;left:0}section.information .information-content{display:none!important}section.information .container{flex-direction:column;height:100%;display:flex}section.information:not(.open){pointer-events:none;background:0 0;flex-direction:column;display:flex;right:0!important}section.information:not(.open) button.toggle-information{display:flex}section.information:not(.open) .container{flex:0;height:0;overflow:hidden}section.information:not(.open) .container .information-content{display:none!important}section.information:not(.open) header{pointer-events:auto;height:var(--frise-top,84px);background:0 0;flex-shrink:0;align-items:center;gap:16px;width:100%;max-width:100%;height:48px;padding:0 20px 0 72px;display:flex;position:relative;overflow:visible;margin:10px 0!important}section.information:not(.open) header:before{content:none}section.information:not(.open) header .titre{opacity:1;text-align:center;flex:1;justify-content:start;min-width:0;height:100%;display:flex}section.information:not(.open) header .main-title-wrapper{width:fit-content;min-width:0;max-width:min(860px,100%);box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:0;display:flex;position:relative;overflow:hidden}section.information:not(.open) header .annee{color:#333031;text-transform:uppercase;z-index:500;background-color:#f6f1e7;border-radius:16px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:0 4px;max-width:225px;height:48px;padding:2px 12px;font-family:Poppins,sans-serif;font-size:.75rem;transition:all .3s;display:flex;position:relative;width:auto!important}section.information:not(.open) header .evenement{color:#b8b08d;white-space:nowrap;min-width:0;max-width:100%;margin:0;font-family:Chau Philomene One,sans-serif;font-size:clamp(17px,2.2vw,24px);font-weight:400;transition:color .3s}section.information:not(.open) header .evenement.marquee{text-align:left;animation:titre-marquee var(--marquee-duration,6s) ease-in-out infinite alternate}section.information:not(.open) header .periode,section.information:not(.open) header .personnage-titre{display:none!important}section.information:not(.open) header button.toggle-information{flex-shrink:0}section.information.open{width:500px;height:100dvh;left:inherit;background:#333031;border-left:2px solid #f6f1e738;flex-direction:column;display:flex;position:fixed;right:0;overflow:hidden;box-shadow:-16px 0 40px #00000059;container:information-panel/inline-size}section.information.open.resizing{user-select:none;transition:none!important}section.information.open.fullwidth{width:100%!important}section.information.open.information-page{z-index:0;backdrop-filter:none;position:relative;overflow:auto;background-color:#0000!important;height:max-content!important}section.information.open.information-page .titre{text-align:left!important}section.information.open header{border-bottom:2px dashed #f6f1e740;flex-shrink:0;max-width:1200px;height:auto;padding:20px 20px 12px;justify-content:center!important;margin:0 auto!important}section.information.open header .personnage{opacity:0;transition:opacity .3s}section.information.open header .titre{text-align:left;opacity:1;width:100%;margin-right:48px;transition:opacity .3s;display:block}section.information.open header .annee{color:#333031;letter-spacing:.06em;text-transform:uppercase;background-color:#ffca5a;border-radius:999px;padding:3px 14px;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700}section.information.open header .evenement{color:#f6f1e7;margin:0;cursor:pointer;margin-block:8px;font-family:Chau Philomene One,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:500;line-height:1.2;transition:text-shadow .3s,color .3s,font-size .3s}section.information.open header .personnage-titre{color:#f6f1e7;margin:0;font-family:Chau Philomene One,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:500;line-height:1.2;transition:text-shadow .3s,color .3s,font-size .3s}section.information.open header .periode{color:#f6f1e7bf;text-transform:uppercase;letter-spacing:2px;opacity:.9;background:0 0;border-radius:0;margin:0 0 8px;padding:0;font-size:clamp(14px,2vw,18px);font-weight:400;transition:opacity .3s}section.information.open button.close-button{display:flex}section.information.open .information-content{grid-template-columns:1fr;gap:8px}section.information.open .information-content aside{overflow-y:initial;flex-shrink:0;margin-top:10px;position:static}section.information.open .vignette-aside.personnages ul{gap:8px;width:100%;max-width:426px;margin:0 auto;padding-bottom:8px;display:flex}section.information.open .vignette-aside.personnages ul .personnage a{flex-direction:column}@container information-panel (width>=1000px){section.information.open .information-content{grid-template-columns:1fr 300px;gap:32px}section.information.open .information-content aside{height:max-content;margin-top:0;position:sticky;top:16px}section.information.open .vignette-aside.personnages ul{max-width:none;display:block}section.information.open .vignette-aside.personnages ul .personnage a{flex-direction:row}}section.information .container{z-index:10;opacity:1;flex-direction:column;flex:1;max-width:1200px;margin:16px auto;padding:0 20px;transition:z-index .3s,opacity .3s;display:flex;position:relative;overflow:hidden}section.information .container[style*="z-index: 10"]:not(.personnage-mode){opacity:.3}section.information .container[style*="z-index: 20"]:not(.personnage-mode){opacity:1}section.information .container.personnage-mode{background-color:#f6f1e7;max-width:none;padding:0;position:absolute;inset:0}section.information .container.personnage-mode[style*="z-index: 10"]{opacity:.3}section.information .container.personnage-mode[style*="z-index: 20"]{opacity:1}section.information .container .information-content{flex:1;padding-right:8px;overflow:auto;display:grid!important}section.information .container .information-content article{overflow:initial!important}.information header .titre,.information-page header .titre{text-align:center}.information header .evenement,.information-page header .evenement{cursor:pointer}.personnage-modal{z-index:3000;visibility:hidden;width:500px;height:100dvh;transition:transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s;position:fixed;top:0;left:auto;right:0;transform:translate(100%);container:information-panel/inline-size;display:flex!important}.personnage-modal.active{visibility:visible;transition:transform .45s cubic-bezier(.22,1,.36,1);transform:translate(0)}.personnage-modal .modal-body>*{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(14px)}.personnage-modal.active .modal-body>*{opacity:1;transition-delay:.15s;transform:none}.personnage-modal.active .modal-body>:nth-child(2){transition-delay:.25s}.personnage-modal .modal-content{z-index:80000;background:#333031;border-left:2px solid #f6f1e738;flex-direction:column;height:100%;margin:0;padding:0;display:flex;box-shadow:-16px 0 40px #00000059}.personnage-modal .modal-header{border:none;flex-shrink:0;height:0;padding:0;overflow:visible}.personnage-modal .modal-header .modal-close,.personnage-modal .modal-header button.toggle-information{color:#333031;cursor:pointer;z-index:9999;background-color:#f6f1e7;border:2px solid #33303166;border-radius:999px;align-items:center;gap:8px;width:auto;height:44px;padding:0 18px 0 14px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:all .3s ease-in-out;display:flex;position:fixed;top:10px;left:10px;box-shadow:0 3px #1f1e1e4d,0 8px 18px #00000040}.personnage-modal .modal-header .modal-close svg,.personnage-modal .modal-header button.toggle-information svg{flex-shrink:0;transition:transform .2s}.personnage-modal .modal-header .modal-close:hover,.personnage-modal .modal-header button.toggle-information:hover{color:#333031;background-color:#ffca5a;border-color:#ab8432;box-shadow:0 3px #1f1e1e4d,0 10px 22px #0000004d}.personnage-modal .modal-header .modal-close:hover svg,.personnage-modal .modal-header button.toggle-information:hover svg{transform:translate(-3px)}.personnage-modal .modal-header .modal-close:active,.personnage-modal .modal-header button.toggle-information:active{transform:translateY(2px);box-shadow:0 1px #1f1e1e4d,0 4px 10px #0003}.personnage-modal .modal-body{flex:1;overflow-y:auto;max-height:100dvh!important;padding:68px 20px 20px!important}.personnage-modal .modal-body .personnage-article{overflow-y:initial!important;height:auto!important;margin:0!important}.personnage-modal .modal-body .personnage-article .personnage-header{color:#333031;background-color:#0000;border-bottom:2px dashed #3330314d;border-radius:0;align-items:center;gap:24px;margin-bottom:20px;padding:4px 4px 20px;display:flex}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-image{object-fit:cover;background-color:#e2e2de;border:6px solid #fff;border-radius:2px;flex-shrink:0;width:116px;height:116px;transform:rotate(-2.5deg);box-shadow:0 2px 10px #00000040}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info{flex:1}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-name{color:#333031;margin-bottom:10px;font-family:Chau Philomene One,sans-serif;font-size:1.6rem;font-weight:500}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details{color:#4e4b4d;flex-direction:column;gap:6px;font-family:Poppins,sans-serif;font-size:.9rem;display:flex}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details>div{align-items:center;gap:8px;display:flex}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details .personnage-dates{gap:16px}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details .personnage-dates .naissance,.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details .personnage-dates .deces{align-items:center;gap:8px;display:flex}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details svg{color:#ab8432;flex-shrink:0}.personnage-modal .modal-body .personnage-article .personnage-content img{border-radius:8px!important;max-width:100%!important;height:auto!important;margin:16px 0!important}.personnage-modal .modal-body aside{flex-direction:column;gap:16px;margin-top:24px;display:flex}.vignette-aside.personnages figure,.vignette-aside.personnages figure img{border-radius:8px!important}.vignette-partager{margin-bottom:16px}.vignette-partager button,.vignette-partager a{border-radius:6px;min-width:120px;font-size:.9rem;font-weight:500;transition:all .3s}.vignette-partager button:hover,.vignette-partager a:hover{transform:translateY(-2px);color:#333031!important}.vignette-partager button .btn-text,.vignette-partager a .btn-text{margin:0 4px}.personnage-link{color:#333031;cursor:pointer;background:0 0;border:1px solid #3330314d;border-radius:6px;padding:8px 12px;font-weight:500;transition:background-color .3s,border-color .3s,color .3s}.personnage-link:hover{color:#fff;background-color:#333031;border-color:#333031}.resize-handle{cursor:col-resize;z-index:2100;width:12px;height:100%;transition:background-color .2s;display:none;position:absolute;top:0;left:-6px}.resize-handle:hover .resize-handle-grip,.resize-handle.active .resize-handle-grip{opacity:1;background-color:#ffca5a40}.resize-handle:hover .resize-handle-grip span,.resize-handle.active .resize-handle-grip span{background-color:#ffca5a}.resize-handle.active .resize-handle-grip{background-color:#ffca5a59}.resize-handle .resize-handle-grip{opacity:.6;background-color:#f6f1e71a;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:6px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle .resize-handle-grip span{background-color:#f6f1e7;border-radius:50%;width:3px;height:3px;transition:background-color .2s;display:block}section.information.open .resize-handle{display:block}.resize-overlay{z-index:10000;cursor:col-resize;width:100%;height:100%;position:fixed;top:0;left:0}.information .annee .tw,.information .evenement .tw{font:inherit;will-change:opacity, filter;transition:opacity .3s,filter .3s,transform .3s;display:inline-block}.information .annee.tw-leaving .tw,.information .evenement.tw-leaving .tw{opacity:0;filter:blur(6px);transform:translateY(-3px)}.information .annee .tw.tw-enter,.information .evenement .tw.tw-enter{opacity:0;filter:blur(6px);transform:translateY(4px)}.information .event-illustration{margin:0 0 18px}.information .event-illustration img{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:260px;display:block;box-shadow:0 6px 18px #0000002e}.information .lieu-meta{color:#ffca5a;align-items:center;gap:5px;margin:2px 0 0;font-size:.9rem;font-weight:600;display:none}.information.open .lieu-meta.has-lieu{display:flex}.information-content a[href^="#game:"]{letter-spacing:.02em;color:#333031;cursor:pointer;transition:transform var(--duree-rapide) var(--ease-pop), box-shadow var(--duree-rapide) var(--ease-cozy);background:#ffca5a;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 6px #ab8432,0 9px 14px #00000042}.information-content a[href^="#game:"]:hover{transform:translateY(-2px);box-shadow:0 7px #ab8432,0 11px 18px #00000047}.information-content a[href^="#game:"]:active{transition-duration:90ms;transform:translateY(5px);box-shadow:0 1px #ab8432,0 2px 5px #00000038}.information-content a[href^="#game:"]:focus-visible{outline-offset:3px;outline:2px solid #ab8432}.information-content a[href^="#game:"]{margin:12px auto;text-decoration:none}.information .article-meta:not(:has(.reading-time span:not(:empty))){display:none}.load-error{text-align:center;padding:24px 0}.load-error p{color:#4e4b4d;margin:0 0 14px}.load-error .retry-load{letter-spacing:.02em;color:#333031;cursor:pointer;transition:transform var(--duree-rapide) var(--ease-pop), box-shadow var(--duree-rapide) var(--ease-cozy);background:#ffca5a;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 6px #ab8432,0 9px 14px #00000042}.load-error .retry-load:hover{transform:translateY(-2px);box-shadow:0 7px #ab8432,0 11px 18px #00000047}.load-error .retry-load:active{transition-duration:90ms;transform:translateY(5px);box-shadow:0 1px #ab8432,0 2px 5px #00000038}.load-error .retry-load:focus-visible{outline-offset:3px;outline:2px solid #ab8432}.loading-content{justify-content:center;align-items:center;min-height:200px;display:none}.loading-content.show{display:flex!important}.loading-content .loader{text-align:center;color:#333031}.loading-content .loader .spinner{border:4px solid #f6f1e7;border-top-color:#333031;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.loading-content .loader p{margin:0;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.information.opening:not(.open) header{transform-origin:top;pointer-events:none;animation:.22s ease-in forwards slideOutToTop}section.information:not(.open):not(.opening) header{animation:.35s ease-out both slideInFromTop}@media (width<=1024px){section.information{height:130px}section.information header .annee{padding:6px 12px;font-size:.9rem}section.information header .evenement{font-size:clamp(20px,2.5vw,36px)}.content-grid{grid-template-columns:1fr 250px;gap:24px}.content-grid .personnage-evenementsList,.content-grid .evenements-liesList{padding:12px}.content-grid .personnage-evenementsList h3,.content-grid .evenements-liesList h3{margin-top:12px;padding:6px 12px 6px 28px;font-size:1rem;transform:translate(-20px)}.content-grid .personnage-evenementsList ul,.content-grid .evenements-liesList ul{padding:56px .8rem .8rem}.content-grid .personnage-evenementsList ul li a,.content-grid .evenements-liesList ul li a{gap:12px;padding:6px}.content-grid .personnage-evenementsList ul li a p,.content-grid .evenements-liesList ul li a p{font-size:.75rem}.content-grid .personnage-evenementsList ul li a p .date,.content-grid .evenements-liesList ul li a p .date{padding:2px 6px;font-size:.7rem}.content-grid .personnage-evenementsList ul li img,.content-grid .evenements-liesList ul li img{width:56px;height:56px}.content-grid .vignette-aside.personnages{padding:6px 12px}.content-grid .vignette-aside.personnages h3{padding:6px 12px;transform:translateY(-12px)}.content-grid .vignette-aside.personnages ul{max-height:200px}.content-grid .vignette-aside.personnages .personnage a{padding:6px}.content-grid .vignette-aside.personnages .personnage a figure{width:56px;height:56px}article{background-size:28px 28px;padding:12px}article p{margin-block:1rem;font-size:1rem}article ul li{font-size:1rem}article h2{font-size:1.4rem}article h3{font-size:1.2rem}article h4{font-size:1.1rem}article p:has(img){margin:16px auto 8px}article p:has(img) em{padding:6px 12px;font-size:1.1rem;bottom:12px;left:12px}article p:has(img) img{max-width:calc(100% - 32px);margin:0 16px;padding:6px}article p:has(img):before,article p:has(img):after{width:80px;height:25px}}@media (width<=768px){section.information{height:120px}section.information header{padding:6px 0}section.information header .annee{padding:4px 8px;font-size:.8rem}section.information header .evenement{font-size:clamp(18px,4vw,28px)}section.information.open header{padding:16px}section.information:not(.open){z-index:2000;width:100%;position:fixed;inset:0 0 auto}section.information.open{border-left:none;background:#333031!important;width:100%!important;height:100dvh!important;position:fixed!important;inset:0!important}section.information.open header .titre{text-align:center;margin-left:40px;margin-right:40px}section.information.open header .evenement,section.information.open header .personnage-titre{font-size:clamp(20px,5vw,28px)}section.information.open header .periode{font-size:clamp(12px,3vw,16px)}section.information.open .container{padding:0 16px}section.information.open .container .information-content{grid-template-columns:1fr;gap:16px;padding-right:0}section.information.open .vignette-aside.personnages ul{flex-wrap:wrap;justify-content:center;max-width:100%}section.information .container,section.information header{padding:0 16px}.resize-handle{display:none!important}.events-list-wrapper{max-width:100%!important;margin-left:8px!important;margin-right:8px!important}.content-grid{grid-template-columns:1fr;gap:16px}.content-grid aside{order:2;gap:8px;margin-bottom:20px;position:static}.content-grid .personnage-evenementsList,.content-grid .evenements-liesList{margin:20px 0;padding:8px}.content-grid .personnage-evenementsList h3,.content-grid .evenements-liesList h3{margin-top:8px;padding:4px 8px 4px 24px;font-size:.9rem;transform:translate(-16px)}.content-grid .personnage-evenementsList ul,.content-grid .evenements-liesList ul{padding:48px .6rem .6rem}.content-grid .personnage-evenementsList ul li a,.content-grid .evenements-liesList ul li a{text-align:center;flex-direction:column;gap:8px;padding:4px}.content-grid .personnage-evenementsList ul li a img,.content-grid .evenements-liesList ul li a img{width:48px;height:48px}.content-grid .personnage-evenementsList ul li a p,.content-grid .evenements-liesList ul li a p{font-size:.7rem}.content-grid .personnage-evenementsList ul li a p .date,.content-grid .evenements-liesList ul li a p .date{padding:1px 4px;font-size:.65rem}.content-grid .personnage-evenementsList ul li figure,.content-grid .evenements-liesList ul li figure{justify-content:center;display:flex}.content-grid .personnage-evenementsList ul li img,.content-grid .evenements-liesList ul li img{width:48px;height:48px}.content-grid .vignette-aside.personnages{padding:4px 8px}.content-grid .vignette-aside.personnages ul{max-height:150px}.content-grid .vignette-aside.personnages .personnage a{text-align:center;flex-direction:column;padding:4px}.content-grid .vignette-aside.personnages .personnage a figure{width:48px;height:48px;margin-bottom:4px;margin-right:0}article{background-size:24px 24px;padding:8px}article p{margin-block:.8rem;font-size:.9rem}article ul li{font-size:.9rem}article h2{font-size:1.3rem}article h3{font-size:1.1rem}article h4{font-size:1rem}article ul,article ol{padding-left:24px}article p:has(img){margin:12px auto 6px}article p:has(img) em{padding:4px 8px;font-size:1rem;bottom:8px;left:8px}article p:has(img) img{max-width:calc(100% - 24px);margin:0 12px;padding:4px}article p:has(img):before,article p:has(img):after{width:60px;height:20px}.navigation-buttons{flex-direction:column;gap:8px}.navigation-buttons button,.navigation-buttons a{flex:none;justify-content:center;width:100%;padding:12px 16px;font-size:.9rem}.navigation-buttons button .btn-text,.navigation-buttons a .btn-text{margin-left:0}.vignette-partager{flex-direction:column;gap:8px}.vignette-partager button,.vignette-partager a{flex:none;justify-content:center;width:100%;padding:12px 16px;font-size:.9rem}.vignette-aside{padding:12px}.vignette-aside h3{padding:6px 12px;font-size:1rem}.vignette-aside.personnages .personnage a{text-align:center;flex-direction:column;padding:12px 8px}.vignette-aside.personnages .personnage a figure{width:60px;height:60px;margin-bottom:8px;margin-right:0}.personnage-modal{left:0;right:0;width:100%!important}.personnage-modal .modal-content{background-color:#333031}.personnage-modal .modal-header .modal-close{padding:0 14px 0 10px}.personnage-modal .modal-body{padding:60px 16px 16px}.personnage-modal .modal-body .personnage-article .personnage-header{text-align:center;flex-direction:column;gap:12px;padding:12px}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-image{width:100px;height:100px}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-name{font-size:1.3rem}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details{align-items:center;font-size:.85rem}.personnage-modal .modal-body .personnage-article .personnage-header .personnage-info .personnage-details>div{justify-content:center}.navigation-buttons button .btn-text{display:none}}@media (width<=768px) and (orientation:landscape){section.information{height:80px}section.information header .evenement{font-size:clamp(14px,3vw,20px)}.content-grid{grid-template-columns:1fr 200px;gap:12px}.content-grid aside{order:0;position:sticky;top:80px}.content-grid .personnage-evenementsList ul,.content-grid .evenements-liesList ul{padding-top:36px}.content-grid .personnage-evenementsList ul li a,.content-grid .evenements-liesList ul li a,.content-grid .vignette-aside.personnages .personnage a{text-align:left;flex-direction:row}.content-grid .vignette-aside.personnages .personnage a figure{margin-bottom:0;margin-right:4px}}@media (width<=480px){section.information{height:100px}section.information header .annee{padding:2px 6px;font-size:.7rem}section.information header .evenement{font-size:clamp(16px,5vw,24px)}section.information.open header{padding:12px}.content-grid{gap:12px}.content-grid .personnage-evenementsList,.content-grid .evenements-liesList{padding:6px}.content-grid .personnage-evenementsList h3,.content-grid .evenements-liesList h3{margin-top:6px;padding:2px 6px 2px 20px;font-size:.8rem;transform:translate(-12px)}.content-grid .personnage-evenementsList ul,.content-grid .evenements-liesList ul{padding:40px .4rem .4rem}.content-grid .personnage-evenementsList ul li a,.content-grid .evenements-liesList ul li a{gap:4px;padding:2px}.content-grid .personnage-evenementsList ul li a p,.content-grid .evenements-liesList ul li a p{font-size:.65rem}.content-grid .personnage-evenementsList ul li a p .date,.content-grid .evenements-liesList ul li a p .date{padding:1px 2px;font-size:.6rem}.content-grid .personnage-evenementsList ul li img,.content-grid .evenements-liesList ul li img{width:40px;height:40px}.content-grid .vignette-aside.personnages{padding:2px 6px}.content-grid .vignette-aside.personnages h3{padding:2px 6px;font-size:.8rem;transform:translateY(-6px)}.content-grid .vignette-aside.personnages ul{max-height:120px}.content-grid .vignette-aside.personnages .personnage a{padding:2px}.content-grid .vignette-aside.personnages .personnage a figure{width:40px;height:40px}article{background-size:20px 20px;padding:6px}article p{margin-block:.6rem;font-size:.8rem}article ul li{font-size:.8rem}article h2{font-size:1.2rem}article h3{font-size:1rem}article h4{font-size:.9rem}article ul,article ol{padding-left:20px}article p:has(img){margin:8px auto 4px}article p:has(img) em{padding:2px 6px;font-size:.9rem;bottom:6px;left:6px}article p:has(img) img{max-width:calc(100% - 16px);margin:0 8px;padding:2px}article p:has(img):before,article p:has(img):after{width:40px;height:15px}}@media (hover:none) and (pointer:coarse){.content-grid .navigation-buttons button,.content-grid .vignette-partager button,article .buttons a{min-height:44px;padding:8px 16px}}@keyframes titre-marquee{0%,12%{transform:translate(0)}88%,to{transform:translateX(var(--marquee-shift,0))}}section.information{--panneau-duree:.5s}@keyframes panneau-contenu{0%{opacity:0;transform:translateY(20px)}}@keyframes panneau-bouton{0%{opacity:0;transform:scale(.6)translateY(-8px)}}section.information.open .information-content>article{animation:panneau-contenu var(--panneau-duree) cubic-bezier(.215, .61, .355, 1) .18s backwards}section.information.open .information-content>aside{animation:panneau-contenu var(--panneau-duree) cubic-bezier(.215, .61, .355, 1) .26s backwards}section.information.open #sectionTitle{animation:panneau-contenu var(--panneau-duree) cubic-bezier(.215, .61, .355, 1) .1s backwards}section.information.open .close-button{animation:.35s cubic-bezier(.34,1.56,.64,1) .3s backwards panneau-bouton}section.information.open.closing .information-content>article,section.information.open.closing .information-content>aside,section.information.open.closing #sectionTitle,section.information.open.closing .close-button{animation:none}section.information:not(.open) .close-button,section.information:not(.open) #sectionTitle{display:none}@media (prefers-reduced-motion:reduce){section.information.open .information-content>article,section.information.open .information-content>aside,section.information.open #sectionTitle,section.information.open .close-button{animation-duration:1ms;animation-delay:0s}}@media (width<=600px) and (orientation:portrait){section.information:not(.open) header{gap:10px;height:52px;padding:0 12px 0 64px;margin:6px 0!important}section.information:not(.open) header .titre{text-align:left;justify-content:flex-start}section.information:not(.open) header .main-title-wrapper{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:100%}section.information:not(.open) header .annee{letter-spacing:.03em;max-width:none;height:auto;padding:1px 8px;font-size:.68rem;font-weight:700}section.information:not(.open) header .evenement{white-space:normal;text-align:left;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:1.05rem;line-height:1.1;display:-webkit-box;overflow:hidden}section.information:not(.open) header .evenement.marquee{animation:none}section.information:not(.open) header .lieu-meta{display:none}}@media (orientation:landscape) and (height<=500px){section.information:not(.open) header{height:36px;padding-left:56px;margin:4px 0!important}section.information:not(.open) header .annee{height:30px;padding:0 10px;font-size:.7rem}section.information:not(.open) header .evenement{font-size:1.05rem}section.information:not(.open) header .lieu-meta{display:none}section.information:not(.open) header button.toggle-information{border-radius:12px;width:36px;height:36px}section.information:not(.open) header button.toggle-information:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.events-list-wrapper{border-radius:12px;margin:calc(4px + var(--frise-top)) calc(4px + var(--frise-decalage,0px)) 0 4px!important}}@media (width<=768px){.content-grid .personnage-evenementsList h3,.content-grid .evenements-liesList h3{font-size:.9rem}.content-grid .personnage-evenementsList ul li a p,.content-grid .evenements-liesList ul li a p{font-size:.8rem;line-height:1.35}.content-grid .personnage-evenementsList ul li a p .date,.content-grid .evenements-liesList ul li a p .date{padding:1px 6px;font-size:.75rem}.content-grid .vignette-aside.personnages h3{font-size:.9rem}article p,article ul li{font-size:1rem;line-height:1.6}}