.play-root{--play-cream:#f4efe4;--play-cream-raised:#fffdf8;--play-ink:#2c261c;--play-ink-dim:#5c5346;--play-teal:#2a98a7;--play-teal-deep:#1a5c66;--play-rust:#8a3b32;--play-border:#1a3d42;--play-pixel:3px;width:100%;height:100dvh;color:var(--play-ink);font-family:var(--font-sans), "Helvetica Neue", Helvetica, Arial, sans-serif;z-index:50;background:#1a2a2e;position:fixed;inset:0;overflow:hidden}.play-map-layer{position:absolute;inset:0}.play-map-layer .gm-style{font-family:inherit}.play-missing-key{z-index:1;background:linear-gradient(160deg,#1a3d42 0%,#2a5a62 40%,#1a2a2e 100%);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.play-missing-key-card{background:var(--play-cream);border:3px solid var(--play-border);width:100%;max-width:28rem;box-shadow:0 0 0 3px var(--play-teal), 6px 8px 0 #00000059;text-align:center;padding:1.5rem 1.35rem}.play-missing-key-card h1{font-family:var(--font-serif), Georgia, serif;color:var(--play-teal-deep);margin-bottom:.65rem;font-size:1.35rem}.play-missing-key-card code{word-break:break-all;background:#e8e0d0;border:1px solid #1a3d4240;margin:.35rem 0;padding:.25rem .45rem;font-size:.78rem;display:inline-block}.play-missing-key-card p{color:var(--play-ink-dim);font-size:.92rem;line-height:1.45}.play-hud-top,.play-hud-bottom{z-index:10;background:var(--play-cream);border:3px solid var(--play-border);width:calc(100% - 1rem);max-width:min(720px,100% - 1rem);image-rendering:pixelated;align-items:stretch;gap:0;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #2a98a773}.play-hud-top{top:max(.55rem, env(safe-area-inset-top,0px))}.play-hud-bottom{bottom:max(.55rem, env(safe-area-inset-bottom,0px));justify-content:flex-start;align-items:center;gap:.65rem;padding:.45rem .75rem}.play-hud-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--play-ink);white-space:nowrap;border-right:2px solid #1a3d4233;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .55rem;font-size:.72rem;font-weight:700;display:flex}.play-hud-chip:last-child{border-right:none}.play-hud-chip i{color:var(--play-teal-deep);font-size:.85rem}.play-hud-skip{appearance:none;cursor:pointer;font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--play-rust);background:0 0;border:none;flex:none;padding:.45rem .75rem;font-size:.72rem;font-weight:800}.play-hud-skip:hover{background:#8a3b3214}.play-hud-bottom i{color:var(--play-teal-deep)}.play-hud-bottom span{color:var(--play-ink-dim);font-size:.78rem;font-weight:600}.play-map-type-toggle{top:max(3.6rem, calc(env(safe-area-inset-top,0px) + 3.1rem));left:max(.55rem, env(safe-area-inset-left,0px));z-index:10;flex-direction:column;gap:.25rem;display:flex;position:absolute}.play-map-type-toggle button{appearance:none;border:2px solid var(--play-border);background:var(--play-cream);color:var(--play-ink);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:.35rem .5rem;font-size:.65rem;font-weight:700;box-shadow:2px 2px #0003}.play-map-type-toggle button[aria-pressed=true]{background:var(--play-teal);color:#fffdf8}.play-map-type-toggle button:disabled{opacity:.55;cursor:not-allowed}.play-legend{bottom:max(3.5rem, calc(env(safe-area-inset-bottom,0px) + 3rem));left:max(.55rem, env(safe-area-inset-left,0px));z-index:10;border:2px solid var(--play-border);text-transform:uppercase;letter-spacing:.04em;background:#f4efe4eb;flex-direction:column;gap:.25rem;padding:.4rem .5rem;font-size:.65rem;font-weight:700;display:flex;position:absolute}.play-legend-row{align-items:center;gap:.35rem;display:flex}.play-legend-dot{border:1px solid var(--play-border);flex-shrink:0;width:10px;height:10px}.play-zoom-hint{bottom:max(3.5rem, calc(env(safe-area-inset-bottom,0px) + 3rem));right:max(.55rem, env(safe-area-inset-right,0px));z-index:10;border:2px solid var(--play-border);color:var(--play-ink-dim);letter-spacing:.03em;background:#f4efe4e6;padding:.3rem .5rem;font-size:.62rem;font-weight:600;position:absolute}.play-panel{top:max(3.7rem, calc(env(safe-area-inset-top,0px) + 3.2rem));right:max(.55rem, env(safe-area-inset-right,0px));z-index:12;background:var(--play-cream);border:3px solid var(--play-border);flex-direction:column;width:min(20.5rem,100% - 1.1rem);max-height:calc(100dvh - 7.5rem);display:flex;position:absolute;overflow:auto;box-shadow:0 0 0 2px #2a98a766,5px 7px #00000047}.play-panel-close{appearance:none;border:2px solid var(--play-border);background:var(--play-cream-raised);cursor:pointer;width:1.6rem;height:1.6rem;color:var(--play-ink);z-index:1;font-size:.85rem;line-height:1;position:absolute;top:.35rem;right:.4rem}.play-panel-body{padding:1rem 1rem .75rem}.play-panel-kicker{color:var(--play-ink);font-size:.95rem;font-weight:800;font-family:var(--font-serif), Georgia, serif;align-items:center;gap:.4rem;margin-bottom:.45rem;padding-right:1.5rem;display:flex}.play-panel-kicker i{color:var(--play-teal)}.play-panel-blurb{color:var(--play-ink-dim);margin-bottom:.85rem;font-size:.82rem;line-height:1.45}.play-panel-actions{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.play-btn{appearance:none;border:2px solid var(--play-border);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.3rem;padding:.45rem .65rem;font-size:.68rem;font-weight:800;display:inline-flex}.play-btn-go{background:var(--play-teal);color:#fffdf8}.play-btn-skip{color:#fffdf8;background:#8a6a4a}.play-btn-read{background:var(--play-cream-raised);color:var(--play-ink)}.play-btn:hover{filter:brightness(1.05)}.play-btn:disabled{opacity:.7;cursor:default}.play-panel-place{background:#fffdf8a6;border-top:2px solid #1a3d422e;padding:.75rem 1rem 1rem}.play-panel-place-name{align-items:flex-start;gap:.4rem;margin-bottom:.4rem;font-size:.82rem;font-weight:700;display:flex}.play-panel-place-name i{color:var(--play-teal);margin-top:.15rem}.play-panel-meta{color:var(--play-ink-dim);flex-wrap:wrap;gap:.55rem;font-size:.72rem;font-weight:600;display:flex}.play-panel-meta .open-dot{vertical-align:middle;background:#3a9a4a;border-radius:50%;width:.45rem;height:.45rem;margin-right:.25rem;display:inline-block}.play-panel-rating{color:var(--play-ink-dim);margin-top:.35rem;font-size:.72rem}.play-panel-sample{color:var(--play-rust);letter-spacing:.02em;margin-top:.45rem;font-size:.65rem;font-weight:600}.play-back-link{top:max(3.6rem, calc(env(safe-area-inset-top,0px) + 3.1rem));right:max(.55rem, env(safe-area-inset-right,0px));z-index:10;letter-spacing:.04em;text-transform:uppercase;color:var(--play-ink);background:var(--play-cream);border:2px solid var(--play-border);padding:.35rem .5rem;font-size:.65rem;font-weight:700;text-decoration:none;position:absolute;box-shadow:2px 2px #00000026}.play-back-link:hover{color:var(--play-teal-deep)}:is(.play-panel~.play-back-link,.play-root:has(.play-panel) .play-back-link){display:none}@media (max-width:520px){.play-hud-chip{padding:.4rem .35rem;font-size:.62rem}.play-panel{width:calc(100% - 1.1rem);right:50%;transform:translate(50%)}}.play-mode-select{z-index:20;background:linear-gradient(160deg,#1a3d42 0%,#2a5a62 40%,#1a2a2e 100%);justify-content:center;align-items:center;padding:1.25rem;display:flex;position:absolute;inset:0;overflow:auto}.play-mode-card{background:var(--play-cream);border:3px solid var(--play-border);width:100%;max-width:34rem;box-shadow:0 0 0 3px var(--play-teal), 6px 8px 0 #00000059;padding:1.5rem 1.35rem 1.25rem}.play-mode-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--play-teal-deep);margin-bottom:.35rem;font-size:.7rem;font-weight:800}.play-mode-card h1{font-family:var(--font-serif), Georgia, serif;color:var(--play-teal-deep);margin-bottom:.45rem;font-size:1.55rem}.play-mode-lede{color:var(--play-ink-dim);margin-bottom:1rem;font-size:.88rem;line-height:1.45}.play-mode-grid{flex-direction:column;gap:.55rem;display:flex}.play-mode-option{appearance:none;text-align:left;border:2px solid var(--play-border);background:var(--play-cream-raised);cursor:pointer;flex-direction:column;gap:.2rem;padding:.75rem .85rem;display:flex;box-shadow:2px 2px #0000001f}.play-mode-option:hover{border-color:var(--play-teal);background:#fff}.play-mode-label{color:var(--play-ink);font-size:1rem;font-weight:800;font-family:var(--font-serif), Georgia, serif}.play-mode-tag{color:var(--play-ink-dim);font-size:.78rem}.play-mode-stats{letter-spacing:.03em;color:var(--play-teal-deep);margin-top:.2rem;font-size:.72rem;font-weight:700}.play-mode-transit{color:var(--play-ink-dim);font-size:.68rem;font-weight:600}.play-mode-transit i{color:var(--play-teal);margin-right:.25rem}.play-mode-site{text-transform:uppercase;letter-spacing:.04em;color:var(--play-ink);margin-top:1rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-block}.play-mode-site:hover{color:var(--play-teal-deep)}.play-mode-custom-toggle.is-open{border-color:var(--play-teal);background:#fff;box-shadow:0 0 0 2px #2a98a759}.play-custom-form{background:var(--play-cream-raised);border:2px solid var(--play-border);flex-direction:column;gap:.55rem;margin-top:.75rem;padding:.85rem .9rem;display:flex;box-shadow:2px 2px #0000001a}.play-custom-field{letter-spacing:.03em;text-transform:uppercase;color:var(--play-teal-deep);flex-direction:column;gap:.25rem;font-size:.72rem;font-weight:700;display:flex}.play-custom-field input{appearance:none;border:2px solid var(--play-border);color:var(--play-ink);font:inherit;letter-spacing:0;text-transform:none;background:#fff;padding:.45rem .55rem;font-size:.9rem;font-weight:600}.play-custom-field input:focus{outline:2px solid var(--play-teal);outline-offset:1px}.play-custom-field input::placeholder{color:#9a9080;font-weight:500}.play-custom-error{color:var(--play-rust);text-transform:none;letter-spacing:0;margin:0;font-size:.78rem;font-weight:700}.play-custom-start{appearance:none;border:2px solid var(--play-border);background:var(--play-teal);color:#fffdf8;font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;margin-top:.2rem;padding:.55rem .75rem;font-size:.82rem;font-weight:800;box-shadow:2px 2px #0000002e}.play-custom-start:hover{background:var(--play-teal-deep)}.play-hud-top-rich{flex-wrap:nowrap;max-width:min(920px,100% - 1rem);overflow-x:auto}.play-hud-top-rich .play-hud-chip{flex:auto;min-width:0}.play-hud-stats{top:max(3.55rem, calc(env(safe-area-inset-top,0px) + 3.05rem));z-index:10;border:2px solid var(--play-border);letter-spacing:.03em;text-transform:uppercase;color:var(--play-ink-dim);background:#f4efe4f0;flex-wrap:wrap;justify-content:center;gap:.45rem .75rem;max-width:calc(100% - 1rem);padding:.28rem .65rem;font-size:.65rem;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.play-hud-stats i{color:var(--play-teal-deep);margin-right:.2rem}.play-hud-bottom strong{color:var(--play-teal-deep)}.play-hud-skip{cursor:pointer}.play-hud-skip:disabled{opacity:.85;cursor:default}.play-side-tools{top:max(3.6rem, calc(env(safe-area-inset-top,0px) + 3.1rem));right:max(.55rem, env(safe-area-inset-right,0px));z-index:11;flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute}.play-tool-btn{appearance:none;border:2px solid var(--play-border);background:var(--play-cream);color:var(--play-ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.3rem;padding:.35rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex;box-shadow:2px 2px #00000026}.play-tool-btn[aria-pressed=true]{background:var(--play-teal);color:#fffdf8}.play-tool-danger{color:var(--play-rust)}.play-back-inline{position:static;top:auto;right:auto;transform:none}.play-panel~.play-back-link{display:none}.play-root:has(.play-panel) .play-back-link:not(.play-back-inline){display:none}.play-panel-task-match{color:var(--play-teal-deep);background:#2a98a71f;border:1px solid #2a98a759;margin-bottom:.65rem;padding:.35rem .45rem;font-size:.72rem;font-weight:700}.play-panel-task-off{color:var(--play-ink-dim);margin-bottom:.65rem;font-size:.68rem;line-height:1.35}.play-btn-work{color:#fffdf8;background:#1a5c66}.play-btn-photo{color:#fffdf8;background:#c45c4a}.play-log-panel{top:max(3.7rem, calc(env(safe-area-inset-top,0px) + 3.2rem));left:max(.55rem, env(safe-area-inset-left,0px));z-index:13;background:var(--play-cream);border:3px solid var(--play-border);width:min(22rem,100% - 1.1rem);max-height:calc(100dvh - 7.5rem);padding:.75rem .85rem 1rem;position:absolute;overflow:auto;box-shadow:0 0 0 2px #2a98a766,5px 7px #00000047}.play-log-head{justify-content:space-between;align-items:center;margin-bottom:.55rem;padding-right:1.6rem;display:flex;position:relative}.play-log-head h2{font-family:var(--font-serif), Georgia, serif;color:var(--play-teal-deep);font-size:1.05rem}.play-log-head .play-panel-close{position:absolute;top:-.15rem;right:-.1rem}.play-log-actions{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.45rem;display:flex}.play-log-trail-toggle{color:var(--play-ink-dim);align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;display:inline-flex}.play-log-overview{color:var(--play-ink-dim);letter-spacing:.02em;margin-bottom:.55rem;font-size:.68rem;font-weight:700}.play-log-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.play-log-list li{background:#fffdf8b3;border:1px solid #1a3d422e;padding:.45rem .5rem}.play-log-row-top{letter-spacing:.04em;text-transform:uppercase;color:var(--play-teal-deep);justify-content:space-between;gap:.5rem;font-size:.65rem;font-weight:800;display:flex}.play-log-row-top span{color:var(--play-ink-dim);text-transform:none;letter-spacing:0;font-weight:600}.play-log-place{margin:.15rem 0;font-size:.78rem;font-weight:700}.play-log-deltas{flex-wrap:wrap;gap:.4rem;font-size:.65rem;font-weight:700;display:flex}.play-log-deltas .up{color:#2a7a3a}.play-log-deltas .down{color:var(--play-rust)}.play-log-deltas .note{color:var(--play-ink-dim);font-weight:600}.play-log-empty{color:var(--play-ink-dim);text-align:center;font-size:.78rem;padding:.75rem!important}.play-toast{bottom:max(3.8rem, calc(env(safe-area-inset-bottom,0px) + 3.3rem));z-index:20;background:var(--play-teal-deep);color:#fffdf8;border:2px solid var(--play-border);text-align:center;pointer-events:none;max-width:min(28rem,100% - 1.5rem);padding:.55rem .85rem;font-size:.75rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%);box-shadow:3px 3px #00000040}@media (max-width:640px){.play-hud-top-rich .play-hud-chip{padding:.35rem .3rem;font-size:.58rem}.play-hud-stats{font-size:.58rem}.play-side-tools{top:max(5.4rem, calc(env(safe-area-inset-top,0px) + 4.9rem))}}