:root{--parchment: #f6eeda;--parchment-deep: #efe3c8;--land: #e2d0a6;--land-edge: #8a6f48;--ink: #3d2f1f;--ink-soft: #6b5a44;--accent: #b5522d;--accent-deep: #8e3d1f;--line: #c8b48d;--card-bg: #fbf6ea}*{box-sizing:border-box}body{margin:0;background-color:var(--parchment);color:var(--ink);font-family:Heebo,sans-serif;line-height:1.6;max-width:1020px;margin-inline:auto;padding:1.5rem 1rem 3rem;transition:background-color 1s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05}h1,h2,h3,.year-heading{font-family:"Noto Serif Hebrew",serif}.site-header{text-align:center;margin-bottom:.6rem}.site-header h1{font-size:2.4rem;margin:0;letter-spacing:.02em}.tagline{margin:.2rem 0 0;color:var(--ink-soft);font-size:1rem}.intro{margin:.5rem auto 0;max-width:34rem;color:var(--ink-soft);font-size:.92rem;line-height:1.5}.flourish{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:.5rem;color:var(--accent-deep);font-size:.8rem;transition:color 1s ease}.flourish:before,.flourish:after{content:"";height:1px;width:min(130px,22vw);background:linear-gradient(90deg,transparent,var(--land-edge),transparent)}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin:.8rem 0}.controls label{font-weight:500}.controls input[type=number]{width:6.5rem;padding:.45rem .6rem;font-size:1.1rem;font-family:inherit;border:1px solid var(--land-edge);border-radius:6px;background:var(--card-bg);color:var(--ink);text-align:center;direction:ltr;transition:background-color 1s ease,border-color 1s ease}.controls button{padding:.45rem 1rem;font-size:1rem;font-family:inherit;font-weight:500;border:1px solid var(--accent-deep);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;transition:background-color .4s ease,border-color 1s ease}.controls button:hover{background:var(--accent-deep)}.year-nav{display:flex;align-items:center;gap:.35rem}.controls .nav-btn{width:2.4rem;padding:.45rem 0;font-size:.9rem;line-height:1;background:transparent;color:var(--accent-deep)}.controls .nav-btn:hover:not(:disabled){background:var(--parchment-deep)}.controls .nav-btn:disabled{opacity:.35;cursor:default;border-color:var(--land-edge);color:var(--ink-soft)}.controls #random-btn,.controls .ghost{background:transparent;color:var(--accent-deep)}.controls #random-btn:hover,.controls .ghost:hover{background:var(--parchment-deep)}.controls button:focus-visible,.controls input:focus-visible,.card:focus-visible,#map .pin:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;border-radius:6px}.controls-hint{text-align:center;margin:-.3rem 0 .5rem;font-size:.78rem;color:var(--ink-soft);opacity:.85}.tl-epoch{position:absolute;top:-5px;bottom:-5px;width:2px;margin-inline-start:-1px;background:var(--ink);opacity:.55;pointer-events:none}.tl-tick.bce{font-size:.7rem}.banner{text-align:center;background:var(--parchment-deep);border:1px dashed var(--land-edge);border-radius:8px;padding:.5rem 1rem;margin:.5rem auto;max-width:40rem;color:var(--ink-soft);font-size:.95rem;transition:background-color 1s ease,border-color 1s ease}.year-heading{text-align:center;font-size:2rem;margin:.6rem 0 .5rem}.year-heading .era-tag{display:block;font-size:1rem;font-family:Heebo,sans-serif;font-weight:500;color:var(--accent-deep);transition:color 1s ease}.featured-note{text-align:center;margin:0 auto .4rem;max-width:36rem;font-size:.9rem;color:var(--accent-deep);transition:color 1s ease}.featured-note .star{font-size:.95rem}.year-heading .yh-in{display:block;animation:rise-in .5s ease backwards}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}.map-wrap{border:1px solid var(--land-edge);border-radius:10px;background-color:var(--parchment-deep);background-image:radial-gradient(ellipse at center,#ffffff40,#463c2824);box-shadow:inset 0 0 40px #463c2829;overflow:hidden;transition:background-color 1s ease,border-color 1s ease}#map{display:block;width:100%;height:auto}#map .frame-outer{fill:none;stroke:var(--land-edge);stroke-width:1.4;transition:stroke 1s ease}#map .frame-inner{fill:none;stroke:var(--land-edge);stroke-width:.5;opacity:.6;transition:stroke 1s ease}#map .compass-ring{fill:none;stroke:var(--land-edge);stroke-width:.8;opacity:.55;transition:stroke 1s ease}#map .compass-star{fill:var(--accent);stroke:var(--accent-deep);stroke-width:.6;opacity:.85;transition:fill 1s ease,stroke 1s ease}#map .compass-star.minor{fill:var(--land-edge);stroke:none;opacity:.5;transition:fill 1s ease}#map .compass-hub{fill:var(--accent-deep);transition:fill 1s ease}#map .compass-n{font-family:"Noto Serif Hebrew",serif;font-size:13px;font-weight:700;fill:var(--accent-deep);text-anchor:middle;transition:fill 1s ease}#map .sphere{fill:none;stroke:var(--land-edge);stroke-width:1.2;transition:stroke 1s ease}#map .graticule{fill:none;stroke:var(--line);stroke-width:.4;opacity:.6;transition:stroke 1s ease}#map .land{fill:var(--land);stroke:var(--land-edge);stroke-width:.7;transition:fill 1s ease,stroke 1s ease}#map .parallel-line{fill:none;stroke:var(--accent-deep);stroke-width:1.2;stroke-dasharray:4 5;opacity:.55;animation:line-in .9s ease .35s backwards}@keyframes line-in{0%{opacity:0}}#map .pin{cursor:pointer}#map .pin .hit{fill:transparent;stroke:none}#map .pin .dot{fill:var(--accent);stroke:#fff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:pin-in .45s cubic-bezier(.34,1.56,.64,1) backwards}#map .pin text{animation:fade-in .45s ease backwards}@keyframes pin-in{0%{transform:scale(0)}}@keyframes fade-in{0%{opacity:0}}#map .pin .pulse{fill:none;stroke:var(--accent);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pulse 2.2s ease-out infinite}#map .pin text{font-family:Heebo,sans-serif;font-size:11px;font-weight:700;fill:var(--accent-deep);text-anchor:middle;paint-order:stroke;stroke:var(--parchment);stroke-width:3px}#map .pin.active .dot{fill:var(--accent-deep)}@keyframes pulse{0%{transform:scale(.5);opacity:.9}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.timeline{margin:1.2rem 0 .4rem}.tl-labelrow{position:relative;height:1.7rem;margin-bottom:.25rem}.tl-label{position:absolute;inset-inline-start:0;transform:translate(50%);font-family:"Noto Serif Hebrew",serif;font-size:.85rem;font-weight:600;line-height:1;color:var(--accent-deep);background:var(--card-bg);border:1px solid var(--accent);border-radius:6px;padding:.2rem .5rem;white-space:nowrap;pointer-events:none;transition:background-color 1s ease,border-color 1s ease,color 1s ease}.tl-bar{position:relative;display:flex;height:26px;border:1px solid var(--land-edge);border-radius:6px;overflow:hidden;cursor:pointer;touch-action:none}.tl-era{height:100%;transition:filter .4s ease}.tl-era:hover{filter:brightness(1.08)}.tl-era.active{filter:saturate(1.35) brightness(1.06);box-shadow:inset 0 0 0 2px #3c2f1f59}.tl-marker{position:absolute;top:-4px;bottom:-4px;width:3px;margin-inline-start:-1.5px;background:var(--accent-deep);border-radius:2px;pointer-events:none;box-shadow:0 0 0 2px #f6eedab3;transition:background-color 1s ease}.tl-barwrap{position:relative}.tl-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tl-star{position:absolute;bottom:100%;margin-bottom:2px;width:11px;height:13px;margin-inline-start:-5.5px;display:flex;align-items:flex-end;justify-content:center;font-size:.6rem;line-height:1;color:var(--accent-deep);opacity:.55;cursor:pointer;pointer-events:auto;transition:color 1s ease,opacity .2s ease,transform .2s ease}.tl-star:before{content:"✦"}.tl-star.crowded{display:none}.tl-star:hover{opacity:1;transform:translateY(-2px)}.tl-hatch{position:absolute;top:0;bottom:0;inset-inline-start:0;pointer-events:none;background-image:repeating-linear-gradient(-45deg,rgba(60,47,31,.14) 0 1px,transparent 1px 7px)}.tl-ticks{position:relative;height:1.3rem;font-size:.75rem;color:var(--ink-soft)}.tl-tick{position:absolute;transform:translate(50%)}html[dir=rtl] .tl-tick{transform:translate(50%)}html[dir=rtl] .tl-tick:first-child{transform:translate(0)}.tl-zones{position:relative;height:1.05rem;margin-top:-.15rem}.tl-zone{position:absolute;top:0;inset-inline-start:0;height:.45rem;border:1px solid var(--land-edge);border-top:0;border-radius:0 0 4px 4px;opacity:.55}.tl-zone span{position:absolute;top:.12rem;inset-inline-start:50%;transform:translate(50%);display:flex;gap:.3rem;align-items:baseline;background:var(--parchment);padding:0 .35rem;font-size:.68rem;line-height:1;white-space:nowrap;color:var(--ink-soft)}.tl-zone b{font-weight:600}.tl-zone i{font-style:normal;opacity:.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1.2rem}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;cursor:pointer;transition:border-color 1s ease,box-shadow .2s,background-color 1s ease;animation:rise-in .5s ease backwards}.card.plain{cursor:default}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.24s}.card.active{border-color:var(--accent);box-shadow:0 2px 10px #b5522d2e}.card .chip{display:inline-block;font-size:.75rem;font-weight:500;color:var(--accent-deep);border:1px solid var(--accent);border-radius:99px;padding:.05rem .6rem;margin-bottom:.4rem}.card h3{margin:0 0 .3rem;font-size:1.15rem;line-height:1.35}.card p{margin:0;font-size:.92rem;color:var(--ink-soft)}.card .place{margin-top:.5rem;font-size:.8rem;color:var(--land-edge)}.card-toggle{margin-top:.6rem;font-size:.82rem;font-weight:500;color:var(--accent-deep);transition:color 1s ease}.card-more{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--line);animation:fade-in .35s ease}.card-more .more-text{margin:0 0 .6rem;font-size:.9rem;color:var(--ink)}.wiki-link{display:inline-block;font-size:.85rem;font-weight:500;color:var(--accent-deep);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:1px}.wiki-link:hover{color:var(--accent)}.card.open{box-shadow:0 2px 12px #3c2f1f1f}.era-panel{margin-top:1.4rem;background:var(--parchment-deep);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:10px;padding:1rem 1.2rem;transition:background-color 1s ease,border-color 1s ease}.era-panel h3{margin:0 0 .3rem;font-size:1.2rem}.era-panel h3,.era-panel p{animation:fade-in .7s ease backwards}.era-panel .era-years{color:var(--ink-soft);font-size:.85rem;margin-inline-start:.5rem;font-weight:400}.era-panel p{margin:.2rem 0;font-size:.95rem}.era-panel .pop{color:var(--accent-deep);font-size:.88rem}.site-footer{text-align:center;margin-top:2rem;font-size:.82rem;color:var(--ink-soft)}.toast{position:fixed;inset-inline:0;bottom:1.5rem;z-index:10;width:fit-content;max-width:calc(100% - 2rem);margin-inline:auto;padding:.6rem 1.2rem;background:var(--ink);color:var(--parchment);border-radius:99px;font-size:.92rem;box-shadow:0 4px 16px #3c2f1f4d;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translateY(0)}@media(min-width:721px){.map-wrap{display:flex;width:fit-content;max-width:100%;margin-inline:auto}#map{height:40vh;width:auto;max-width:100%}}@media(max-width:720px){.cards{grid-template-columns:1fr}.site-header h1{font-size:2rem}.year-heading{font-size:1.6rem}.tl-tick.bce:nth-child(2){display:none}.tl-tick:nth-child(5),.tl-tick:nth-child(7){display:none}.tl-zone i{display:none}.controls .nav-btn{width:3rem;padding:.7rem 0;font-size:1rem}.controls input[type=number]{padding:.6rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}