:root{--ink: #3f2c14;--ink-soft: #6a4f26;--parch: #e6d2a6;--parch-lo: #c8ab77;--red: #9d3312;--gold: #c9a227;--panel-bg: #1a140d;--panel-bg-2: #241b11;--panel-line: rgba(201, 162, 39, .28);--panel-text: #eadfc8;--panel-dim: #b6a68a;--panel-w: 460px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#120d07;font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.app{height:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 10%,#2a2015,#120d07 70%),#120d07}.app__map{position:relative;flex:1 1 auto;min-height:0;padding:16px 18px 6px;transition:padding .62s cubic-bezier(.22,1,.36,1)}.app--panel .app__map{padding-right:calc(var(--panel-w) + 18px)}.map{--pg0: #f2e2bd;--pg1: #e6d2a6;--pg2: #d6bd8a;--pg3: #bfa06c;--sea0: #b9c3a4;--sea1: #93a690;--sea-op0: .42;--sea-op1: .55;--land0: #e9d6ac;--land1: #d9bf8d;--coast: #4b3517;--coast-w: 1;--island-fill: #e3cd9f;--river: #5a6f72;--river-op: .7;--wave: #5d6b57;--wave-op: .28;--stipple: #6b512e;--stipple-op: .22;--grat: #4b3517;--grat-op: .13;--fibre: #c8ab77;--fibre-op: .5;--label-halo: #f0e2c0;--ornament: 1;--relief: 1}.map--modern{--pg0: #fbfcfd;--pg1: #f4f6f7;--pg2: #eceff1;--pg3: #e2e6e9;--sea0: #bcdcee;--sea1: #8fc0dd;--sea-op0: .9;--sea-op1: .95;--land0: #f3f1e8;--land1: #e6e6da;--coast: #5d7f92;--island-fill: #eeece2;--river: #4a90c2;--river-op: .85;--wave: #6ba8cd;--wave-op: .1;--stipple: #9aa39a;--stipple-op: .06;--grat: #7d919c;--grat-op: .22;--fibre: #dfe6ea;--fibre-op: .12;--label-halo: #ffffff;--ornament: 0;--relief: .14}.map stop,.map .land__fill,.map .fibre,.map .coast,.map .island__fill,.map .rivers path,.map .graticule,.map .scalebar__seg{transition:stop-color 1.1s ease,stop-opacity 1.1s ease,fill 1.1s ease,stroke 1.1s ease,fill-opacity 1.1s ease,stroke-opacity 1.1s ease}.coast{stroke:var(--coast)}.island__fill{fill:var(--island-fill);stroke:var(--coast)}.rivers path{stroke:var(--river);stroke-opacity:var(--river-op)}.graticule{stroke:var(--grat);stroke-opacity:var(--grat-op)}.fibre{fill:var(--fibre);opacity:var(--fibre-op)}.scalebar__seg{fill:var(--coast);stroke:var(--coast)}.scalebar__seg--light{fill:var(--pg0)}.scalebar{transition:opacity .6s ease}.scalebar--off{opacity:0;pointer-events:none}.compass,.rhumb,.ships,.monsters,.shore{opacity:var(--ornament);transition:opacity .9s ease}.ridges{opacity:var(--relief);transition:opacity .9s ease}.land__stipple{transition:opacity .9s ease}.northarrow{opacity:calc(1 - var(--ornament));transition:opacity .9s ease}.northarrow__disc{fill:#fff;fill-opacity:.75;stroke:#9fb2bc;stroke-width:1}.northarrow__blade{fill:#d1603d}.northarrow__blade--light{fill:#9fb2bc}.northarrow__n{font-size:13px;font-weight:700;letter-spacing:2px;fill:#4a6472}.region-labels{transition:opacity .9s ease}.region-labels--antik{opacity:var(--ornament)}.region-labels--modern{opacity:calc(1 - var(--ornament))}.map--modern .region-label{fill:#4a6472;fill-opacity:.4;font-size:22px;letter-spacing:9px}.map--modern .region-label--sea{fill:#3f7ea3;fill-opacity:.42;font-style:italic;letter-spacing:7px}.hotspot__pin{opacity:0;transition:opacity .7s ease;pointer-events:none}.map--modern .hotspot__pin{opacity:1}.map--modern .hotspot__mark,.map--modern .hotspot__votes,.map--modern .hotspot__pulse,.map--modern .hotspot__flame{opacity:0}.hotspot__votes{transition:opacity .7s ease}.hotspot__names{transition:opacity .6s ease}.hotspot__names--modern,.map--modern .hotspot__names--antik{opacity:0}.map--modern .hotspot__names--modern{opacity:1}.map--modern .land__fill,.map--modern .coast,.map--modern .islands,.map--modern .lakes,.map--modern .rivers,.map--modern .ridges,.map--modern .hotspot__mark,.map--modern .cartouche path{filter:none}.map--modern .land__stipple{opacity:.35}.map--modern .lake__waves{opacity:.25}.lake__edge{stroke:var(--coast)}.paperwear,.paperedge{opacity:var(--ornament);transition:opacity .9s ease}.cartouche path,.cartouche text,.cartouche line{transition:fill .9s ease,stroke .9s ease,fill-opacity .9s ease,stroke-opacity .9s ease}.map--modern .cartouche>path:first-child{fill:#fff;fill-opacity:.86;stroke:#9fb2bc}.map--modern .cartouche>path:nth-child(2){stroke:#c3d0d7}.map--modern .cartouche>path:nth-child(n+3):nth-child(-n+6){fill-opacity:0}.map--modern .cartouche__title{fill:#2c4655;font-size:21px;letter-spacing:2.4px}.map--modern .cartouche__sub{fill:#5d7f92;font-size:10.5px;letter-spacing:.6px;font-style:normal}.map--modern .cartouche__power{fill:#d1603d}.modeswitch{position:absolute;top:30px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(201,162,39,.28);background:linear-gradient(165deg,#241b11e6,#0e0a06f0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000080;transition:left .62s cubic-bezier(.22,1,.36,1),border-color .7s ease}.app--panel .modeswitch{left:calc(50% - var(--panel-w) / 2)}.modeswitch--modern{border-color:#8fc0dd66}.modeswitch__opt{position:relative;padding:8px 22px;border:0;border-radius:999px;background:transparent;color:#eadfc88c;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:color .26s ease}.modeswitch__opt:hover{color:#eadfc8d9}.modeswitch__opt--on{color:#12100b}.modeswitch__pill{position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,#f0e2c0,#d9c194)}.modeswitch--modern .modeswitch__pill{background:linear-gradient(180deg,#e8f3fa,#b9d8ea)}.modeswitch__text{position:relative}.sweep{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden;border-radius:8px}.sweep:before{content:"";position:absolute;top:-20%;left:-40%;width:34%;height:140%;transform:rotate(9deg);background:linear-gradient(100deg,#fff0,#fff9e429 42%,#ffffffb8,#fff9e429 58%,#fff0);filter:blur(2px);animation:sweep-across 1.2s cubic-bezier(.5,0,.3,1) forwards}.sweep:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,rgba(255,255,255,.1),transparent 60%);opacity:0;animation:sweep-flash 1.2s ease-out forwards}@keyframes sweep-across{to{left:116%}}@keyframes sweep-flash{30%{opacity:1}to{opacity:0}}.today{margin:16px 0 4px;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--prov);background:linear-gradient(160deg,#ffffff0e,#ffffff05)}.today--lead{margin-top:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--prov) 16%,transparent),#ffffff05)}.today__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.today__tag{font-size:9.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--panel-dim)}.today__prov{margin-left:auto;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--prov) 26%,transparent);border:1px solid color-mix(in srgb,var(--prov) 55%,transparent);color:#f3ece0;font-size:10px;font-weight:600;letter-spacing:1.2px}.today__place{margin:0;font-size:17px;font-weight:600;color:var(--panel-text);letter-spacing:.2px}.today__note{margin:7px 0 0;font-size:13px;line-height:1.55;color:#eadfc8b8}.today__approx{margin:7px 0 0;font-size:12px;font-style:italic;color:#d9a441}.today__coord{margin:10px 0 0;font-size:12.5px;font-variant-numeric:tabular-nums;letter-spacing:.6px;color:var(--panel-dim)}.today__actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.today__btn{padding:7px 14px;border-radius:999px;border:1px solid rgba(201,162,39,.3);background:transparent;color:var(--panel-text);font-size:12px;letter-spacing:.6px;text-decoration:none;cursor:pointer;transition:all .18s ease}.today__btn:hover{border-color:var(--prov);background:color-mix(in srgb,var(--prov) 18%,transparent)}.today__btn--go{border-color:color-mix(in srgb,var(--prov) 65%,transparent);background:color-mix(in srgb,var(--prov) 24%,transparent);font-weight:600}.timeline--frozen .timeline__track,.timeline--frozen .timeline__text{opacity:.32;filter:saturate(.2);transition:opacity .7s ease,filter .7s ease}.timeline--frozen .timeline__track{pointer-events:none}.timeline__frozenNote{color:#eadfc880}.timeline__frozenNote b{color:#eadfc8cc;font-weight:600}.legend__item--prov:before{background:var(--dot);border-color:color-mix(in srgb,var(--dot) 70%,white)}.map{width:100%;height:100%;display:block;cursor:grab;touch-action:none;filter:drop-shadow(0 24px 48px rgba(0,0,0,.55));-webkit-user-select:none;user-select:none}.map--dragging{cursor:grabbing}.map text{-webkit-user-select:none;user-select:none}.cartouche__title{font-size:28px;letter-spacing:3.2px;fill:var(--ink);font-weight:600}.cartouche__sub{font-size:14.5px;letter-spacing:1.8px;fill:var(--ink-soft);font-style:italic}.cartouche__sub--small{font-size:11.5px;font-style:normal;letter-spacing:1px;opacity:.8}.cartouche__power{font-size:13px;letter-spacing:1.4px;fill:var(--red);font-weight:600;animation:power-in .42s ease-out both}@keyframes power-in{0%{opacity:0;letter-spacing:4px}}.region-label{font-size:30px;letter-spacing:13px;fill:var(--ink);fill-opacity:.13;font-weight:600}.region-label--lycia{font-size:36px;letter-spacing:15px;fill-opacity:.2;animation:region-in .7s ease-out both}@keyframes region-in{0%{opacity:0;letter-spacing:34px}}.rose-letter{font-size:10.5px;letter-spacing:2.6px;fill:var(--ink-soft);opacity:.75}.map-caption{font-size:10.5px;letter-spacing:1.8px;fill:var(--ink-soft)}.hotspot__name{font-size:15px;letter-spacing:.8px;fill:var(--ink);font-weight:600;paint-order:stroke;stroke:var(--label-halo);stroke-width:3px;stroke-linejoin:round}.hotspot__era{font-size:11px;letter-spacing:1.1px;fill:var(--ink-soft);font-style:italic;paint-order:stroke;stroke:var(--label-halo);stroke-width:2.5px}.map--modern .hotspot__era{fill:#5d7f92;font-style:normal}.coast{stroke-dasharray:1;stroke-dashoffset:1}.coast--drawn{animation:draw-coast 3.6s cubic-bezier(.5,0,.2,1) forwards}@keyframes draw-coast{to{stroke-dashoffset:0}}.island{opacity:0;animation:island-in .9s ease-out forwards;animation-delay:inherit}@keyframes island-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.compass__dial{animation:spin 220s linear infinite;transform-origin:0 0}@keyframes spin{to{transform:rotate(360deg)}}.monster{animation:bob 7s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1.4deg)}}.monster__body{animation:undulate 4.5s ease-in-out infinite}@keyframes undulate{0%,to{d:path("M -60 8 q 14 -22 28 0 q 14 22 28 0 q 14 -22 28 0")}50%{d:path("M -60 8 q 14 20 28 0 q 14 -20 28 0 q 14 20 28 0")}}.cartouche{animation:cartouche-in 1s cubic-bezier(.22,1,.36,1) both}@keyframes cartouche-in{0%{opacity:0;transform:translateY(-22px)}}.hotspot{cursor:pointer;outline:none;transition:opacity .46s ease}.hotspot.hotspot--gone{opacity:0;pointer-events:none}.hotspot__enter{animation:pin-in .62s cubic-bezier(.34,1.56,.64,1) both}@keyframes pin-in{0%{opacity:0;transform:translateY(-12px) scale(.6)}to{opacity:1}}.hotspot--new .hotspot__mark{animation:born 1.6s ease-out 1}@keyframes born{0%{transform:scale(.2)}45%{transform:scale(1.6)}to{transform:scale(1)}}.hotspot--lost{cursor:default;animation:fade-to-ruin 1.4s ease-out both}.hotspot--lost .hotspot__ruin{opacity:.55}@keyframes fade-to-ruin{0%{opacity:1}to{opacity:.55}}.hotspot--sacked .hotspot__flame{transform-origin:center bottom;transform-box:fill-box;animation:flicker .7s ease-in-out infinite alternate}@keyframes flicker{0%{transform:scale(.86) rotate(-5deg);opacity:.75}to{transform:scale(1.12) rotate(6deg);opacity:1}}.hotspot__mark{transition:transform .26s cubic-bezier(.34,1.56,.64,1),opacity .7s ease;transform-origin:center;transform-box:fill-box}.hotspot:hover .hotspot__mark,.hotspot:focus-visible .hotspot__mark,.hotspot--active .hotspot__mark{transform:scale(1.35)}.hotspot__glow{opacity:0;transition:opacity .3s ease}.hotspot:hover .hotspot__glow,.hotspot--active .hotspot__glow{opacity:1}.hotspot__pulse{fill:none;stroke:var(--red);stroke-width:1.4;transform-origin:center;transform-box:fill-box;animation:pulse 3.4s ease-out infinite}.hotspot__pulse--2{animation-delay:1.7s}@keyframes pulse{0%{transform:scale(.45);opacity:0}15%{opacity:.6}to{transform:scale(2.1);opacity:0}}.hotspot__label{transition:opacity .26s ease}.hotspot:hover .hotspot__label,.hotspot--active .hotspot__label{opacity:1}.hotspot__label{opacity:.82}.controls{position:absolute;right:30px;top:30px;display:flex;flex-direction:column;gap:8px;z-index:5;transition:right .62s cubic-bezier(.22,1,.36,1)}.app--panel .controls{right:calc(var(--panel-w) + 30px)}.controls button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(63,44,20,.45);background:linear-gradient(180deg,#f0e2c0,#d9c194);color:var(--ink);font-size:19px;line-height:1;display:grid;place-items:center;box-shadow:0 3px 10px #0006;transition:transform .16s ease,background .2s ease}.controls button:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fbf0d6,#e3cda2)}.controls button:active{transform:translateY(0) scale(.94)}.controls__reset{font-size:17px}.sound{position:relative;margin-top:6px}.sound__btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(63,44,20,.45);background:linear-gradient(180deg,#f0e2c0,#d9c194);color:var(--ink);display:grid;place-items:center;box-shadow:0 3px 10px #0006;transition:transform .16s ease,background .2s ease,color .2s ease}.sound__btn:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fbf0d6,#e3cda2)}.sound__btn:active{transform:translateY(0) scale(.94)}.sound__btn--on{background:linear-gradient(180deg,#e7d39a,#c9a84f);color:#2a1d08}.sound__wave{opacity:.9;animation:sound-wave 2.4s ease-in-out infinite}.sound__wave--2{animation-delay:.35s}@keyframes sound-wave{0%,to{opacity:.35}50%{opacity:1}}.sound__now{position:absolute;right:48px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;border:1px solid rgba(201,162,39,.28);background:linear-gradient(165deg,#241b11eb,#0e0a06f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 22px #00000073;color:#eadfc8e0;font-size:12px;letter-spacing:.9px;white-space:nowrap;pointer-events:none}.sound__note{color:var(--gold);font-size:13px}.legend{position:absolute;left:30px;bottom:16px;z-index:5;display:flex;gap:16px;flex-wrap:wrap;font-size:11px;letter-spacing:.6px;color:#eadfc88c;pointer-events:none}.legend__item{display:inline-flex;align-items:center;gap:6px}.legend__item:before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(234,223,200,.5)}.legend__item--metropolis:before{background:var(--red);border-color:#f2e3bf;width:11px;height:11px}.legend__item--new:before{background:#b8860b;border-color:#f2e3bf}.legend__item--lost:before{background:transparent;border-style:dashed}.hotspot--spot .hotspot__mark{animation:spot-in .62s cubic-bezier(.34,1.56,.64,1) both}@keyframes spot-in{0%{transform:scale(.5)}60%{transform:scale(1.35)}to{transform:scale(1)}}.hotspot--spot .hotspot__name{fill:#6d3a05;font-weight:700}.hotspot--spot .hotspot__pulse{stroke:var(--gold);stroke-width:2}.hotspot--faded{opacity:.22;transition:opacity .6s ease;pointer-events:none}.arc{--arc: #9d3312;--arc-dash: 10 8;animation:arc-in .9s ease-out both}.arc--sea{--arc: #2f6d78;--arc-dash: 6 10}.arc--trade{--arc: #a8791a;--arc-dash: 3 9}.arc--idea{--arc: #6a4fa3;--arc-dash: 2 8}.arc--myth{--arc: #c08d2a;--arc-dash: 14 7}@keyframes arc-in{0%{opacity:0}}.arc__shadow{fill:none;stroke:#f2e3bf;stroke-width:7;stroke-opacity:.5;stroke-linecap:round}.arc__line{fill:none;stroke:var(--arc);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:arc-draw 1.5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:inherit}@keyframes arc-draw{to{stroke-dashoffset:0}}.arc__march{fill:none;stroke:#f6ecd6;stroke-width:2.4;stroke-linecap:butt;stroke-dasharray:var(--arc-dash);stroke-dashoffset:0;opacity:0;animation:march-in .7s ease-out both,arc-march 1.15s linear infinite}@keyframes march-in{to{opacity:.6}}@keyframes arc-march{to{stroke-dashoffset:-18}}.arc__head{fill:var(--arc);opacity:0;animation:fade-in .5s ease-out 1.3s forwards}.arc__spark{fill:#e8b93a;stroke:var(--arc);stroke-width:.8;opacity:0;animation:fade-in .4s ease-out 1.4s forwards}@keyframes fade-in{to{opacity:1}}.arc__label{font-size:13px;letter-spacing:1px;fill:var(--arc);font-style:italic;paint-order:stroke;stroke:#f2e3bf;stroke-width:4px;stroke-linejoin:round;opacity:0;animation:fade-in .6s ease-out 1.1s forwards}.story-mark{animation:mark-in .62s cubic-bezier(.22,1,.36,1) both;animation-delay:inherit}@keyframes mark-in{0%{opacity:0;transform:translateY(-8px) scale(.85)}}.story-mark__ring{transform-origin:center;transform-box:fill-box;animation:mark-ring 2.6s ease-out infinite}@keyframes mark-ring{0%{transform:scale(1);opacity:.85}70%,to{transform:scale(4);opacity:0}}.story-mark__label{font-size:15px;font-weight:700;letter-spacing:2.2px;paint-order:stroke;stroke:#f6ecd6;stroke-width:4px;stroke-linejoin:round}.story-mark__sub{font-size:10.5px;letter-spacing:1.2px;fill:var(--ink-soft);font-style:italic;paint-order:stroke;stroke:#f6ecd6;stroke-width:3px}.blast{opacity:0;animation:fade-in .5s ease-out both}.blast__glow{transform-origin:center;transform-box:fill-box;animation:blast-glow 2.6s ease-in-out infinite}@keyframes blast-glow{0%,to{transform:scale(.84);opacity:.8}50%{transform:scale(1.08);opacity:1}}.blast__wave{fill:none;stroke:#b8410f;stroke-width:2;transform-origin:center;transform-box:fill-box;animation:blast-wave 2.4s cubic-bezier(.2,.7,.3,1) infinite}.blast--quake .blast__wave{stroke:#6b5232;stroke-dasharray:5 6}@keyframes blast-wave{0%{transform:scale(.3);opacity:0}14%{opacity:.85}to{transform:scale(var(--r));opacity:0}}.ember{fill:#f0a13c;opacity:0;animation:ember-rise linear infinite}@keyframes ember-rise{0%{transform:translate(0);opacity:0}14%{opacity:.95}to{transform:translate(var(--dx),var(--dy));opacity:0}}.blast__label{font-size:12.5px;letter-spacing:1.4px;fill:#7d1f10;font-style:italic;paint-order:stroke;stroke:#f6ecd6;stroke-width:4px;stroke-linejoin:round;opacity:0;animation:fade-in .6s ease-out .8s forwards}.zone{opacity:0;animation:fade-in .9s ease-out forwards}.map--zone .region-label--lycia{opacity:0;transition:opacity .5s ease}.zone__edge{fill:none;stroke-width:1.8;stroke-opacity:.65;stroke-dasharray:1;stroke-dashoffset:1;animation:arc-draw 2.2s cubic-bezier(.4,0,.2,1) .15s forwards}.zone__label{font-size:19px;font-weight:700;letter-spacing:6px;fill-opacity:.5;paint-order:stroke;stroke:#f6ecd6;stroke-width:5px;stroke-linejoin:round;opacity:0;animation:fade-in .9s ease-out .9s forwards}.links{opacity:0;animation:fade-in .7s ease-out forwards}.link__line{fill:none;stroke:#8a6a1f;stroke-width:1.6;stroke-opacity:.7;stroke-dasharray:1;stroke-dashoffset:1;animation:arc-draw 1.2s cubic-bezier(.4,0,.2,1) forwards;animation-delay:inherit}.link__pulse{fill:#e8b93a;stroke:#7d5a10;stroke-width:.7;opacity:0;animation:fade-in .4s ease-out 1s forwards}.link__node{fill:#b8860b;stroke:#f2e3bf;stroke-width:1.2}.link__hubDot{fill:#9d3312;stroke:#f2e3bf;stroke-width:1.6}.link__hubRing{fill:none;stroke:#9d3312;stroke-width:1.4;transform-origin:center;transform-box:fill-box;animation:mark-ring 2.6s ease-out infinite}.links__label{font-size:12.5px;letter-spacing:1.4px;fill:#7d1f10;font-style:italic;text-anchor:middle;paint-order:stroke;stroke:#f6ecd6;stroke-width:4px;stroke-linejoin:round;opacity:0;animation:fade-in .6s ease-out 1.1s forwards}.tint{fill:transparent;opacity:0;mix-blend-mode:multiply;transition:opacity .9s ease,fill .9s ease}.tint--fire{fill:#b32d0c;opacity:.2}.tint--gold{fill:#d99a2e;opacity:.15}.tint--cold{fill:#3b5f86;opacity:.18}.tint--dusk{fill:#4a3160;opacity:.19}.story{position:absolute;left:30px;bottom:22px;z-index:8;width:min(460px,calc(100% - 130px));padding:16px 20px 12px;border-radius:12px;border:1px solid rgba(201,162,39,.32);border-left:3px solid var(--era);background:linear-gradient(165deg,#241b11f0,#0e0a06f5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #0009}.story__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.story__era{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--era)}.story__sep{flex:1;height:1px;background:linear-gradient(90deg,rgba(201,162,39,.3),transparent)}.story__count{font-size:10.5px;letter-spacing:1.4px;color:#eadfc866;font-variant-numeric:tabular-nums}.story__stop{width:26px;height:26px;border-radius:50%;border:1px solid rgba(201,162,39,.3);background:transparent;color:#eadfc899;font-size:9px;display:grid;place-items:center;transition:all .16s ease}.story__stop:hover{background:var(--era);border-color:var(--era);color:#12100b}.story__title{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:.3px;color:#f6ecd6;line-height:1.2}.story__when{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--era) 45%,transparent);background:color-mix(in srgb,var(--era) 14%,transparent);color:var(--era);font-size:10.5px;font-weight:600;letter-spacing:1.6px;vertical-align:middle;white-space:nowrap}.story__text{margin:0;font-size:14.5px;line-height:1.62;color:#eadfc8db}.story__foot{display:flex;align-items:center;gap:12px;margin-top:14px}.story__nav{width:24px;height:24px;border-radius:50%;border:1px solid rgba(201,162,39,.24);background:transparent;color:#eadfc88c;font-size:14px;line-height:1;display:grid;place-items:center;transition:all .16s ease}.story__nav:hover{border-color:var(--era);color:#f6ecd6}.story__dots{flex:1;display:flex;gap:5px}.story__dot{position:relative;flex:1;height:3px;border-radius:2px;background:#eadfc824;overflow:hidden}.story__dot--past{background:color-mix(in srgb,var(--era) 55%,transparent)}.story__fill{position:absolute;inset:0;transform-origin:left;background:var(--era);animation:story-fill linear forwards}@keyframes story-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.app--story .legend{opacity:0;pointer-events:none;transition:opacity .3s ease}.timeline{flex:0 0 auto;padding:14px 30px 16px;border-top:1px solid rgba(201,162,39,.18);background:linear-gradient(180deg,#1a140d8c,#0c0905eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:padding .62s cubic-bezier(.22,1,.36,1)}.app--panel .timeline{padding-right:calc(var(--panel-w) + 30px)}.timeline__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:14px}.timeline__play{width:42px;height:42px;border-radius:50%;border:1px solid var(--era);background:#0c090599;color:var(--era);font-size:13px;line-height:1;display:grid;place-items:center;padding-left:2px;transition:all .22s ease}.timeline__play:hover{background:var(--era);color:#12100b;transform:scale(1.06)}.timeline__play--on{background:var(--era);color:#12100b;padding-left:0}.timeline__text{min-width:0;min-height:66px}.timeline__span{margin:0;font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:var(--era)}.timeline__badge{margin-left:10px;padding:1px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--era) 45%,transparent);background:color-mix(in srgb,var(--era) 14%,transparent);font-size:9px;letter-spacing:1.6px}.timeline__title{margin:2px 0 3px;font-size:21px;font-weight:600;letter-spacing:.4px;color:#f6ecd6}.timeline__desc{margin:0;font-size:13px;line-height:1.45;color:#eadfc89e;max-width:74ch}.timeline__stats{display:flex;align-items:center;gap:20px;white-space:nowrap}.stat{display:grid;justify-items:end;gap:1px}.stat__num{font-size:30px;font-weight:600;line-height:1;color:#f6ecd6;font-variant-numeric:tabular-nums}.stat__label{font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:#eadfc86b}.stat--delta{gap:4px}.delta{font-size:11.5px;letter-spacing:.5px;padding:3px 9px;border-radius:999px;border:1px solid transparent}.delta--up{color:#8fd694;border-color:#8fd6944d;background:#8fd69414}.delta--down{color:#e08b7a;border-color:#e08b7a4d;background:#e08b7a14}.delta--flat{color:#eadfc859;border-color:#eadfc824}.timeline__track{position:relative;height:30px}.timeline__track:before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;border-radius:2px;background:#eadfc824}.timeline__fill{position:absolute;left:0;top:14px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(201,162,39,.35),var(--era));transition:width .38s cubic-bezier(.22,1,.36,1)}.timeline__notches{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center}.notch{position:relative;width:26px;height:30px;border:0;background:none;padding:0;display:grid;place-items:center}.notch__dot{width:9px;height:9px;border-radius:50%;background:#2a2318;border:1.5px solid rgba(234,223,200,.28);transition:all .24s cubic-bezier(.34,1.56,.64,1)}.notch:hover .notch__dot{border-color:var(--dot);transform:scale(1.3)}.notch--past .notch__dot{background:var(--dot);border-color:var(--dot);opacity:.55}.notch--on .notch__dot{background:var(--dot);border-color:#f6ecd6;transform:scale(1.65);box-shadow:0 0 0 5px color-mix(in srgb,var(--dot) 22%,transparent)}.notch__tip{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;font-size:11px;padding:4px 9px;border-radius:6px;background:#241b11;border:1px solid rgba(201,162,39,.3);color:var(--panel-text);opacity:0;pointer-events:none;transition:all .18s ease}.notch:hover .notch__tip{opacity:1;transform:translate(-50%) translateY(0)}.timeline__range{position:absolute;inset:0;width:100%;height:30px;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}.timeline__range:focus-visible+.timeline__ends,.timeline__range:focus-visible{outline:none}.timeline__range:focus-visible~.timeline__notches .notch--on .notch__dot,.timeline__track:focus-within .notch--on .notch__dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--dot) 30%,transparent),0 0 0 8px #f6ecd659}.timeline__ends{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#eadfc84d;margin-top:2px}.panel{position:absolute;top:0;right:0;bottom:0;width:var(--panel-w);z-index:20;display:flex;flex-direction:column;background:linear-gradient(170deg,var(--panel-bg-2),var(--panel-bg) 55%);border-left:1px solid var(--panel-line);box-shadow:-24px 0 60px #0009;overflow:hidden}.panel__close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--panel-line);background:#120d07b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--panel-text);font-size:14px;display:grid;place-items:center;transition:all .18s ease}.panel__close:hover{background:var(--red);border-color:var(--red);transform:rotate(90deg)}.panel__body{padding:22px 28px 8px;overflow-y:auto;flex:1}.panel__era{margin:0 0 6px;font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.panel__title{margin:0;font-size:30px;font-weight:600;letter-spacing:.5px;color:#f6ecd6;line-height:1.15}.panel__subtitle{margin:6px 0 0;font-size:14px;font-style:italic;color:var(--panel-dim)}.panel__rule{height:1px;margin:18px 0;background:linear-gradient(90deg,var(--gold),rgba(201,162,39,.05))}.panel__summary{margin:0;font-size:15px;line-height:1.68;color:#eadfc8e6}.panel__facts{margin:22px 0 0;display:grid;gap:1px;background:var(--panel-line);border:1px solid var(--panel-line);border-radius:8px;overflow:hidden}.panel__facts>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 14px;background:#120d07bf}.panel__facts dt{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:#c9a227d9;align-self:center}.panel__facts dd{margin:0;font-size:13.5px;color:var(--panel-text)}.panel__note{margin:16px 0 0;font-size:11.5px;line-height:1.5;color:#eadfc861;font-style:italic}.panel__nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--panel-line);border-top:1px solid var(--panel-line)}.panel__nav button{border:0;background:#120d07e6;color:var(--panel-dim);padding:15px 10px;font-size:13px;letter-spacing:1px;transition:all .18s ease}.panel__nav button:hover{background:#c9a2271f;color:#f6ecd6}.stage{position:relative;height:46%;min-height:280px;flex-shrink:0;background:#1c1610;border-bottom:1px solid var(--panel-line)}.stage canvas{display:block;touch-action:none}.stage--detail{height:56%;min-height:330px}.panel--max{width:100%}.panel--max .stage--detail{height:74%}.panel__expand{position:absolute;top:14px;right:56px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--panel-line);background:#120d07b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--panel-text);font-size:14px;display:grid;place-items:center;transition:all .18s ease}.panel__expand:hover{background:var(--gold);border-color:var(--gold);color:#12100b}.part-label{font-family:var(--serif);font-size:13px;letter-spacing:.4px;white-space:nowrap;padding:5px 11px;border-radius:6px;background:#120d07e0;border:1px solid rgba(201,162,39,.45);color:#f6ecd6;box-shadow:0 4px 14px #00000080;pointer-events:none;transform:translateY(-4px)}.part-label--on{background:var(--gold);border-color:var(--gold);color:#12100b;font-weight:600}.monuments{display:flex;gap:6px;padding:10px 14px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--panel-line);background:#0c09058c;flex:0 0 auto}.monuments::-webkit-scrollbar{height:4px}.monuments::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:4px}.mono{flex:0 0 auto;border:1px solid rgba(201,162,39,.26);background:#241b11b3;color:var(--panel-dim);font-size:12px;letter-spacing:.3px;padding:5px 12px;border-radius:999px;white-space:nowrap;transition:all .18s ease}.mono:hover{border-color:#c9a227a6;color:#f6ecd6}.mono--on{background:var(--gold);border-color:var(--gold);color:#12100b;font-weight:600}.mono__no{display:inline-grid;place-items:center;width:15px;height:15px;margin-right:6px;border-radius:50%;background:#c9a22738;color:var(--gold);font-size:9.5px;font-weight:600;vertical-align:1px}.mono--on .mono__no{background:#12100b3d;color:#12100b}.panel__no{display:inline-block;margin-right:10px;padding:1px 7px;border-radius:999px;border:1px solid rgba(201,162,39,.4);color:var(--gold);letter-spacing:1.4px}.panel__back{border:0;background:none;padding:0 0 10px;font-size:12px;letter-spacing:1px;color:var(--gold);transition:opacity .16s ease}.panel__back:hover{opacity:.72}.stage__hint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:10.5px;letter-spacing:1.4px;color:#eadfc861;pointer-events:none}.stage__loading{position:absolute;inset:0;display:grid;place-items:center;gap:12px;grid-auto-flow:row;align-content:center;color:var(--gold);font-size:12px;letter-spacing:2px;background:#1c1610d9}.stage__loadingRing{width:30px;height:30px;border-radius:50%;border:2px solid rgba(201,162,39,.2);border-top-color:var(--gold);animation:spin .9s linear infinite}.stage__note{position:absolute;left:12px;bottom:26px;display:grid;gap:2px;padding:8px 11px;max-width:78%;border-radius:7px;border:1px solid rgba(201,162,39,.25);background:#120d07cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;line-height:1.45;color:var(--panel-dim)}.stage__note strong{color:var(--gold);font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.stage__note code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:10.5px;color:#e6d2a6}.stage__note em{display:block;margin-top:3px;font-style:normal;font-size:10px;color:#eadfc86b}@media(max-width:900px){:root{--panel-w: 100%}.app__map{padding:10px 10px 4px}.app--panel .app__map{padding-right:10px}.panel{top:auto;height:72vh;border-left:0;border-top:1px solid var(--panel-line);border-radius:16px 16px 0 0}.app--panel .controls{right:20px}.legend{display:none}.timeline{padding:10px 16px 12px}.app--panel .timeline{padding-right:16px}.timeline__head{grid-template-columns:auto 1fr;gap:12px;margin-bottom:10px}.timeline__stats{grid-column:1 / -1;justify-content:space-between}.timeline__text{min-height:0}.timeline__title{font-size:17px}.timeline__desc{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stat__num{font-size:22px}.notch__tip{display:none}.stage{height:40%;min-height:210px}}@media(prefers-reduced-motion:reduce){.coast--drawn,.compass__dial,.monster,.monster__body,.hotspot__pulse,.cartouche,.island,.hotspot__enter,.hotspot--new .hotspot__mark,.hotspot--lost,.hotspot--sacked .hotspot__flame,.region-label--lycia,.cartouche__power{animation:none!important;opacity:1!important}.hotspot--lost{opacity:.55!important}*{transition-duration:1ms!important;transition-delay:0s!important}}.aura{animation:aura-in 1.1s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.aura__glow{mix-blend-mode:multiply}.aura__core{filter:drop-shadow(0 0 3px currentColor)}.aura__label{font-family:Cormorant Garamond,Iowan Old Style,Georgia,serif;font-size:13px;font-weight:600;letter-spacing:3px;text-anchor:middle;paint-order:stroke fill;stroke:#f6ecd6;stroke-width:3.5px;stroke-linejoin:round}@keyframes aura-in{0%{opacity:0;transform:scale(.86);transform-box:fill-box;transform-origin:center}}.myth{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:row;align-items:center;gap:10px;pointer-events:none;transition:right .62s cubic-bezier(.22,1,.36,1)}.myth>*{pointer-events:auto}.myth__btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 11px;border:1px solid #b9a276;border-radius:12px;background:linear-gradient(160deg,#fbf3e1,#eadcbe);color:#4b3517;cursor:pointer;box-shadow:0 2px #ffffff8c inset,0 6px 18px #4b35172e;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease}.myth__btn:hover{background:linear-gradient(160deg,#fdf8ec,#f0e4ca);border-color:#a8791a}.myth__btn-mark{font-size:15px;line-height:1;color:#a8791a;transition:transform .5s cubic-bezier(.22,1,.36,1)}.myth--open .myth__btn-mark{transform:rotate(180deg) scale(1.15)}.myth__btn-label{font-family:Cormorant Garamond,Iowan Old Style,Georgia,serif;font-size:15px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;writing-mode:vertical-rl}.myth--open .myth__btn{border-color:#a8791a;box-shadow:0 2px #ffffff8c inset,0 6px 22px #a8791a4d}.myth__panel{width:288px;max-height:min(70vh,560px);display:flex;flex-direction:column;border:1px solid #b9a276;border-radius:14px;background:linear-gradient(170deg,#fcf6e9f7,#f0e5cdf7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 14px 40px #4b351742;overflow:hidden}.myth__head{padding:12px 14px 10px;border-bottom:1px solid rgba(168,121,26,.28);display:flex;flex-direction:column;gap:2px}.myth__head-title{font-family:Cormorant Garamond,Iowan Old Style,Georgia,serif;font-size:17px;font-weight:700;letter-spacing:1.4px;color:#4b3517}.myth__head-note{font-size:11px;letter-spacing:.3px;color:#8a7550}.myth__scroll{overflow-y:auto;padding:6px 8px 10px;scrollbar-width:thin;scrollbar-color:#c3ae86 transparent}.myth__group+.myth__group{margin-top:10px}.myth__group-title{display:flex;flex-direction:column;gap:1px;margin:8px 6px 5px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#8a6410}.myth__group-title span{font-size:10px;font-weight:400;letter-spacing:.2px;text-transform:none;color:#9b8763}.myth__list{list-style:none;margin:0;padding:0}.myth__item{--fig: #a8791a;width:100%;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.myth__item:hover{background:#fff9;border-color:#a8791a4d;transform:translate(-3px)}.myth__item--on{background:#ffffffd1;border-color:var(--fig);transform:translate(-3px)}.myth__dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--fig);box-shadow:0 0 0 3px color-mix(in srgb,var(--fig) 22%,transparent);transition:box-shadow .26s ease}.myth__item--on .myth__dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--fig) 30%,transparent);animation:myth-dot 2.4s ease-in-out infinite}@keyframes myth-dot{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--fig) 12%,transparent)}}.myth__text{flex:1;display:flex;flex-direction:column;min-width:0}.myth__name{font-family:Cormorant Garamond,Iowan Old Style,Georgia,serif;font-size:15px;font-weight:600;color:#3f2d13;line-height:1.2}.myth__epithet{font-size:10.5px;color:#8a7550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myth__count{flex:none;font-size:10px;font-variant-numeric:tabular-nums;color:#9b8763;border:1px solid rgba(155,135,99,.4);border-radius:999px;padding:1px 6px}.myth__item--on .myth__count{color:var(--fig);border-color:var(--fig)}.app--story .myth__panel{max-height:min(52vh,420px)}.app--panel .myth{right:calc(var(--panel-w) + 30px)}@media(max-width:900px){.myth__panel{width:244px}.myth__btn-label{font-size:13px;letter-spacing:2px}}.suggestRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:12px 14px;border:1px dashed rgba(201,162,39,.3);border-radius:9px;background:#c9a2270a}.suggestRow__text{margin:0;font-size:12.5px;color:var(--panel-dim)}.suggestRow__btn{flex:none;padding:7px 14px;border:1px solid rgba(201,162,39,.45);border-radius:7px;background:transparent;color:var(--gold);font:inherit;font-size:12px;letter-spacing:.6px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.suggestRow__btn:hover,.suggestRow__btn:focus-visible{background:#c9a22724;border-color:#c9a227cc;color:#f0dda4}.suggest{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0a07049e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.suggest__panel{position:relative;width:min(520px,100%);max-height:min(88vh,720px);overflow-y:auto;padding:26px 26px 22px;border:1px solid var(--panel-line);border-radius:14px;background:linear-gradient(160deg,var(--panel-bg-2),var(--panel-bg));box-shadow:0 26px 70px #0000008c;color:var(--panel-text)}.suggest__close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--panel-dim);font-size:14px;line-height:1;cursor:pointer}.suggest__close:hover,.suggest__close:focus-visible{border-color:var(--panel-line);color:var(--panel-text)}.suggest__kicker{margin:0 0 4px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold)}.suggest__title{margin:0 0 8px;font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.15}.suggest__lead{margin:0 0 18px;font-size:13px;line-height:1.6;color:var(--panel-dim)}.suggest__label{display:block;margin:14px 0 5px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--panel-dim)}.suggest__req,.suggest__opt{margin-left:6px;font-size:9.5px;letter-spacing:.8px;text-transform:none}.suggest__req{color:#c9a227bf}.suggest__opt{color:#b6a68a8c}.suggest__select,.suggest__input,.suggest__area{width:100%;padding:9px 11px;border:1px solid var(--panel-line);border-radius:8px;background:#0000003d;color:var(--panel-text);font:inherit;font-size:13.5px;line-height:1.5;transition:border-color .16s ease}.suggest__area{resize:vertical;min-height:108px}.suggest__select:focus,.suggest__input:focus,.suggest__area:focus{outline:none;border-color:#c9a227a6}.suggest__select:disabled,.suggest__input:disabled,.suggest__area:disabled{opacity:.55}.suggest__count{margin:5px 0 0;text-align:right;font-size:10.5px;color:#b6a68a80}.suggest__count--near{color:var(--gold)}.suggest__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.suggest__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.suggest__error{margin:14px 0 0;padding:9px 11px;border:1px solid rgba(157,51,18,.5);border-radius:8px;background:#9d331224;font-size:12.5px;line-height:1.5;color:#edc6b5}.suggest__send{width:100%;margin-top:18px;padding:11px 16px;border:1px solid rgba(201,162,39,.6);border-radius:9px;background:#c9a22729;color:#f3e3b4;font:inherit;font-size:14px;letter-spacing:.6px;cursor:pointer;transition:background .18s ease,opacity .18s ease}.suggest__send:hover:not(:disabled),.suggest__send:focus-visible:not(:disabled){background:#c9a22747}.suggest__send:disabled{opacity:.4;cursor:not-allowed}.suggest__privacy{margin:14px 0 0;font-size:11px;line-height:1.6;color:#b6a68a9e}.suggest__done{padding:14px 0 4px;text-align:center}.suggest__tick{width:52px;height:52px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.55);border-radius:50%;background:#c9a2271f;color:var(--gold);font-size:24px;animation:tick-in .46s cubic-bezier(.34,1.56,.64,1) both}@keyframes tick-in{0%{opacity:0;transform:scale(.5)}}.suggest__done h2{margin:0 0 8px;font-family:var(--serif);font-size:22px;font-weight:600}.suggest__done p{margin:0;font-size:13px;line-height:1.65;color:var(--panel-dim)}@media(max-width:900px){.suggest__row{grid-template-columns:1fr}.suggest__panel{padding:22px 18px 18px}}:root{--ch-surface: #241b11;--ch-mark: #c9a227;--ch-track: rgba(201, 162, 39, .1);--ch-grid: #3a2e1e}.stats{min-height:100%;padding:26px clamp(14px,4vw,44px) 60px;background:radial-gradient(120% 90% at 50% 0%,#221a10,#140f08 70%);color:var(--panel-text);font-size:14px}.stats--bare{display:grid;place-items:center;gap:14px;text-align:center;color:var(--panel-dim)}.stats__gate{display:grid;gap:6px;width:min(360px,100%);padding:28px 26px 24px;border:1px solid var(--panel-line);border-radius:14px;background:var(--ch-surface);text-align:left}.stats__gateTitle{margin:0;font-family:var(--serif);font-size:22px;font-weight:600;color:var(--panel-text)}.stats__gateLead{margin:0 0 10px;font-size:12.5px;color:var(--panel-dim)}.stats__gate label{margin-top:8px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--panel-dim)}.stats__gate input{padding:9px 11px;border:1px solid var(--panel-line);border-radius:8px;background:#00000042;color:var(--panel-text);font:inherit}.stats__gate input:focus{outline:none;border-color:#c9a227a6}.stats__gate button{margin-top:16px;padding:10px;border:1px solid rgba(201,162,39,.6);border-radius:9px;background:#c9a22729;color:#f3e3b4;font:inherit;cursor:pointer}.stats__err{margin:10px 0 0;padding:8px 10px;border:1px solid rgba(157,51,18,.5);border-radius:8px;background:#9d331224;font-size:12.5px;color:#edc6b5}.stats__back{margin-top:12px;color:var(--panel-dim);font-size:12px;text-decoration:none}.stats__back:hover{color:var(--gold)}.stats__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.stats__title{margin:0;font-family:var(--serif);font-size:26px;font-weight:600}.stats__sub{margin:3px 0 0;font-size:12.5px;color:var(--panel-dim)}.stats__sub em{font-style:normal;color:var(--gold)}.stats__actions{display:flex;align-items:center;gap:8px}.stats__actions button{padding:7px 13px;border:1px solid var(--panel-line);border-radius:7px;background:transparent;color:var(--panel-text);font:inherit;font-size:12.5px;cursor:pointer}.stats__actions button:hover:not(:disabled){border-color:#c9a22799;color:var(--gold)}.stats__actions button:disabled{opacity:.45}.stats__tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--ch-grid)}.stats__tab{padding:9px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--panel-dim);font:inherit;font-size:13px;cursor:pointer}.stats__tab:hover{color:var(--panel-text)}.stats__tab--on{color:var(--gold);border-bottom-color:var(--ch-mark)}.stats__body--stale{opacity:.55;transition:opacity .16s ease}.stats__filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;border:1px solid var(--ch-grid);border-radius:9px;background:#00000029}.stats__filters label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--panel-dim)}.stats__filters select{padding:6px 10px;border:1px solid var(--panel-line);border-radius:7px;background:var(--ch-surface);color:var(--panel-text);font:inherit;font-size:13px}.tiles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tile{flex:1 1 130px;padding:14px 16px;border:1px solid var(--ch-grid);border-radius:11px;background:var(--ch-surface)}.tile__value{display:block;font-size:26px;font-weight:600;line-height:1.1;color:var(--panel-text)}.tile__label{display:block;margin-top:4px;font-size:11.5px;color:var(--panel-dim)}.tile--hero{flex:1 1 190px;border-color:#c9a22766}.tile--hero .tile__value{font-size:52px;color:var(--gold)}.ch{margin-bottom:18px;padding:16px 18px 18px;border:1px solid var(--ch-grid);border-radius:11px;background:var(--ch-surface)}.ch__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ch__title{margin:0;font-size:14.5px;font-weight:600;color:var(--panel-text)}.ch__hint{margin:3px 0 0;font-size:11.5px;color:var(--panel-dim)}.ch__toggle{flex:none;padding:5px 11px;border:1px solid var(--ch-grid);border-radius:6px;background:transparent;color:var(--panel-dim);font:inherit;font-size:11px;cursor:pointer}.ch__toggle:hover{border-color:#c9a22780;color:var(--gold)}.ch__empty{margin:6px 0;font-size:12.5px;color:#b6a68a99}.ch__tableWrap{overflow-x:auto}.ch__table{width:100%;border-collapse:collapse;font-size:12.5px}.ch__table th,.ch__table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--ch-grid)}.ch__table thead th{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--panel-dim)}.ch__table tbody th{font-weight:400;color:var(--panel-text)}.ch__table td{font-variant-numeric:tabular-nums;color:var(--panel-dim)}.bars{display:grid;gap:7px;margin:0;padding:0;list-style:none}.bars__row{display:grid;grid-template-columns:minmax(90px,26%) 1fr auto;align-items:center;gap:10px}.bars__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--panel-text)}.bars__track{height:14px;border-radius:0 4px 4px 0;background:var(--ch-track)}.bars__fill{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--ch-mark)}.bars__value{min-width:46px;text-align:right;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--panel-dim)}.funnel{display:grid;gap:7px;margin:0;padding:0;list-style:none}.funnel__row{display:grid;grid-template-columns:22px minmax(110px,30%) 1fr auto;align-items:center;gap:10px}.funnel__no{font-size:10.5px;font-variant-numeric:tabular-nums;text-align:right;color:#b6a68a80}.funnel__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--panel-text)}.funnel__note{margin-left:6px;font-style:normal;font-size:11px;color:var(--panel-dim)}.funnel__track{height:14px;border-radius:0 4px 4px 0;background:var(--ch-track)}.funnel__fill{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--ch-mark)}.funnel__value{min-width:84px;text-align:right;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--panel-dim)}.funnel__drop{margin-left:6px;font-style:normal;font-size:11px;color:#c98a6a}.spark__svg{width:100%;max-width:420px;height:auto;overflow:visible}.spark__base{stroke:var(--ch-grid);stroke-width:1}.spark__line{stroke:var(--ch-mark);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.spark__ring{fill:var(--ch-surface)}.spark__dot{fill:var(--ch-mark)}.spark__ends{display:flex;justify-content:space-between;max-width:420px;margin-top:6px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--panel-dim)}.spark__ends strong{color:var(--panel-text)}@media(max-width:640px){.bars__row{grid-template-columns:minmax(74px,34%) 1fr auto}.funnel__row{grid-template-columns:18px minmax(80px,38%) 1fr auto}.tile--hero .tile__value{font-size:40px}}