@charset "UTF-8";:root{--ink: #2b1d14;--parchment: #f4ead5;--parchment-deep: #e8d8b4;--gold: #c99a2e;--gold-bright: #f1cf6b;--label: #16246a;--label-bright: #2d47b8;--purple: #5a2563;--purple-bright: #7d3a89;--purple-deep: #2e1134;--lilac: #dcc6e4;--panel: rgba(52, 19, 60, .86);--panel-border: rgba(241, 207, 107, .45);--text-light: #f6ecd6;--text-muted: #cdbb98;--font-display: "Cinzel", "Trajan Pro", Georgia, serif;--font-body: "EB Garamond", Georgia, serif;--radius: 10px;--shadow: 0 12px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a1018;color:var(--text-light);font-family:var(--font-body)}#app{position:fixed;inset:0}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#viewport{z-index:0}.sidebar{position:absolute;top:18px;left:18px;width:284px;max-height:calc(100% - 36px);overflow-y:auto;overflow-x:hidden;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(6px);padding:6px 0 10px;transition:transform .35s ease,opacity .35s}.sidebar__title{position:relative;padding:10px 16px;cursor:pointer;user-select:none}.sidebar__greek{margin:0 36px 0 0;font-size:13px;letter-spacing:.22em;color:var(--gold-bright)}.sidebar__name{margin:0;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:.06em;line-height:1.15;white-space:nowrap;color:var(--parchment)}.sidebar__sub{margin:3px 0 0;font-style:italic;font-size:14px;line-height:1.3;color:var(--text-muted)}.sidebar__toggle{position:absolute;top:8px;right:10px;display:grid;place-items:center;width:30px;height:30px;padding:0;background:none;border:0;border-radius:50%;color:var(--gold-bright);font-size:16px;cursor:pointer}.sidebar__title:hover .sidebar__toggle{background:#7d3a8973}.sidebar__toggle:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.sidebar.is-collapsed .sidebar__body{display:none}.sidebar.is-collapsed .sidebar__chevron{transform:rotate(-90deg)}.sidebar__chevron{display:inline-block;transition:transform .2s}.sidebar__group{border-top:1px solid rgba(241,207,107,.18)}.sidebar__group-summary{display:flex;justify-content:space-between;align-items:center;padding:9px 16px 8px;list-style:none;color:var(--gold-bright);font-family:var(--font-display);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;user-select:none}.sidebar__group-summary::-webkit-details-marker{display:none}.sidebar__group-summary:hover{background:#7d3a8959}.sidebar__group-summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-2px}.sidebar__group-chevron{display:inline-block;font-size:13px;transform:rotate(-90deg);transition:transform .2s}.sidebar__group.is-open>.sidebar__group-summary .sidebar__group-chevron{transform:none}.sidebar__group-body{overflow:hidden}.sidebar__group>.sidebar__region:first-of-type .sidebar__region-button{border-top:0}.sidebar__region{margin-top:0;padding-bottom:4px}.sidebar__region-button{display:block;width:100%;text-align:left;padding:6px 16px 4px;background:none;border:0;border-top:1px solid rgba(241,207,107,.18);color:var(--parchment);font-family:var(--font-display);font-size:13px;letter-spacing:.1em;cursor:pointer}.sidebar__region-button:hover{color:var(--gold-bright)}.sidebar__region-sub{display:block;font-family:var(--font-body);font-style:italic;letter-spacing:0;color:var(--text-muted);font-size:13px}.sidebar ul{list-style:none;margin:2px 0 0;padding:0}.sidebar__landmark{display:block;width:100%;text-align:left;padding:4px 16px 4px 28px;background:none;border:0;color:var(--text-light);font-family:var(--font-body);font-size:15.5px;cursor:pointer;position:relative}.sidebar__landmark:before{content:"◆";position:absolute;left:14px;top:7px;font-size:8px;color:var(--gold)}.sidebar__landmark:hover,.sidebar__landmark.is-active{color:var(--gold-bright);background:#7d3a8966}.info-panel{position:absolute;top:18px;right:18px;bottom:18px;width:min(420px,calc(100% - 36px));overflow-y:auto;background:linear-gradient(180deg,#faf2e0f7,#f0e2c4f7);color:var(--ink);border:1px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px 30px;animation:panel-in .45s ease both}.info-panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.info-panel__close{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(74,29,79,.3);background:transparent;color:var(--purple);font-size:18px;cursor:pointer}.info-panel__close:hover{background:#4a1d4f14}.info-panel__region{margin:0;font-family:var(--font-display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.info-panel h2{margin:4px 0 0;font-family:var(--font-display);font-size:27px;line-height:1.15;color:var(--purple-deep)}.info-panel__maps{color:inherit;text-decoration:none}.info-panel__maps:after{content:"";display:inline-block;width:.7em;height:.7em;margin-left:.3em;vertical-align:-.02em;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1a8 8 0 0 0-8 8c0 6 8 14 8 14s8-8 8-14a8 8 0 0 0-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1a8 8 0 0 0-8 8c0 6 8 14 8 14s8-8 8-14a8 8 0 0 0-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E") center / contain no-repeat}.info-panel__maps:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.info-panel__maps:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}.info-panel__subtitle{margin:4px 0 14px;font-style:italic;color:#6b4f3a;font-size:17px}.info-panel__ornament{height:1px;margin:14px 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.info-panel__stats{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:16px}.info-panel__stats dt{font-family:var(--font-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);padding-top:3px}.info-panel__stats dd{margin:0}.info-panel p{font-size:17px;line-height:1.5;margin:0 0 12px}.info-panel h3{font-family:var(--font-display);font-size:14px;letter-spacing:.14em;color:var(--purple);margin:18px 0 8px;text-transform:uppercase}.info-panel__facts{margin:0;padding-left:20px;font-size:16.5px;line-height:1.45}.info-panel__facts li{margin-bottom:7px}.info-panel__facts li::marker{color:var(--gold)}.info-panel__legend{margin:16px 0;padding:14px 16px;border-left:3px solid var(--gold);background:#4a1d4f0f;border-radius:0 8px 8px 0}.info-panel__legend h3{margin-top:0}.info-panel__legend p:last-child{margin-bottom:0}.info-panel__today{font-size:16px!important;color:#4e3b2c;background:#c99a2e1f;padding:10px 12px;border-radius:8px}.info-panel__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.info-panel__link{padding:6px 12px;border-radius:999px;border:1px solid var(--purple);background:transparent;color:var(--purple);font-family:var(--font-body);font-size:15px;cursor:pointer}.info-panel__link:hover{background:var(--purple);color:var(--parchment)}.back-button{position:absolute;top:18px;left:18px;padding:10px 18px;border-radius:999px;border:1px solid var(--gold);background:var(--panel);color:var(--gold-bright);font-family:var(--font-display);font-size:14px;letter-spacing:.08em;cursor:pointer;box-shadow:var(--shadow)}.back-button:hover{background:var(--purple-bright)}.back-button[hidden]{display:none}.is-detail .sidebar{opacity:0;pointer-events:none;transform:translate(-20px)}.timeline{--thumb: 18px;position:absolute;left:320px;right:178px;bottom:14px;max-width:780px;margin:0 auto;padding:10px 18px 4px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(6px);transition:opacity .3s,right .3s ease}.has-panel .timeline{right:calc(min(420px,100% - 36px) + 30px)}.is-detail .timeline{opacity:0;pointer-events:none}.timeline__head{display:flex;align-items:center;gap:8px;min-width:0}.timeline__button{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid rgba(241,207,107,.45);background:none;color:var(--gold-bright);font-size:14px;line-height:1;cursor:pointer}.timeline__button:hover{background:#7d3a8980;border-color:var(--gold-bright)}.timeline__button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.timeline__button.is-playing{background:var(--gold);border-color:var(--gold);color:var(--purple-deep)}.timeline__play{font-size:13px;padding-left:2px}.timeline__play.is-playing{padding-left:0}.timeline__reset{font-size:17px}.timeline__readout{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:15px}.timeline__readout strong{margin-right:6px;font-family:var(--font-display);font-size:19px;letter-spacing:.06em;color:var(--gold-bright)}.timeline__readout span{font-style:italic}.timeline__track{position:relative;height:46px;margin-top:6px}.timeline__range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:var(--thumb);margin:0;background:transparent;cursor:pointer}.timeline__range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#7d3a89f2,#f1cf6bd9)}.timeline__range::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#7d3a89f2,#f1cf6bd9)}.timeline__range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:-7px;border-radius:50%;border:2px solid var(--purple-deep);background:var(--gold-bright);box-shadow:0 0 0 3px #7d3a8999}.timeline__range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:50%;border:2px solid var(--purple-deep);background:var(--gold-bright)}.is-all .timeline__range::-webkit-slider-thumb{background:var(--text-muted);box-shadow:none}.is-all .timeline__range::-moz-range-thumb{background:var(--text-muted)}.timeline__range:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px;border-radius:4px}.timeline__marks{position:absolute;inset:3px 0 0;pointer-events:none}.timeline__mark{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;padding:0 3px;transform:translate(-50%);border:0;background:none;color:var(--text-muted);font-family:var(--font-body);font-size:12px;cursor:pointer;pointer-events:auto}.timeline__tick{width:2px;height:12px;border-radius:1px;background:#f1cf6bbf}.timeline__label{margin-top:9px}.timeline__mark:not(.has-label) .timeline__label{display:none}.timeline__mark:hover,.timeline__mark.is-current{color:var(--gold-bright)}.timeline__mark.is-current .timeline__tick{width:3px;background:var(--gold-bright)}.timeline__mark:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:4px}.sidebar__landmark.is-absent{opacity:.4}.sidebar__landmark.is-absent:before{color:var(--text-muted)}.info-panel__years{margin:2px 0 0!important;font-size:17px!important;font-weight:600;letter-spacing:.04em;color:var(--gold)}.settings{position:absolute;right:18px;bottom:18px;z-index:5;display:flex;gap:10px}.has-panel .settings{display:none}.settings__button,.music__button,.timeline__toggle{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);color:var(--gold-bright);box-shadow:var(--shadow);cursor:pointer;transition:transform .3s ease,background .15s}.settings__button:hover,.music__button:hover,.timeline__toggle:hover{background:var(--purple-bright)}.settings__button[aria-expanded=true]{transform:rotate(60deg)}.music__button[aria-expanded=true],.timeline__toggle[aria-expanded=true]{background:var(--purple-bright)}.settings__button:focus-visible,.settings__option:focus-visible,.music__button:focus-visible,.timeline__toggle:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.is-detail .timeline__toggle{display:none}.music{position:absolute;right:0;bottom:54px;width:min(340px,calc(100vw - 36px));padding:12px 14px 14px;border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel);color:var(--text-light);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.music__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.music__title{margin:0;font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright)}.music__close{width:28px;height:28px;border-radius:50%;border:1px solid var(--panel-border);background:none;color:var(--text-light);font-size:18px;line-height:1;cursor:pointer}.music__close:hover{background:var(--purple-bright)}.music__close:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.music__player iframe{display:block;border:0;border-radius:12px}.settings__dialog{width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);padding:22px 24px 24px;border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel);color:var(--text-light);backdrop-filter:blur(8px);box-shadow:var(--shadow);font-family:var(--font-body)}.settings__dialog::backdrop{background:#1408168c}.settings__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.settings__title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright)}.settings__close{width:34px;height:34px;border-radius:50%;border:1px solid var(--panel-border);background:none;color:var(--text-light);font-size:22px;line-height:1;cursor:pointer}.settings__close:hover{background:var(--purple-bright)}.settings__close:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.settings__section+.settings__section{margin-top:20px;padding-top:18px;border-top:1px solid rgba(241,207,107,.2)}.settings__heading{margin:0 0 10px;font-family:var(--font-display);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright)}.settings__options{display:flex;flex-wrap:wrap;gap:8px}.settings__controls{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:16px;line-height:1.4}.settings__controls li{padding-left:18px;position:relative}.settings__controls li:before{content:"◆";position:absolute;left:0;top:.1em;font-size:10px;color:var(--gold)}.settings__option{padding:6px 12px;border-radius:999px;border:1px solid rgba(241,207,107,.35);background:none;color:var(--text-light);font-family:var(--font-body);font-size:16px;text-align:left;cursor:pointer}.settings__option:hover{border-color:var(--gold-bright)}.settings__option[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--purple-deep)}.settings__option[aria-pressed=true]:before{content:"✓ "}.debug-overlay{position:absolute;top:18px;right:18px;z-index:4;margin:0;padding:8px 12px;border-radius:6px;background:#140816c7;color:#d8f5c8;font:11.5px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;pointer-events:none;transition:right .3s ease}.debug-overlay[hidden]{display:none}.has-panel .debug-overlay{right:calc(min(420px,100% - 36px) + 30px)}.sources__open:after{content:" →"}.sources__dialog{width:min(560px,calc(100% - 32px));overflow-y:auto}.sources__intro{margin:0;font-size:16px;line-height:1.45}.sources__heading{margin-top:20px;padding-top:16px;border-top:1px solid rgba(241,207,107,.2)}.sources__list{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:16px;line-height:1.4}.sources__entry{position:relative;padding-left:18px}.sources__entry:before{content:"◆";position:absolute;left:0;top:.3em;font-size:10px;color:var(--gold)}.sources__cite{display:block;font-style:italic;color:var(--gold-bright)}.sources__covers{display:block;color:var(--text-muted)}.label-layer{position:absolute;inset:0;pointer-events:none;z-index:0}.is-detail .label-layer{display:none}.map-label{pointer-events:auto;cursor:pointer;user-select:none;text-align:center;white-space:nowrap}.map-label--landmark{padding:2px 9px 3px;border-radius:999px;background:#4a1c54d1;border:1px solid rgba(241,207,107,.55);color:var(--parchment);font-size:13.5px;transform:translateY(-14px);transition:background .15s,color .15s,transform .15s}.map-label--landmark:after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-1px;width:2px;height:7px;background:#f1cf6bb3}.map-label--landmark.is-hover{background:var(--purple-bright);color:var(--gold-bright);transform:translateY(-16px) scale(1.06)}.detail-tooltip{position:absolute;z-index:2;transform:translate(-50%,-100%) translateY(-14px);padding:2px 9px 3px;border-radius:999px;background:var(--purple-bright);border:1px solid rgba(241,207,107,.55);color:var(--gold-bright);font-size:13.5px;white-space:nowrap;pointer-events:none}.detail-tooltip[hidden]{display:none}.part-labels{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.part-labels[hidden]{display:none}.part-label{position:absolute;left:0;top:0;margin-top:-8px;padding:1px 7px 2px;border-radius:4px;background:#2a1030b8;color:var(--parchment);font-size:12px;line-height:1.3;white-space:nowrap;user-select:none}.part-label:after{content:"";position:absolute;left:50%;bottom:-6px;width:1px;height:6px;background:#2a1030b8}.part-label[hidden]{display:none}.map-label--minor{padding:1px 7px 2px;font-size:11.5px;transform:translateY(-10px)}.map-label--minor:after{bottom:-5px;height:5px}.map-label--minor.is-hover{transform:translateY(-12px) scale(1.06)}.map-label--region{font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.7vw,22px);letter-spacing:.3em;color:var(--label);text-shadow:0 0 2px rgba(255,248,230,.95),0 0 6px rgba(255,248,230,.9),0 0 14px rgba(255,248,230,.7)}.map-label--region small{display:block;font-family:var(--font-body);font-weight:400;font-style:italic;letter-spacing:.04em;font-size:.68em;color:#2a3360;text-shadow:0 0 2px rgba(255,248,230,.95),0 0 6px rgba(255,248,230,.9)}.map-label--region:hover{color:var(--label-bright)}.map-label--water{font-style:italic;font-weight:600;font-size:20px;letter-spacing:.12em;color:var(--label);text-shadow:0 0 2px rgba(255,248,230,.95),0 0 6px rgba(255,248,230,.9),0 0 14px rgba(255,248,230,.7)}.map-label--water small{display:block;font-weight:400;font-size:13px;letter-spacing:.05em;color:#2a3360}.map-label--water:hover{color:var(--label-bright)}.map-label--place{font-weight:600;font-size:15px;letter-spacing:.06em;color:var(--label);text-shadow:0 0 2px rgba(255,248,230,.95),0 0 6px rgba(255,248,230,.9),0 0 14px rgba(255,248,230,.7)}.map-label--place small{display:block;font-weight:400;color:#2a3360}.map-label--place:hover,.map-label--place.is-hover{color:var(--label-bright)}.map-label--place small{display:block;font-style:italic;font-size:11.5px;color:var(--parchment-deep)}.fade{position:absolute;inset:0;background:radial-gradient(circle,#f8ecd0,#d9bf8c);opacity:0;pointer-events:none;transition:opacity .32s ease}.fade.is-visible{opacity:1}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#5a2563,#1a0a1e);color:var(--parchment);font-size:19px;font-style:italic;transition:opacity .8s ease;z-index:10}.loading__mark{font-size:54px;color:var(--gold-bright);animation:glow 1.6s ease-in-out infinite alternate}.loading.is-done{opacity:0;pointer-events:none}.loading.is-error{font-style:normal;text-align:center;padding:24px}.loading.has-intro{justify-content:flex-start;overflow-y:auto;padding:24px 16px;font-style:normal}.loading.has-intro .loading__progress{display:none}.loading__progress{display:flex;flex-direction:column;align-items:center}.loading__bar{width:220px;height:3px;margin-top:18px;border-radius:2px;background:#ffffff24;overflow:hidden}.loading__bar-fill{height:100%;background:var(--gold-bright);transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}.intro{width:min(600px,100%);margin:auto;font-size:18px;line-height:1.5;text-align:left}.intro .loading__mark{text-align:center;font-size:44px;animation:none}.intro p{margin:0 0 12px}.intro__title{margin:4px 0 2px;font-family:var(--font-display);font-weight:700;font-size:clamp(28px,7vw,40px);letter-spacing:.08em;text-align:center;color:var(--parchment)}.intro .intro__sub{margin-bottom:22px;font-style:italic;text-align:center;color:var(--text-muted)}.intro__heading{margin:22px 0 10px;padding-top:18px;border-top:1px solid rgba(241,207,107,.2);font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright)}.intro__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(241,207,107,.2)}.intro__skip{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--text-muted);cursor:pointer}.intro__check{width:18px;height:18px;margin:0;accent-color:var(--gold);cursor:pointer}.intro__enter{margin-left:auto;padding:10px 26px;border-radius:999px;border:1px solid var(--gold);background:var(--gold);color:var(--purple-deep);font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.1em;cursor:pointer}.intro__enter:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.intro__enter:focus-visible,.intro__check:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}@keyframes glow{0%{opacity:.45}to{opacity:1}}@media(max-width:760px){.sidebar{top:10px;left:10px;width:min(250px,calc(100% - 176px));max-height:40%}.sidebar__greek,.sidebar__sub{display:none}.sidebar__title{padding-right:44px}.sidebar__name{font-size:15px;letter-spacing:.04em}.sidebar__toggle{top:50%;transform:translateY(-50%)}.timeline,.has-panel .timeline{left:10px;right:10px;bottom:10px;max-width:none;padding:8px 12px 2px}.has-panel .timeline{display:none}.info-panel{inset:auto 10px 10px;width:auto;max-height:calc(100% / 3 - 10px);padding:16px 18px 20px}.back-button{top:10px;left:10px}.settings{top:10px;right:10px;bottom:auto}.music{top:54px;bottom:auto;width:min(340px,calc(100vw - 20px))}.debug-overlay,.has-panel .debug-overlay{top:60px;right:10px;font-size:10px}}