:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--background-color: #231e18;--prehistoire-color: #E6B980;--antiquite-color: #F4D88A;--rome-color: #C45A5A;--moyen-age-color: #6C8CD5;--temps-modernes-color: #9C6ADE;--comptemporaine-color: #7DAF7B;--ere-spatiale-color: #C6E9FF;--bg-header: #1c1510;--bg-page: #231e18;--bg-surface: #2e2720;--bg-surface-hover: #362e25;--bg-modal: rgba(20, 15, 10, .96);--border-subtitle: rgba(230, 185, 128, .12);--border-medium: rgba(230, 185, 128, .22);--text-primary: #f0e6d3;--text-secondary: rgba(240, 230, 211, .5);--text-tertiary: rgba(0, 0, 0, .6);--gold: #c9a96e;--white: #ffffff;--box-shadow: 0 2px 8px rgba(0, 0, 0, .3);--bg-icon: rgba(255, 255, 255, .06);--bg-icon-hover: rgba(201, 169, 110, .18)}html,body{margin:0;padding:0;width:100%;height:100dvh;overflow:auto}#root,.full-screen{width:100%;height:100dvh}h1{font-size:3.2em;line-height:1.1}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;font-family:Georgia,Times New Roman,serif;color:var(--text-primary)}.loader-page{position:fixed;inset:0;z-index:1000;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader-spinner{width:48px;height:48px;border-radius:50%;border:3px solid var(--border-medium);border-top-color:var(--gold);animation:loader-spin .85s linear infinite}.loader-text{margin:0;font-size:.95rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}@keyframes loader-spin{to{transform:rotate(360deg)}}.modal{position:absolute;top:20px;left:10%;width:80%;background:var(--bg-modal);border:1px solid var(--border-medium);border-top:2px solid var(--gold);border-radius:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--box-shadow);color:var(--text-primary);overflow:hidden;z-index:10}.modal_header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem .75rem;border-bottom:1px solid var(--border-subtitle)}.modal_title{margin:0;font-size:1.1rem;font-weight:700;font-family:Georgia,Times New Roman,serif;color:var(--gold);letter-spacing:.02em}.modal_close{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;background:var(--bg-icon);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.modal_close:hover{background:var(--bg-icon-hover);border-color:var(--border-medium)}.modal_content{margin:0;padding:.9rem 1.1rem 1rem;font-size:.9rem;line-height:1.65;color:var(--text-secondary)}.panel{position:absolute;width:40%;bottom:20dvh;height:60dvh;left:50%;transform:translate(-50%);z-index:10;background:var(--bg-modal);color:var(--text-primary);border-top:1px solid var(--border-medium);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.25rem 1.5rem 1.5rem;box-shadow:var(--box-shadow)}@media(max-width:700px){.panel{width:auto;height:80dvh;left:0;transform:translate(0);bottom:0}}.panel_header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtitle)}.panel_title{margin:0;font-size:1.25rem;font-weight:700;font-family:Georgia,Times New Roman,serif;color:var(--gold);letter-spacing:.02em}.panel_date{display:inline-block;margin-right:.35rem;font-size:.78rem;font-family:Georgia,Times New Roman,serif;color:var(--gold);opacity:.8}.panel_close{flex-shrink:0;width:1.8rem;height:1.8rem;padding:0;font-size:1.2rem;line-height:1;background:var(--bg-icon);color:var(--gold);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.panel_close:hover{background:var(--bg-icon-hover);border-color:var(--border-medium)}.panel_content{overflow-y:auto;height:calc(60dvh - 5.5rem)}@media(max-width:700px){.panel_content{height:calc(80dvh - 5.5rem)}}.panel_intro{margin:0 0 1rem;font-size:.93rem;line-height:1.65;color:var(--text-secondary);font-style:italic}.panel_facts{margin:0;padding-left:0;list-style:none}.panel_fact{margin-bottom:.75rem;font-size:.88rem;line-height:1.55;padding-left:1rem;position:relative;color:var(--text-secondary)}.panel_fact:before{content:"◆";position:absolute;left:0;font-size:.8rem;top:.2em;color:var(--gold)}.panel_fact:last-child{margin-bottom:0}.panel_fact strong{color:var(--text-primary);font-weight:600}.button{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10;padding:10px 20px;font-size:.85rem;font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:.08em;border-radius:6px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.button-dark{background:var(--bg-modal);color:var(--gold);border:1px solid var(--border-medium)}.button-light{background:var(--gold);color:var(--white);border:1px solid var(--border-medium)}.button-dark:hover{background:var(--bg-modal);border-color:var(--border-medium);color:var(--gold)}.button-light:hover{background:var(--gold);color:var(--white);border:1px solid var(--border-medium)}.hotspot-btn{border-radius:50%}.hotspot-btn-light{border:1px solid var(--gold);color:var(--white);background-color:var(--gold)}.hotspot-btn-dark{border:1px solid var(--bg-surface);color:var(--text-primary);background-color:var(--bg-surface)}.not-found-page{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;background-color:var(--bg-page)}.not-found-bg-texture{position:absolute;inset:0;background-image:radial-gradient(ellipse at 50% 30%,var(--border-subtitle) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,var(--border-subtitle) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.not-found-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;gap:20px}.not-found-ornament{display:flex;align-items:center;gap:10px;width:160px}.not-found-ornament .ornament-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-medium),transparent)}.not-found-ornament .ornament-diamond{width:6px;height:6px;background-color:var(--border-medium);transform:rotate(45deg);flex-shrink:0}.not-found-code{margin:0;font-size:clamp(4rem,15vw,7rem);font-weight:700;line-height:1;color:var(--gold);opacity:.5;font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em}.not-found-content h1{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.2;color:var(--text-primary);font-family:Georgia,Times New Roman,serif}.not-found-message{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.not-found-link{display:inline-block;margin-top:8px;padding:12px 24px;font-size:.9rem;font-weight:500;color:var(--gold);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:6px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}.not-found-link:hover{background-color:var(--bg-surface-hover);border-color:var(--border-medium);color:var(--gold)}.not-found-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.containerCanvas{background-image:var(--bg-image);background-size:cover;background-position:center bottom;background-color:var(--bg-page);height:100dvh;width:100%}@media(min-width:700px){.containerCanvas{background-image:var(--bg-image-desktop)}}@media(min-width:1400px){.containerCanvas{background-size:contain;background-repeat:no-repeat}}.container{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;padding:20px;min-height:140px;cursor:pointer;background-color:var(--bg-surface);border:1px solid var(--border-subtitle);border-top:2px solid var(--card-color, var(--gold));transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:var(--box-shadow)}.container:hover{transform:translateY(-4px);background-color:var(--bg-surface-hover);border-color:var(--border-medium)}.container:active{transform:translateY(-1px)}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background-color:var(--bg-icon);border:1px solid var(--border-subtitle);color:var(--card-color, var(--gold));flex-shrink:0}.card-text{display:flex;flex-direction:column;gap:4px}.title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2;font-family:Georgia,Times New Roman,serif}.description{margin:0;font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.04em}@media(max-width:400px){.container{min-height:110px;padding:16px}}.home-page{display:flex;flex-direction:column;min-height:100dvh}.header{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;background-color:var(--bg-header)}.header-bg-texture{position:absolute;inset:0;background-image:radial-gradient(ellipse at 20% 50%,var(--border-subtitle) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,var(--border-subtitle) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.header-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px 40px;max-width:700px;width:100%;box-sizing:border-box;gap:16px}.header-ornament{display:flex;align-items:center;gap:10px;width:200px}.ornament-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-medium),transparent)}.ornament-diamond{width:6px;height:6px;background-color:var(--border-medium);transform:rotate(45deg);flex-shrink:0}.header-eyebrow{margin:0;font-size:.72rem;font-weight:400;letter-spacing:.18em;color:var(--text-secondary);font-style:italic}.header h1{margin:0;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--white);font-family:Georgia,Times New Roman,serif}.header-subtitle{margin:0;font-size:.88rem;line-height:1.65;color:var(--text-secondary);max-width:420px}.header-timeline{display:flex;width:100%;height:48px}.timeline-segment{flex:1;background-color:var(--segment-color);display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;position:relative;overflow:hidden;transition:flex .3s ease;cursor:default}.timeline-segment:before{content:"";position:absolute;inset:0}.timeline-segment:hover{flex:2.5}.timeline-label{position:relative;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;text-align:center;opacity:0;transition:opacity .2s ease}.timeline-segment:hover .timeline-label{opacity:1}.cards-section{flex:1;padding:48px 24px 72px;background-color:var(--bg-page)}.cards-section-title{text-align:center;font-family:Georgia,Times New Roman,serif;font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin:0 auto 32px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1100px;margin:0 auto}@media(max-width:768px){.header-content{padding:36px 20px 28px}.header-timeline{height:38px}.cards-section{padding:32px 16px 56px}.cards-container{grid-template-columns:1fr 1fr;gap:14px}}@media(max-width:480px){.cards-container{grid-template-columns:1fr}}