#chrono-game{margin:2rem 0;scroll-margin-top:1rem;border:1px solid #d5cebf;border-radius:12px;background:#fffcf6;overflow:hidden;color:#183238}
.chrono-game-heading{padding:clamp(1.25rem,3vw,2.5rem);background:#132d35;color:#fffcf6;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.chrono-game-heading h2{font:600 clamp(1.7rem,3vw,2.8rem)/1.12 Georgia,serif;margin:.4rem 0}.chrono-game-heading p{max-width:65ch;margin:.5rem 0}.chrono-game-heading .chrono-kicker{color:#e8c77e}.chrono-game-heading .chrono-primary{background:#e8c77e;color:#132d35}
#chrono-game-body{padding:clamp(1rem,2.4vw,2rem)}#chrono-game-status{padding:0 1.5rem;margin:.8rem 0;color:#31585f}.chrono-game-intro{max-width:70ch;line-height:1.7}
.chrono-game-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.chrono-game-progress>p{font-weight:650;font-size:.88rem}.chrono-game-progress ol{display:flex;gap:.6rem;list-style:none;margin:0;padding:0}.chrono-game-progress li{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #b4bbb5;color:#183238}.chrono-game-progress [aria-current]{background:#e8c77e;border-color:#866223;outline:2px solid #183238;outline-offset:2px}
.chrono-game-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:start}.chrono-game-document{margin:0;min-width:0;background:#f0ebdf;border-radius:6px;overflow:hidden}.chrono-game-document>button{display:block;border:0;background:#17343b;color:#fffcf6;width:100%;padding:1rem;border-radius:0;text-align:center;cursor:zoom-in}.chrono-game-document img{display:block;width:100%;height:clamp(300px,44vw,560px);object-fit:contain;filter:none}.chrono-game-document>button>span{display:block;margin-top:.6rem;font-size:.86rem}.chrono-game-document figcaption{padding:1rem;line-height:1.5;font-size:.78rem;overflow-wrap:anywhere}.chrono-game-document figcaption>span{display:block}.chrono-game-document details{margin-top:.5rem}.chrono-game-document summary{min-height:44px;display:flex;align-items:center;text-decoration:underline;cursor:pointer}.chrono-game-document a{color:#514019}
.chrono-game-work{min-width:0}.chrono-game-work h3{font:600 clamp(1.45rem,2.4vw,2.2rem)/1.18 Georgia,serif;margin:.5rem 0 1rem}.chrono-game-method{font-size:.9rem;line-height:1.65;color:#405b60}.chrono-game-work fieldset{border:0;border-top:1px solid #d5cebf;padding:1rem 0;margin:1rem 0;min-width:0}.chrono-game-work legend{font-weight:650;padding-right:.5rem;max-width:100%}.chrono-game-work label{display:block;font-size:.85rem}.chrono-game-work input,.chrono-game-work select,.chrono-game-share input{font:inherit;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;border:1px solid #879698;border-radius:5px;padding:.6rem;background:#fffcf6;color:#183238}.chrono-game-date-fields{display:grid;grid-template-columns:1fr 1.1fr;gap:.75rem}.chrono-game-date-fields input,.chrono-game-date-fields select{margin-top:.35rem}.chrono-game-ruler{position:relative;margin:.75rem 0 1rem;padding-top:.35rem}.chrono-game-ruler svg{display:block;width:100%;height:45px;overflow:visible;stroke:#819391;fill:#183238}.chrono-game-ruler text{font:28px Georgia,serif;stroke:none}.chrono-game-ruler input{position:absolute;top:-2px;left:0;min-height:32px;height:32px;padding:0;margin:0;background:transparent;border:0;accent-color:#947124;cursor:ew-resize}.chrono-game-help,.chrono-game-no-place{font-size:.83rem;line-height:1.6;color:#405b60}.chrono-game-map{display:block;width:100%;height:auto;aspect-ratio:2;background:#132d35;border-radius:5px;touch-action:pan-y}.chrono-game-map-mount{max-width:100%}#chrono-game-map-mount .chrono-game-map{cursor:crosshair}.chrono-game-pin{fill:#fffcf6;stroke:#132d35;stroke-width:4}.chrono-game-pin.answer{fill:#e8c77e;stroke:#132d35;stroke-width:4}.chrono-game-cross{fill:none;stroke:#fffcf6;stroke-width:3}.chrono-game-cross.answer{stroke:#e8c77e;stroke-width:4}
#chrono-game button{min-height:44px;white-space:normal}#chrono-game :focus-visible,#chrono-game-zoom :focus-visible{outline:3px solid #1a6a8c;outline-offset:3px}.chrono-game-hints{padding:1rem;background:#f0ebdf;margin:1.4rem 0 0;border-radius:5px}.chrono-game-hints h4{margin:0 0 .5rem}.chrono-game-hints ol{padding-left:1.2rem;line-height:1.65}.chrono-game-hints li+li{margin-top:.6rem}.chrono-game-hints p{font-size:.8rem;line-height:1.5}.chrono-game-hints button{border:1px solid #7c6a43;background:#fffcf6;color:#183238;border-radius:5px;padding:.6rem 1rem}.chrono-game-hints button:disabled{opacity:.6}.chrono-game-correction{line-height:1.65}.chrono-game-correction h4{font:600 2.5rem Georgia,serif;color:#6e5018;margin:.5rem 0 1rem}.chrono-game-correction dl{padding:1rem;background:#f0ebdf;font-size:.9rem}.chrono-game-correction dt{font-weight:700}.chrono-game-correction dd{margin:0 0 .5rem}.chrono-game-correction>a,.chrono-game-correction>button{display:block;margin:1rem 0}.chrono-game-correction .chrono-image-credit{font-size:.77rem;overflow-wrap:anywhere}.chrono-game-score{font-weight:700}.chrono-game-location-answer p{font-size:.84rem}.chrono-game-result{max-width:900px;margin:auto}.chrono-game-result h3{font:600 clamp(2rem,4vw,3rem) Georgia,serif}.chrono-game-result>ol{padding:0;list-style:none;display:grid;gap:1rem}.chrono-game-result>ol li{display:flex;gap:1.25rem;border-top:1px solid #d5cebf;padding:1rem 0;align-items:center}.chrono-game-result>ol img{width:100px;height:110px;object-fit:contain;background:#eee9dd}.chrono-game-result>ol p{font-size:.85rem}.chrono-game-share{background:#f0ebdf;padding:1.5rem;border-radius:6px;margin:1.5rem 0}.chrono-game-share label{display:block;font-size:.85rem;margin:.7rem 0}.chrono-game-share button{margin-top:.7rem}.chrono-game-new{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.chrono-game-result p{line-height:1.65}#chrono-game-error{color:#873d25;font-weight:650}
#chrono-game-zoom{border:1px solid #d5cebf;border-radius:8px;background:#f5f1e8;color:#183238;max-width:min(94vw,1200px);max-height:94vh;padding:1rem;box-sizing:border-box}#chrono-game-zoom::backdrop{background:#061a20e0}#chrono-game-zoom>button{display:block;margin-left:auto;min-height:44px;background:#132d35;color:#fffcf6;padding:.6rem 1rem;border-radius:5px;border:0}#chrono-game-zoom img{display:block;max-width:100%;width:auto;max-height:76vh;height:auto;object-fit:contain;margin:1rem auto}#chrono-game-zoom p{font-size:.8rem;text-align:center}
#chrono-game[data-game-stage] .chrono-game-heading{padding:1rem 1.5rem}#chrono-game[data-game-stage] .chrono-game-heading h2{font-size:1.8rem;margin:.2rem 0}#chrono-game[data-game-stage] .chrono-game-heading>div>p:last-child{font-size:.83rem;max-width:75ch}#chrono-game[data-game-stage] .chrono-game-heading button{background:transparent;border:1px solid #e8c77e;color:#f0d49c;font-size:.82rem}.chrono-game-result h3{margin:.6rem 0 1rem}
@media(max-width:800px){.chrono-game-layout{grid-template-columns:1fr}.chrono-game-document img{height:clamp(260px,80vw,470px)}.chrono-game-heading{padding:1.2rem}.chrono-game-heading h2{font-size:1.8rem}.chrono-game-progress{gap:.5rem}.chrono-game-progress>p{font-size:.75rem}.chrono-game-progress li{width:30px;height:30px}.chrono-game-progress ol{gap:.3rem}.chrono-game-result>ol img{width:70px;height:85px}.chrono-game-ruler text{font-size:30px}}
#chrono-game .chrono-game-document>button,#chrono-game .chrono-game-document>button:hover,#chrono-game .chrono-game-document>button:active{background:#17343b;color:#fffcf6;appearance:none}#chrono-game .chrono-game-document>button:focus-visible{outline-color:#e8c77e;outline-offset:-3px}
#chrono-game:not([data-game-stage]) .chrono-game-heading .chrono-primary,#chrono-game:not([data-game-stage]) .chrono-game-heading .chrono-primary:hover{background:#e8c77e;color:#132d35;border-color:#e8c77e}#chrono-game[data-game-stage] .chrono-game-heading button:hover{background:#24464f;color:#fffcf6}
@media(prefers-reduced-motion:reduce){#chrono-game *{scroll-behavior:auto;transition:none}}
@media print{#chrono-game,#chrono-game-zoom{display:none!important}}
