/* PGLAB CREATE v51 — interface chrome only. Map tiles, photos and exports keep their own colours. */
.pg-tool{--paper:#111;--white:#1b1b1b;--ink:#f4f3ee;--muted:#b7b4aa;--line:#3b3b3b;--green:#ff996e;--green-light:#2e261f;--orange:#ff5a1f;--orange-dark:#ffae89;--orange-light:#35261e;--sans:PGStudio,Arial,sans-serif;--bg:#111;--card:#1b1b1b;--accent-weak:#35261e;--good:#9ed3ae;--bad:#ffb6a8;color-scheme:dark}
.pg-tool .site-header{max-width:none;margin:0;font-family:PGStudio,Arial,sans-serif}
.pg-tool .site-header .site-sub-toggle svg{width:12px;height:12px}
.pg-tool .site-header .site-brand img{width:112px;height:42px}
.pg-tool .site-header [aria-current=location]{color:#ff996e}
.create-skip{position:fixed;top:-100px;left:16px;z-index:500;background:#ff5a1f;color:#111;padding:14px 20px;border-radius:8px}
.create-skip:focus{top:12px}
.pg-tool .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.create-next-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.create-next-links a{padding:12px 16px;border:1px solid #555;border-radius:8px;font-size:12px;text-decoration:none;min-height:44px}
.create-next-links a:hover{border-color:#ff996e;color:#ffb493}
.pg-tool :is(dialog,.modal){background:#1b1b1b;color:#f4f3ee;border:1px solid #444}
.pg-tool dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.pg-tool :is(input[type=checkbox],input[type=range]){accent-color:#ff5a1f}
.pg-tool :is(input,select,textarea){color:#f4f3ee}
.pg-tool .toast{background:#f4f3ee;color:#111;border:1px solid #d0cabb;font-size:13px}
.pg-tool .toast.error{background:#4d2720;color:#fff}
/* TRACE: retain the preview canvas and both scene palettes. */
.pg-trace .topbar{height:70px;border-color:#353535;max-width:1530px;margin:auto;background:#111}
.pg-trace .logo{font-size:24px}.pg-trace .byline{border-color:#494949}.pg-trace .lab-badge{color:#b7b4aa}
.pg-trace :is(.editor,.editor-tabs,.modal,.upload-zone,.route-card,.style-card,.format-options button,.text-input,.moment-card,.save-project-card){background:#1b1b1b;border-color:#414141;box-shadow:none;color:#f4f3ee}
.pg-trace :is(.text-input,.segmented,.privacy-note,.export-specs span,.btn.next,.boot,.progress-track){background:#252525;color:#e4dfd4;border-color:#494949}
.pg-trace :is(.btn.dark,.btn.orange,.play-btn,.choice-check){background:#ff5a1f;color:#111;border-color:#ff5a1f}
.pg-trace .btn:is(.dark,.orange):hover{background:#ff7846}
.pg-trace :is(.btn.outline,.icon-btn:hover,.btn.quiet:hover){background:#292929;border-color:#525252;color:#f4f3ee}
.pg-trace .text-btn{color:#ffae89}.pg-trace .selected{color:#f4f3ee}
.pg-trace :is(.segmented button.selected,.format-options button.selected,.style-card.selected){background:#35261e;border-color:#ff895a;color:#f4f3ee;box-shadow:none}
.pg-trace .style-card.selected{box-shadow:0 0 0 1px #ff895a}
.pg-trace .editor-tabs button[aria-selected=true]{color:#ff996e;border-color:#ff5a1f}
.pg-trace :is(.editor-tabs button,.live-label small,.route-numbers span,.route-numbers b,.route-card strong,.field-label span,.text-input::placeholder,.sample-switch,.style-card small,.format-options small,.custom-colour,.toggle-list>label,.detail-content>p,.gpx-help,.gpx-help p,.check-line,.summary-note,.empty-moments,.empty-moments strong,.empty-moments>span,.privacy-note p,.moment-heading small,.moment-position,.export-checklist p,.save-project-card p,.made-physical strong,.made-physical p,.page-footer,.page-footer b,.modal>p,.about-copy p,.project-row small,.project-empty,.progress-label,.preview-footer,.data-status,.section-lead,.step-label){color:#bdb9ae}
.pg-trace :is(.route-numbers b,.route-card strong,.field-label,.detail-block summary,.style-card strong,.empty-moments strong,.save-project-card strong,.about-copy h3){color:#f4f3ee}
.pg-trace .small-note{color:#bdb9ae!important;font-size:11px!important}
.pg-trace .eyebrow{color:#ff996e}.pg-trace .route-card p{color:#f6c08b}
.pg-trace :is(.time-readout,.duration-readout,.scene-tag){color:#c6c0b4}
.pg-trace :is(.detail-block,.made-physical,.page-footer,.project-row,.editor-tabs,.byline){border-color:#414141}
.pg-trace .upload-zone:hover,.pg-trace .upload-zone.dragover{background:#30241d;border-color:#ff895a}
.pg-trace .upload-icon{background:#35261e;color:#ffae89}
.pg-trace .upload-zone>span:last-of-type{color:#bdb9ae;font-size:11px}
.pg-trace .pill{background:#282828;border-color:#555;color:#e2ddd1}
.pg-trace .stage{background:radial-gradient(ellipse at 50% 40%,#37342e,#20201e);border-color:#45433c}
.pg-trace .stage:before{opacity:.14}.pg-trace .video-frame{box-shadow:0 18px 55px #0005,0 0 0 1px #ffffff1a}
.pg-trace .stage-tools{background:#202020e8;border-color:#7778;color:#eee}
.pg-trace .stage-tools .icon-btn:hover{background:#444}
.pg-trace .live-label>span{background:#ff895a;box-shadow:0 0 0 4px #ff895a18}
.pg-trace .scenery-overlay{background:#26241f;color:#f4f3ee;border-color:#6c5a49}
.pg-trace .scenery-copy small{color:#c3baaa}.pg-trace .scenery-overlay[data-state=warning]{background:#202020;border-color:#514437;border-left:3px solid #d69359}
.pg-trace .scenery-overlay[data-state=ready]{border-color:#799b69}
.pg-trace .placement-note{background:#3a281d;color:#ffd0ad}.pg-trace .placement-overlay{background:#252525;color:white;border:1px solid #8b725d}
.pg-trace .toggle-list input{background:#68645e}.pg-trace .toggle-list input:checked{background:#ff5a1f}
.pg-trace .swatch.selected:after{border-color:#ffae89}.pg-trace .ratio-icon{border-color:#bbb5a4}
.pg-trace .mobile-actions{background:#171717f5;border-color:#414141}
.pg-trace .modal .error-message{background:#3d2620;color:#ffb99f}
.pg-trace .made-physical a,.pg-trace .about-copy a{color:#ffb28e}
.pg-trace .noscript{background:#111;color:#f4f3ee}
.pg-trace .section-lead,.pg-trace .detail-content>p,.pg-trace .check-line,.pg-trace .about-copy p{font-size:12px;line-height:1.75}
.pg-trace .field-label,.pg-trace .detail-block summary{font-size:12px}.pg-trace .text-input{font-size:14px}
.pg-trace .btn,.pg-trace .text-btn{font-size:12px;min-height:44px}
.pg-trace .focus-preview .stage{z-index:120}
.pg-trace.focus-preview .stage{z-index:120}.pg-trace.focus-preview .scenery-overlay{z-index:125}
/* JEJAK: dark cards and controls, original destination art and map tiles. */
.pg-jejak .jejak-header{height:72px;border-color:#383838}
.pg-jejak .hero h1{color:#f4f3ee}.pg-jejak .serif-word{color:#e3ddcf}
.pg-jejak .art-overlay{color:#f4f3ee;text-shadow:0 2px 10px #0005}
.pg-jejak .activity-chip{color:#c7c1b5}.pg-jejak .activity-chip.active{background:#ff5a1f;border-color:#ff5a1f;color:#111}
.pg-jejak :is(.button-dark,.search-submit,.map-popup-open,.collection-nav button.active){background:#ff5a1f;border-color:#ff5a1f;color:#111;font-weight:700}
.pg-jejak .button-dark:hover{background:#ff7846}
.pg-jejak .brand-strip{background:#1b1b1b;color:#f4f3ee;border-block:1px solid #3b3b3b}
.pg-jejak .brand-strip p{color:#c4beb2}.pg-jejak .brand-strip>div>span{color:#f4f3ee}
.pg-jejak :is(.eyebrow,.nav-link.active,.collection-nav>span,.card-compare,.card-activities .icon,.research-stamp,.claim-ref,.compare-source,.guide-fact h4,.decision-columns h4,.decision-columns p>.icon){color:#ffae89}
.pg-jejak :is(.search-panel,.place-card,.starting-card,.loaded-search,.detail-shortcuts>button,.guide-fact,.guide-options .guide-fact,.guide-edit-row,.compare-content,.studio-sidebar,.studio-editor,.editor-footer,.studio-sidebar-head){background:#1b1b1b;border-color:#444;color:#f4f3ee}
.pg-jejak :is(.mode-notice,.location-notice,.decision-brief,.preference-match,.suitability-box,.caution-box,.directions-panel,.detail-stats,.privacy-facts,.studio-coverage,.coordinates-group){background:#262626;color:#e4dfd4;border-color:#484848}
.pg-jejak :is(.state-browse select,.directions-fields select,.editor-form input,.editor-form select,.editor-form textarea,.studio-sidebar input){background:#171717;border-color:#555;color:#f4f3ee}
.pg-jejak :is(.map-panel-top,.map-panel-bottom,.detail-footer,.sheet-footer,.bottom-nav,.comparison-table th:first-child,.comparison-table thead th){background:#202020;color:#d5d0c4;border-color:#444}
.pg-jejak :is(.map-place-popup,.map-location-control,.map-controls button,.map-attribution,.save-button,.card-number){background:#222;color:#f4f3ee;border-color:#555}
.pg-jejak .map-pin{background:#222;color:white}.pg-jejak .map-pin.map-cluster{background:#222;color:#ffb491;border-color:#ff9a73}
.pg-jejak .map-pin:hover,.pg-jejak .map-pin.selected{background:#ff5a1f;color:#111}
.pg-jejak .map-popup-name{color:#f4f3ee}
.pg-jejak :is(.map-popup-kind,.map-popup-area,.map-popup-close,.card-brief,.card-stats,.card-guide-note,.coverage-controls p,.coverage-controls span,.collection-scope,.detail-intro,.detail-section p,.guide-fact p,.guide-fact small,.decision-note,.compare-intro,.compare-footer,.unknown-cell,.map-attribution a,.prose p){color:#bdb9ad}
.pg-jejak :is(.pill,.pill.unknown,.pill.sample){background:#2e2e2e;color:#d4cfc3}
.pg-jejak .pill.easy{background:#25372c;color:#b3d6bc}.pg-jejak .pill.moderate{background:#393322;color:#e8d8a6}
.pg-jejak :is(.pill.challenging,.pill.warning,.location-notice.needs-check,.map-problem,.sample-alert,.guide-review-warning,.guide-checks .guide-fact){background:#3a281e;color:#f2c39f;border-color:#886342}
.pg-jejak :is(.map-popup-warning,.facility-status.no){color:#f2bb99}.pg-jejak .facility-status.yes{color:#aed5b5}
.pg-jejak :is(.map-problem,.sample-map-label){color-scheme:dark}
.pg-jejak .sample-map-label{background:#222e;color:#eee}
.pg-jejak .save-button.saved{background:#ff5a1f;color:#111}
.pg-jejak .bottom-nav button{color:#bdb9ae}.pg-jejak .bottom-nav button.active{color:#ffae89}
.pg-jejak .choice-group input:checked+span{background:#35261e;border-color:#ff895a;color:#ffc5a9}
.pg-jejak .quick-picks button,.pg-jejak .card-compare:hover,.pg-jejak .detail-shortcuts>button:hover{background:#292929;color:#d6d1c6}
.pg-jejak :is(.card-stats,.card-guide-note,.decision-note){border-color:#444}
.pg-jejak .modal-icon{color:#ffae89}.pg-jejak .guide-grid .guide-fact{box-shadow:none}
.pg-jejak .button,.pg-jejak .text-button,.pg-jejak .icon-button{min-height:44px}
.pg-jejak .mode-notice .text-button{display:inline-flex;align-items:center;color:#ffae89;min-height:44px;margin:4px 0 0;text-decoration:underline}
.pg-jejak .detail-controls .icon-button{background:#202020ed;color:#f4f3ee;width:44px;height:44px;border:1px solid #7777}
.pg-jejak :is(.error-box,.offline-bar,.noscript){background:#3a281e;color:#f2c39f;border-color:#886342}
.pg-jejak .icon-button{min-width:44px}.pg-jejak .save-button{width:44px;height:44px}
.pg-jejak .card-open{min-height:44px;min-width:44px}.pg-jejak .card-title{min-height:44px}
.pg-jejak .map-controls button{width:44px;height:44px}.pg-jejak .build-label{color:#b7b4aa}
.pg-jejak .footer a{color:#e4dfd4}.pg-jejak .integration-note{color:#bdb9ae}
.pg-jejak .map-panel{background:#252922}.pg-jejak .jejak-map{color-scheme:light}
/* URAI: one upload, readable results, and consistent controls. */
.pg-urai .urai-tool-heading{max-width:1500px;margin:auto;padding:22px 24px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.1em;color:#bdb9ae}
.pg-urai .urai-tool-heading a{color:#ffae89;text-decoration:none;padding-block:8px}.pg-urai .urai-tool-heading span{align-self:center}
.pg-urai .urai-hero{padding-top:18px}.pg-urai .urai-hero-card{border:1px solid #424039;border-radius:24px;box-shadow:none}
.pg-urai :is(.urai-upload-wrap,.urai-upload-wrap .drop,.urai-map-card,.activity-panel,.journey-card,.stat,.panel,.advanced-shell>summary){background:#1b1b1b;color:#f4f3ee;border-color:#414141;box-shadow:none}
.pg-urai .urai-upload-wrap .drop{display:block;background:#202020;border-color:#786b5f;min-height:280px}
.pg-urai .drop:focus-within{outline:2px solid #ff895a;outline-offset:4px}.pg-urai .drop h2{color:#f4f3ee}
.pg-urai .drop p{font-size:13px;line-height:1.7}.pg-urai .drop-icon{color:#ffae89;background:#35261e}
.pg-urai .urai-privacy{font-size:11px;color:#bdb9ae;line-height:1.7;padding:14px 12px 7px}.pg-urai .urai-privacy b{color:#eee}
.pg-urai .btn{min-height:44px;text-decoration:none;color:#eee}
.pg-urai .btn:is(.primary,.accent){background:#ff5a1f;color:#111}
.pg-urai .btn:is(.soft,.ghost),.pg-urai .btn.white{background:#292929;color:#f4f3ee;border:1px solid #555}
.pg-urai :is(.pill,.field-chip,.journey-mini,.loc-status,.urai-map-status,.badge,.tab,.search,.select,pre,th){background:#252525;color:#c7c1b5;border-color:#484848}
.pg-urai :is(input,select,textarea){background:#171717;color:#f4f3ee}
.pg-urai .tab.active{background:#35261e;color:#ffc5a9;border-color:#ff895a}
.pg-urai :is(th,td){border-color:#444}.pg-urai tbody tr:hover td{background:#29231f}
.pg-urai .filename{overflow-wrap:anywhere;font-size:clamp(25px,3.5vw,42px)}
.pg-urai .urai-map-card{isolation:isolate}.pg-urai #uraiMap{color-scheme:light}
.pg-urai .leaflet-control-attribution{color:#333;font-size:10px!important}
.pg-urai .leaflet-popup-content{color:#111}.pg-urai .leaflet-control-zoom a{color:#111}
.pg-urai .mountain-panel{background:#26221d;border:1px solid #635344;box-shadow:none}
.pg-urai .mountain-panel .loc-status{background:#352e26}
.pg-urai .urai-cta{border-radius:20px;background:#ff5a1f;color:#111}.pg-urai .urai-cta p{color:#302017;font-size:13px}
.pg-urai .urai-cta h3{color:#111}.pg-urai .urai-cta .btn.black{background:#111;color:#f4f3ee}
.pg-urai .notice.error{background:#39231f;color:#ffc3b5;border-color:#875347;padding:18px;max-width:calc(100% - 40px)}
.pg-urai .online-choice{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#d5cdbf;padding:12px 10px;line-height:1.5;text-align:left}
.pg-urai .online-choice input{width:18px;height:18px;margin:1px 0;flex-shrink:0}
.pg-urai .stats .stat{min-width:0}.pg-urai .stats .value{overflow-wrap:anywhere}
.pg-urai .footer{font-size:12px;padding:24px 18px 35px}
.pg-urai .advanced-shell>summary{gap:15px;flex-wrap:wrap}
.pg-urai .file-meta>.file-actions{display:flex;gap:8px;flex-wrap:wrap;overflow:visible;width:auto}
.pg-urai .export-menu{position:relative;overflow:visible;margin:0;background:#292929;border:1px solid #555;border-radius:12px;align-self:stretch}
.pg-urai .export-menu>summary{min-height:44px;display:flex;align-items:center;gap:18px;padding:11px 15px;font-size:12px}
.pg-urai .export-menu>summary:after{content:'↓';color:#ffae89}
.pg-urai .export-menu>div{position:absolute;top:calc(100% + 8px);right:0;z-index:85;width:250px;padding:10px;display:grid;gap:8px;border:1px solid #555;border-radius:12px;background:#1b1b1b;box-shadow:0 15px 40px #0006}
.pg-urai .export-menu .btn{width:100%;text-align:left;justify-content:flex-start}
@media(max-width:900px){
 .pg-tool .site-header .site-brand img{width:99px}
 .pg-tool .site-header{padding-inline:20px}
 .pg-jejak .jejak-header{padding-inline:20px}
}
@media(max-width:800px){
 .pg-trace .topbar{height:64px;padding-inline:18px}.pg-trace .shell{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .pg-trace .text-input{font-size:16px}.pg-trace :is(.icon-btn,.preview-actions .icon-btn,.stage-tools .icon-btn){width:44px;height:44px;min-width:44px}
 .pg-trace .preview-heading{height:50px}.pg-trace .player .play-btn{width:44px;height:44px}
 .pg-trace .stage-tools{right:8px;bottom:8px}.pg-trace .stage{height:clamp(285px,43svh,430px);padding:16px 52px}
 .pg-trace .editor-tabs button{min-height:50px}.pg-trace .safe-check{min-height:44px}
 .pg-trace .small-note{font-size:12px!important}.pg-trace .preview-footer{font-size:10px;gap:10px}.pg-trace .data-status{font-size:11px}
 .pg-trace .route-numbers span{font-size:10px}.pg-trace .scene-tag{color:#d5cbb8}
 .pg-trace .swatch{width:36px;height:36px}.pg-trace .colour-row{gap:8px}
 .pg-trace .scenery-copy small{white-space:normal;font-size:11px}.pg-trace .scenery-copy strong{font-size:12px}
 .pg-trace .scenery-overlay .text-btn{min-height:44px}
}
@media(max-width:600px){
 .pg-jejak .jejak-header{height:64px}.pg-jejak .header-right .build-label{display:none}
 .pg-jejak.view-map #main{height:calc(100dvh - 198px - env(safe-area-inset-bottom));min-height:520px}
 .pg-jejak .create-next-links{display:grid;grid-template-columns:1fr;text-align:left;margin-inline:15px}
 .pg-jejak .map-panel-top{flex-wrap:wrap;gap:0}.pg-jejak .map-panel-actions{gap:10px}
 .pg-jejak .card-brief{font-size:13px}.pg-jejak .card-area,.pg-jejak .results-summary{font-size:12px}
 .pg-jejak .footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 .pg-jejak .collection-nav .collection-buttons{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:8px}
 .pg-jejak .collection-nav .collection-buttons button{flex-shrink:0;min-height:44px}
 .pg-urai .urai-tool-heading{padding:14px 16px 0;font-size:10px}
 .pg-urai .urai-hero{padding:14px 14px 18px}.pg-urai .urai-hero-card{padding:26px 18px;border-radius:20px}
 .pg-urai :is(.search,.select){font-size:16px;min-height:44px}
 .pg-urai .urai-map-head{flex-wrap:wrap}.pg-urai .urai-map-actions{width:100%;justify-content:space-between}
 .pg-urai .file-meta{padding:20px 16px 10px}.pg-urai .file-meta>div{min-width:0;width:100%}
 .pg-urai .file-meta>div:last-child{gap:7px!important}.pg-urai .file-meta .btn{flex:1 1 auto;font-size:12px}
 .pg-urai .file-meta>.file-actions{flex-wrap:wrap!important;overflow:visible;width:100%}
 .pg-urai .export-menu{flex:1 1 100%}.pg-urai .export-menu>summary{justify-content:space-between}
 .pg-urai .export-menu>div{left:0;right:0;width:100%}
 .pg-urai .urai-mobile-actions{background:#171717f5;border:1px solid #555;z-index:80}
 .pg-urai.has-results .footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .pg-urai .journey-mini .v{font-size:12px}.pg-urai .journey-mini .k{font-size:10px}
 .pg-urai .urai-hero-grid{gap:24px}.pg-urai .urai-copy{font-size:14px}
}
@media(max-width:370px){.pg-trace .colour-row{gap:7px}.pg-trace .swatch{width:30px;height:30px}.pg-trace .custom-colour{margin-left:4px}.pg-trace .panel-body{padding:20px 16px}.pg-trace .logo .byline{display:none}.pg-trace .live-label small{padding-left:5px;font-size:7px}.pg-jejak .hero h1{font-size:48px}}

.pg-urai .elevation-heading{padding:16px 18px 0;font-size:12px;color:#c6c0b4;border-top:1px solid #444}.pg-urai .urai-map-card .chart-wrap{height:180px;border:0}

/* v52: JEJAK lists and compact status controls. */
.pg-jejak .radius-hint{font-size:12px;color:#bdb9ae;margin:9px 0 0;line-height:1.5}
.pg-jejak .cards{display:flex;flex-direction:column;gap:10px}
.pg-jejak .place-row{display:flex;align-items:stretch;gap:8px;padding:15px;border-radius:12px;background:#191919;border:1px solid #393939;box-shadow:none}
.pg-jejak .place-row-main{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;color:inherit}
.pg-jejak .place-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%}
.pg-jejak .place-row .card-title{font-size:18px;line-height:1.3;margin:0;padding:0;letter-spacing:-.025em;color:#f4f3ee;min-height:0}
.pg-jejak .place-row .card-distance{white-space:nowrap;font-size:12px;color:#ffae89}
.pg-jejak .place-row .card-area{font-size:12px;margin:0;line-height:1.5}
.pg-jejak .place-row .card-brief{font-size:13px;margin:0;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pg-jejak .place-row-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:11px;color:#bbb8ad;line-height:1.5}
.pg-jejak .place-row .card-source{font-size:10px;letter-spacing:.03em;color:#ffae89}
.pg-jejak .place-row .pill{font-size:10px;padding:3px 6px}
.pg-jejak .place-row-actions{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:0 0 64px}
.pg-jejak .place-row .save-button{position:relative;inset:auto;width:44px;height:44px;border-radius:8px;background:transparent;color:#ccc8be}
.pg-jejak .place-row .save-button.saved{color:#ffae89;background:#35261e}
.pg-jejak .place-row .card-compare{border:0;margin:0;padding:3px;min-height:44px;display:flex;flex-direction:column;gap:3px;width:100%;font-size:10px;background:transparent}
.pg-jejak .place-row .card-compare .icon{width:18px;height:18px}
.pg-jejak .location-notice{padding:0 8px;margin:0 0 8px;min-height:38px;gap:8px;flex-direction:row;align-items:center;background:transparent;border:0;color:#bdb9ae;border-radius:0;font-size:11px}
.pg-jejak .location-notice.needs-check{background:transparent;color:#dfba91;border:0}
.pg-jejak .location-notice>.icon{width:16px;height:16px;flex-shrink:0}
.pg-jejak .location-notice details{flex:1;min-width:0}
.pg-jejak .location-notice summary{cursor:pointer;line-height:1.5;min-height:36px;align-content:center}
.pg-jejak .location-notice p{margin:4px 0 10px;line-height:1.5}
.pg-jejak .location-notice .text-button{margin:0;min-height:44px;padding:0 4px;font-size:11px}
.pg-jejak .mode-notice{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:11px;line-height:1.5;background:#1b1b1b;margin-bottom:10px}
.pg-jejak .mode-notice summary{min-height:32px;align-content:center;cursor:pointer}
.pg-jejak .mode-notice details>div{padding:8px 0;display:flex;gap:8px}
.pg-jejak .mode-notice details .text-button{display:none}
.pg-jejak .mode-notice>.text-button{font-size:11px;white-space:nowrap;padding:0 3px;min-height:36px}
.pg-jejak .error-box{padding:8px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;line-height:1.5;margin-bottom:10px}
.pg-jejak .search-error-copy>span{display:block}
.pg-jejak .search-error-copy details{margin-top:3px}.pg-jejak .search-error-copy summary{cursor:pointer}.pg-jejak .search-error-copy p{margin:6px 0}
.pg-jejak .error-box>.text-button{min-height:44px;flex-shrink:0;padding:0 6px}
.pg-jejak .loading-box{padding:8px 12px;margin-bottom:8px;font-size:11px;gap:9px}.pg-jejak .loading-box p{margin:3px 0}
.pg-jejak .map-panel-top{flex-wrap:nowrap;padding:5px 9px;gap:5px}
.pg-jejak .map-panel-actions{display:flex;align-items:center;gap:8px}
.pg-jejak #mapRadius{border:1px solid #555;background:#252525;color:#f4f3ee;border-radius:6px;min-height:36px;font:inherit;font-size:12px;padding:4px}
.pg-jejak #fullMap{min-height:44px;white-space:nowrap}
.pg-jejak .search-map-area{top:62px;left:50%;transform:translateX(-50%);padding:6px 11px;min-height:40px;font-size:12px;border-radius:20px;white-space:nowrap}
.pg-jejak .map-location-control{width:44px;height:44px;min-height:44px;padding:10px;right:10px;bottom:28px;border-radius:10px}
.pg-jejak .map-location-control span{display:none}
.pg-jejak .map-problem{max-width:calc(100% - 80px);font-size:11px;padding:8px;line-height:1.4}
.pg-jejak .compare-tray{padding:6px 12px;gap:12px;min-height:54px}
.pg-jejak .compare-tray .small-caps{display:none}.pg-jejak .compare-tray strong{font-size:12px}
.pg-jejak .compare-tray .button{min-height:40px;padding:7px 12px;font-size:12px}.pg-jejak .compare-tray .text-button{min-height:40px;font-size:11px}
.pg-jejak.view-map .coverage-controls{margin:0 0 5px}.pg-jejak.view-map .coverage-controls p{display:none}
.pg-jejak.view-map .coverage-controls label{min-height:34px;font-size:11px}.pg-jejak.view-map #guideCount{display:none}
.pg-jejak.view-map .map-expand{display:none}.pg-jejak.view-map .map-panel-top>span{display:none}
.pg-jejak.view-map .map-panel-actions{width:100%;justify-content:space-between}
.pg-jejak.view-map .mode-notice{margin-bottom:6px;font-size:10px}.pg-jejak.view-map .mode-notice summary{min-height:26px}
.pg-jejak.view-map .map-panel-bottom{padding:3px 8px;font-size:8px}.pg-jejak.view-map #gpsLabel{display:none}
.pg-jejak.map-expanded{overflow:hidden}
.pg-jejak.map-expanded #mapPanel{display:flex;position:fixed;inset:0;z-index:200;height:100dvh;max-height:none;border-radius:0;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#161616}
.pg-jejak.map-expanded .jejak-map{height:auto;min-height:0;flex:1}
.pg-jejak.map-expanded .map-expand{display:none}
.pg-jejak.map-expanded .search-map-area{top:calc(62px + env(safe-area-inset-top))}
@media(max-width:820px){
 .pg-jejak .place-row{padding:12px;gap:4px}.pg-jejak .place-row .card-title{font-size:17px}.pg-jejak .place-row-head{gap:7px;flex-wrap:wrap}
 .pg-jejak .place-row-actions{flex-basis:52px}.pg-jejak .place-row .card-brief{font-size:12px}
 .pg-jejak .compare-tray{bottom:calc(70px + env(safe-area-inset-bottom));width:calc(100% - 20px);border-radius:10px}
 .pg-jejak.view-map{padding-bottom:0}.pg-jejak.view-map .jejak-header{display:none}
 .pg-jejak.view-map .site-header{height:56px;min-height:56px}
 .pg-jejak.view-map .discovery{display:none}
 .pg-jejak.view-map #main{display:flex;flex-direction:column;height:calc(100dvh - 122px - env(safe-area-inset-bottom));min-height:430px}
 .pg-jejak.view-map .results-section{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;padding:8px 12px 4px}
 .pg-jejak.view-map .results-heading{margin:0 0 3px;gap:8px}.pg-jejak.view-map .results-heading h2{font-size:18px;margin:3px 0}
 .pg-jejak.view-map #areaEyebrow{display:none}.pg-jejak.view-map .results-summary{font-size:11px;max-width:calc(100vw - 100px);margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .pg-jejak.view-map .result-search-row,.pg-jejak.view-map #sortSelect{display:none}
 .pg-jejak.view-map .results-layout{display:flex;flex:1;min-height:0;align-items:stretch}
 .pg-jejak.view-map #mapPanel{display:flex;flex:1;min-height:0;flex-direction:column;top:0}
 .pg-jejak.view-map .jejak-map{height:auto;min-height:180px;flex:1}
 .pg-jejak.view-map .location-notice{margin-bottom:0}
 .pg-jejak.view-map.has-comparison .results-section{padding-bottom:64px}
 .pg-jejak.view-map .footer{display:none}
 .pg-jejak.map-expanded #mapPanel{top:0;height:100dvh}
}
/* TRACE: the stage size and full-screen stage size must never share a height cap. */
.pg-trace .preview-sentinel{height:1px;grid-column:1/-1;margin-bottom:-25px;pointer-events:none}
.pg-trace .preview-panel{position:sticky;top:8px;background:#111;z-index:20;min-width:0}
.pg-trace .expand-preview{min-width:0;min-height:40px;padding:8px 11px;font-size:12px;gap:7px}
.pg-trace .preview-heading{gap:8px;height:50px;padding-bottom:4px}
.pg-trace .preview-data{margin:4px 5px;font-size:11px;color:#bdb9ae}.pg-trace .preview-data summary{min-height:32px;align-content:center;cursor:pointer}.pg-trace .preview-data .data-status{margin:0;padding:6px 0}
.pg-trace .stage{padding:8px 12px}
.pg-trace.focus-preview{overflow:hidden}
.pg-trace.focus-preview .preview-panel{position:fixed;inset:0;z-index:200;height:100dvh;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom);display:flex;flex-direction:column;background:#111}
.pg-trace.focus-preview .preview-panel .stage{position:relative;inset:auto;flex:1;min-height:0;height:auto;max-height:none;width:100%;padding:4px 6px;border-radius:8px;z-index:auto}
.pg-trace.focus-preview .preview-heading{flex:0 0 48px}
.pg-trace.focus-preview .preview-panel .player{flex:0 0 58px;margin:0;padding:7px 2px}
.pg-trace.focus-preview .preview-footer,.pg-trace.focus-preview .preview-data{display:none}
.pg-trace.focus-preview .scenery-overlay{position:relative;inset:auto;flex-shrink:0;margin:0 0 4px;z-index:auto;min-height:40px}
.pg-trace.focus-preview .stage-tools{bottom:60px;right:8px}
.pg-trace.focus-preview .close-focus{position:absolute;right:8px;bottom:8px;min-height:40px;padding:8px 14px}
.pg-trace.focus-preview .scene-tag{bottom:12px;left:10px;max-width:100px;font-size:7px}
@media(max-width:800px){
 .pg-trace .studio{display:block}.pg-trace .preview-sentinel{height:1px;margin:0}
 .pg-trace .preview-panel{top:0;padding:0 0 6px;box-shadow:0 6px 14px #0005}
 .pg-trace .preview-heading{height:46px}.pg-trace .live-label{font-size:9px;letter-spacing:.6px}.pg-trace .live-label small{display:none}
 .pg-trace .expand-preview{font-size:11px;padding:6px 9px;min-height:40px}
 .pg-trace .preview-panel .stage{height:clamp(330px,65svh,660px);padding:6px;min-height:0}
 .pg-trace[data-preview-format=landscape] .preview-panel .stage{height:clamp(195px,29svh,300px)}
 .pg-trace[data-preview-format=square] .preview-panel .stage{height:min(88vw,48svh)}
 .pg-trace.preview-pinned:not(.focus-preview) .preview-panel .stage{height:clamp(200px,36dvh,355px)}
 .pg-trace.preview-pinned .preview-footer,.pg-trace.preview-pinned .preview-data{display:none}
 .pg-trace .preview-panel .player{padding:7px 2px 2px;min-height:49px}
 .pg-trace .editor{scroll-margin-top:calc(36dvh + 105px)}
 .pg-trace .scene-tag{font-size:7px;left:8px;bottom:8px;max-width:55px}
 .pg-trace.focus-preview .preview-panel .stage{height:auto;min-height:0;max-height:none;padding:4px 6px}
 .pg-trace.focus-preview .preview-panel{padding-inline:6px}
}
@media(max-height:500px) and (max-width:800px){
 .pg-trace.preview-pinned:not(.focus-preview) .preview-panel .stage{height:120px}
 .pg-trace.focus-preview .preview-heading{flex-basis:42px}.pg-trace.focus-preview .preview-panel .player{flex-basis:48px}
}

/* Keep scroll anchoring from moving the page while the phone preview compacts. */
.pg-trace .shell{overflow-anchor:none}
@media(max-width:800px){
 html:has(.pg-trace){scroll-padding-top:calc(36dvh + 108px);scroll-padding-bottom:90px;scroll-behavior:auto}
 .pg-trace .editor :is(button,input,select,summary){scroll-margin-top:calc(36dvh + 108px);scroll-margin-bottom:95px}
}

@media(max-width:800px){
 .pg-trace .editor{overflow:visible}
 .pg-trace .editor-tabs{position:sticky;top:var(--trace-preview-height,410px);z-index:21;border-radius:14px 14px 0 0}
 .pg-trace.focus-preview .editor{position:static}
}

/* Compact scenery status; technical detail stays in the scenery controls. */
.pg-trace .scenery-dismiss{flex-shrink:0;width:32px;height:32px;min-height:32px;padding:7px;border:0;background:transparent;color:#bdb9ae}
.pg-trace .scenery-dismiss svg{width:16px;height:16px}
@media(max-width:600px){.pg-trace .scenery-dismiss{width:44px;height:44px;min-height:44px;padding:14px}.pg-trace .scenery-overlay{gap:5px;padding:5px 8px}.pg-trace .scenery-copy small{font-size:10px}}