:root{--ink: #f3ead2;--ink-soft: #c9c2a4;--wood: #2a1d12;--wood-edge: #5a4028;--gold: #ffd070;font-family:VT323,ui-monospace,Menlo,monospace}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}html,body{margin:0;height:100%;overflow:hidden;background:#12251a;color:var(--ink);overscroll-behavior:none}#map{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab;image-rendering:pixelated}#map.dragging{cursor:grabbing}#map.pointing{cursor:pointer}.panel{position:fixed;touch-action:manipulation;background:color-mix(in srgb,var(--wood) 92%,transparent);border:2px solid var(--wood-edge);box-shadow:0 0 0 2px #120c07,4px 4px 0 2px #00000059;image-rendering:pixelated}.title{position:fixed;user-select:none;-webkit-user-select:none;top:max(14px,env(safe-area-inset-top));left:16px;pointer-events:none;text-shadow:2px 2px 0 #0b1610,-1px -1px 0 #0b1610,1px -1px 0 #0b1610,-1px 1px 0 #0b1610}.title h1{margin:0;font-size:42px;font-weight:400;line-height:1;letter-spacing:1px}.title p{margin:4px 0 0;font-size:18px;color:var(--ink-soft)}.clock{top:max(14px,env(safe-area-inset-top));right:16px;padding:8px 10px 10px;width:262px}.clock-row{display:flex;align-items:baseline;gap:8px}#clock-time{font-size:30px;font-weight:400;font-variant-numeric:tabular-nums}#clock-phase{flex:1;min-width:0;overflow:hidden;white-space:nowrap;font-size:18px;color:var(--ink-soft)}button{font:inherit;color:var(--ink);background:#3d2b1a;border:2px solid var(--wood-edge);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button:active,.card-actions a:active{filter:brightness(1.35)}@media(hover:hover)and (pointer:fine){button:hover,#results button:hover{background:#523a22}.card-actions a:hover{filter:brightness(1.12)}}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#clock-now{font-size:16px;padding:1px 8px 2px}#clock-now[data-live=true]{color:#12251a;background:var(--gold);border-color:#a8791e}#clock-slider{width:100%;margin:8px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border:2px solid #120c07;background:linear-gradient(90deg,#232f66,#232f66 22%,#e89a78 27%,#9fd4e8 34%,#9fd4e8 70%,#f0b060 78%,#7a5a9a,#232f66 90%)}#clock-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:20px;background:var(--ink);border:2px solid #120c07;cursor:ew-resize}#clock-slider::-moz-range-thumb{width:8px;height:18px;border-radius:0;background:var(--ink);border:2px solid #120c07;cursor:ew-resize}.search{top:max(96px,calc(env(safe-area-inset-top) + 82px));left:16px;width:290px}#search{width:100%;padding:7px 10px 8px;font:inherit;font-size:20px;color:var(--ink);background:transparent;border:0}#search::placeholder{color:var(--ink-soft)}#results{margin:0;padding:0;list-style:none;border-top:2px solid var(--wood-edge);max-height:46vh;max-height:46dvh;overflow-y:auto;overscroll-behavior:contain}#results button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:6px 10px 7px;font-size:19px;text-align:left;background:transparent;border:0}#results button:focus-visible{background:#523a22}#results small{font-size:15px;color:var(--gold);white-space:nowrap}.card-actions button{padding:5px 10px 6px;font-size:19px}.clock svg,.tools svg{display:block;fill:currentColor}#clock-play{padding:4px 6px}#clock-play .i-stop,#clock-play[aria-pressed=true] .i-play{display:none}#clock-play[aria-pressed=true] .i-stop{display:inline}#clock-play[aria-pressed=true],.tools button[aria-pressed=true],.tools button.active{color:#12251a;background:var(--gold)}.weather{margin:7px 0 0;font-size:18px;color:var(--ink-soft)}.tools{right:16px;bottom:max(128px,calc(env(safe-area-inset-bottom) + 114px));display:flex;flex-direction:column}.tools button{display:grid;place-items:center;width:40px;height:40px;border:0}.tools button+button{border-top:2px solid var(--wood-edge)}#sound .i-waves,#signs .i-off{display:none}#signs[aria-pressed=true] .i-off{display:inline}#sound[aria-pressed=true] .i-mute{display:none}#sound[aria-pressed=true] .i-waves{display:inline}.hint{left:50%;top:max(96px,calc(env(safe-area-inset-top) + 82px));transform:translate(-50%);margin:0;padding:8px 14px 9px;font-size:20px;text-align:center;color:var(--gold);max-width:calc(100vw - 32px)}#map.picking{cursor:crosshair}.zoom{right:16px;bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px));display:flex;flex-direction:column}.zoom button{width:40px;height:40px;font-size:30px;line-height:1;border:0}.zoom button+button{border-top:2px solid var(--wood-edge)}.card,.clock{z-index:2}.search-open,.tools .clock-chip{display:none}.search-open svg{display:block;fill:currentColor}.card{left:16px;bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px));width:min(340px,calc(100vw - 32px));padding:14px 16px 16px}.card h2{margin:2px 28px 6px 0;font-size:32px;font-weight:400;line-height:1.05}.card-kind{margin:0;font-size:16px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.card-note{margin:0 0 12px;font-size:19px;line-height:1.35;color:var(--ink-soft)}.card-note:empty{display:none}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-actions a{padding:5px 10px 6px;font-size:19px;color:var(--ink);text-decoration:none;background:#3d2b1a;border:2px solid var(--wood-edge)}.card-actions a:first-child:not([hidden]){color:#12251a;background:var(--gold);border-color:#a8791e}#card-close{position:absolute;top:8px;right:8px;width:26px;height:26px;font-size:22px;line-height:1;padding:0 0 2px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;font-size:28px;background:#12251a;transition:opacity .4s}.loading.done{opacity:0;pointer-events:none}.credit{position:fixed;right:8px;bottom:6px;font-size:14px;color:#f3ead2a6;text-shadow:1px 1px 0 #000;pointer-events:none}[hidden]{display:none!important}@media(max-width:640px){:root{--edge: 12px;--top: max(12px, calc(env(safe-area-inset-top, 0px) + 6px) );--dock: max(12px, calc(env(safe-area-inset-bottom, 0px) + 8px) );--above-dock: calc(var(--dock) + 66px)}.title{top:var(--top);left:var(--edge)}.title h1{font-size:36px}.title p{margin-top:2px;font-size:17px}.search-open{display:grid;place-items:center;top:var(--top);right:var(--edge);width:48px;height:48px}.search{display:none;top:var(--top);left:var(--edge);right:var(--edge);width:auto}#search{padding:11px 12px 12px;font-size:22px}#results button{padding:11px 12px 12px;font-size:21px}body.search-on .search{display:block}body.search-on .search-open,body.search-on .title{display:none}.tools{left:var(--edge);right:var(--edge);bottom:var(--dock);flex-direction:row}.tools button{width:50px;height:50px;flex:none}.tools button+button{border-top:0;border-left:2px solid var(--wood-edge)}.tools .clock-chip{display:flex;flex:1;align-items:baseline;justify-content:flex-start;gap:8px;min-width:0;padding:0 12px;line-height:46px;white-space:nowrap;overflow:hidden}#chip-time{font-size:28px;font-variant-numeric:tabular-nums}#chip-phase{font-size:19px;color:var(--ink-soft)}.clock-chip[aria-expanded=true]{color:#12251a;background:var(--gold)}.clock-chip[aria-expanded=true] #chip-phase{color:#4a3410}.clock{display:none;top:auto;left:var(--edge);right:var(--edge);bottom:var(--above-dock);width:auto;padding:12px 14px 14px}body.clock-on .clock{display:block}.clock #clock-time,.clock #clock-phase{display:none}.clock-row{justify-content:space-between;align-items:center}#clock-play{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:20px}#clock-play:after{content:"Ver pasar un día"}#clock-play[aria-pressed=true]:after{content:"Detener"}#clock-now{padding:8px 14px 9px;font-size:20px}#clock-slider{height:16px;margin:16px 0 6px}#clock-slider::-webkit-slider-thumb{width:18px;height:34px}#clock-slider::-moz-range-thumb{width:16px;height:32px}.weather{margin-top:10px}.zoom{display:none}.card{left:var(--edge);right:var(--edge);bottom:var(--above-dock);width:auto}.card-actions a,.card-actions button{padding:9px 12px 10px;font-size:20px}#card-close{width:40px;height:40px;font-size:28px}.card h2{margin-right:40px}.hint{top:calc(var(--top) + 62px);width:calc(100vw - 2 * var(--edge))}.credit{right:var(--edge);bottom:calc(var(--dock) + 58px);font-size:12px}}@media(prefers-reduced-motion:reduce){.loading{transition:none}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}