:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0f1115}html[data-brush-cursor=true],html[data-brush-cursor=true] body,html[data-brush-cursor=true] #app,html[data-brush-cursor=true] canvas,html[data-brush-cursor=true] button,html[data-brush-cursor=true] label,html[data-brush-cursor=true] input,html[data-brush-cursor=true] select,html[data-brush-cursor=true] #reveal-counter,html[data-brush-cursor=true] #bird-language-toggle{cursor:none!important}#app{width:100%;height:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#camera-cut-fade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1115;opacity:0;pointer-events:none;transition:opacity var(--camera-cut-fade-in-ms, 1s) ease-out;z-index:15}#camera-cut-fade-overlay[data-active=true]{opacity:1;transition-duration:var(--camera-cut-fade-out-ms, 1s);transition-timing-function:ease-in}#camera-deadzone-debug-overlay{position:fixed;left:0;top:0;width:0;height:0;border:2px dotted var(--camera-deadzone-debug-color, rgba(77, 155, 255, .95));border-radius:999px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;z-index:16}#camera-deadzone-debug-overlay[data-active=true]{opacity:1}#brush-cursor{--brush-cursor-opacity: 1;position:fixed;left:0;top:0;width:30px;height:30px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:translate3d(-200px,-200px,0) translate(-50%,-50%);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:230;transition:opacity 90ms ease-out;will-change:transform,opacity,width,height}#brush-cursor[data-shape=brush]{border:2px solid rgba(255,255,255,.95);border-radius:999px;box-shadow:0 0 0 1px #000c,0 0 8px #ffffffbf}#brush-cursor[data-shape=pan-dot]{background:#000;border:1px solid rgba(255,255,255,.98);border-radius:999px;box-shadow:0 0 0 1px #000000bf,0 0 8px #ffffff59}[data-role=pan-arrow]{display:none;position:fixed;left:0;top:0;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 1px rgba(0,0,0,.8)) drop-shadow(0 0 6px rgba(255,255,255,.95)) drop-shadow(0 0 14px rgba(255,255,255,.85));pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate3d(-200px,-200px,0) translate(-50%,-50%);z-index:231}[data-role=pan-arrow][data-visible=true]{opacity:1}[data-role=pan-arrow][data-entering=true][data-visible=true]{animation:pan-arrow-fade-in .24s ease-out}@keyframes pan-arrow-fade-in{0%{opacity:0}to{opacity:1}}#brush-cursor[data-visible=true]{opacity:var(--brush-cursor-opacity)}#reset-progress-modal[data-open=true]~#brush-cursor,#completion-modal[data-open=true]~#brush-cursor{opacity:0!important}#reset-progress-modal[data-open=true]~[data-role=pan-arrow],#completion-modal[data-open=true]~[data-role=pan-arrow]{opacity:0!important}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#status{display:none;position:fixed;bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);margin:12px;padding:8px 10px;border-radius:8px;background:#090b0fb8;color:#e6ebf4;font-size:13px;z-index:20;pointer-events:none}#perf-hud{display:none;position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 46px);left:env(safe-area-inset-left,0px);margin:12px;padding:8px 10px;border-radius:8px;background:#090b0fb8;color:#dce6f7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.35;white-space:pre;z-index:20;pointer-events:none}html[data-debug-hud=true] #status,html[data-debug-hud=true] #perf-hud{display:block}#title-modal{--title-modal-fade-ms: .24s;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;justify-items:center;align-items:center;pointer-events:none;visibility:hidden;z-index:220;transition:visibility 0s linear var(--title-modal-fade-ms);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#title-modal[data-open=true]{visibility:visible;pointer-events:auto;transition:visibility 0s linear 0s}#title-modal[data-open=true][data-ready=true][data-loading=false]{cursor:pointer}#title-modal-broom-stage{position:fixed;left:50%;top:50%;width:clamp(60px,6.75vw,93px);transform:translate(-50%,-50%);pointer-events:none;opacity:0;visibility:hidden;z-index:180}#title-modal-broom-stage[data-active=true]{opacity:1;visibility:visible}#title-modal-broom{display:grid;place-items:center;width:100%;aspect-ratio:565 / 852;overflow:visible;filter:drop-shadow(0 12px 20px rgba(0,0,0,.16))}#title-modal-broom svg{width:100%;height:100%;display:block;overflow:visible}#title-modal-card{position:relative;width:100vw;height:100dvh;display:grid;place-items:center;border-radius:0;padding:calc(env(safe-area-inset-top,0px) + 24px) calc(env(safe-area-inset-right,0px) + 24px) calc(env(safe-area-inset-bottom,0px) + 24px) calc(env(safe-area-inset-left,0px) + 24px);background:#fff;opacity:0;transition:opacity var(--title-modal-fade-ms) ease-out;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#title-modal[data-open=true] #title-modal-card{opacity:1}#title-modal-loading,#title-modal-content{color:#111;text-align:center;display:grid;width:min(100%,1120px);max-width:100%;min-height:320px;align-content:center;align-items:center;justify-items:center;grid-template-rows:auto auto 140px 72px;row-gap:8px;place-self:center}#title-modal-content{opacity:0;transition:opacity .5s ease-out}#title-modal[data-open=true][data-ready=true][data-loading=false] #title-modal-content{opacity:1}#title-modal-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}#title-modal-loading-title{margin:0;font-size:clamp(38px,6vw,64px);line-height:1.05;font-family:Homemade Apple,cursive;font-weight:400;color:#111;align-self:end}#title-modal-spinner{width:42px;height:42px;border-radius:999px;border:3px solid rgba(17,17,17,.16);border-top-color:#111111d1;animation:title-modal-spin .9s linear infinite;align-self:start}#title-modal[data-loading=false] #title-modal-loading{display:none}#title-modal[data-ready=true] #title-modal-loading-title{opacity:0}#title-modal[data-loading=true] #title-modal-sound-button,#title-modal[data-ready=false] #title-modal-sound-button,#title-modal[data-loading=true] #title-modal-enter,#title-modal[data-ready=false] #title-modal-enter{display:none}#title-modal[data-ready=true][data-loading=false] #title-modal-sound-button{display:inline-grid;place-items:center}#title-modal-title{margin:0;font-size:clamp(38px,6vw,64px);line-height:1.05;font-family:Homemade Apple,cursive;font-weight:400}#title-modal-enter{margin-top:2px;font-size:clamp(22px,3.4vw,34px);line-height:1.2;font-family:Homemade Apple,cursive;font-weight:400;color:#111111b8;pointer-events:none}#title-modal-figures{display:grid;grid-template-columns:auto auto auto;align-items:end;justify-content:center;gap:10px;min-height:140px}#title-modal-sound-button{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;border:1px solid rgba(17,17,17,.18);border-radius:50%;background:#ffffffb8;color:#111;font:inherit;cursor:pointer;pointer-events:auto;box-shadow:0 8px 20px #11111114;transition:transform .14s ease-out,box-shadow .14s ease-out,background-color .14s ease-out;width:64px;height:64px;padding:0}#title-modal-sound-button-icon{display:block;width:28px;height:28px}#title-modal-sound-button:hover,#title-modal-sound-button:focus-visible{background:#ffffffe6;box-shadow:0 10px 24px #1111111f}#title-modal-sound-button:active{transform:translateY(1px)}@keyframes title-modal-spin{to{transform:rotate(360deg)}}#title-modal-bird{width:92px;height:92px;display:grid;place-items:center;justify-self:center;transform-origin:50% 78%;will-change:transform;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 8px rgba(255,255,255,.85))}#title-modal-bird svg{width:100%;height:100%;display:block;overflow:visible}.title-modal-speaker-wrap{position:relative;width:134px;height:118px;display:grid;place-items:center;will-change:transform}.title-modal-speaker{width:126px;height:126px;display:grid;place-items:center;align-self:center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));transform-origin:50% 60%;will-change:transform}.title-modal-speaker svg{width:100%;height:100%;display:block;overflow:visible}.title-modal-speaker-left{transform:scaleX(-1) rotate(-2deg)}.title-modal-speaker-right{transform:rotate(2deg)}#counter-bar{position:fixed;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);margin:1px;display:inline-grid;gap:2px;z-index:20;pointer-events:none}#reveal-counter{margin-top:5px;padding:0 10px;border-radius:8px;background:transparent;color:#000;min-height:64px;display:inline-flex;align-items:center;gap:10px;transform-origin:center center;will-change:transform;pointer-events:none;touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#reveal-counter-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;transform-origin:50% 78%;will-change:transform;filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 1px rgba(255,255,255,.85));user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#reveal-counter-icon svg{width:100%;height:100%;display:absolute;overflow:visible}#reveal-counter-value{font-family:Homemade Apple,cursive;font-size:39px;line-height:1;font-weight:600;letter-spacing:.01em;align-self:flex-end;text-shadow:0 0 10px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.85);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.counter-bird-flight{position:fixed;z-index:80;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 8px rgba(255,255,255,.85));will-change:transform,left,top,width,height,opacity}#brush-panel{position:fixed;top:calc(env(safe-area-inset-top,0px) + 68px);left:calc(env(safe-area-inset-left,0px) + 68px);width:min(270px,calc(100vw - 92px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);border-radius:12px;background:#0c1016d1;color:#f3f7ff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:70;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#brush-panel[data-visible=false]{display:none}#brush-panel-body{padding:10px 12px 12px;display:grid;gap:6px}.brush-panel-actions,.brush-number-settings{display:grid;gap:6px}.brush-number-option{display:grid;gap:4px;color:#f3f7ff;font-size:11px;font-weight:700;letter-spacing:.01em}.brush-number-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.brush-number-heading span:last-child{color:#dce8f5;font-size:11px;font-variant-numeric:tabular-nums}.brush-number-option input[type=range]{width:100%;min-height:28px;margin:0;accent-color:#dde7f5}.brush-panel-toggles{display:grid;gap:6px}.brush-panel-footer{display:grid;gap:6px;margin-top:4px}.brush-panel-action{width:100%;min-height:36px;border:0;border-radius:9px;background:#ffffff1f;color:#f3f7ff;font-size:12px;font-weight:700;letter-spacing:.01em;display:inline-grid;place-items:center;padding:0 12px;cursor:auto}.brush-panel-action:active{transform:translateY(1px)}.brush-mode-section,.brush-settings-section{display:grid;gap:6px}.brush-settings-section[data-visible=false]{display:none}.brush-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.brush-camera-motion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.brush-mode-option{min-height:34px;border:0;border-radius:9px;background:#ffffff14;color:#f3f7ff;font-size:12px;font-weight:700;letter-spacing:.01em;cursor:auto}.brush-mode-option[aria-pressed=true]{background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff1f}.brush-mode-option:active{transform:translateY(1px)}.brush-toggle-option{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 8px;border-radius:8px;background:#ffffff0f;color:#f3f7ff;font-size:12px}.brush-toggle-option input{margin:0;accent-color:#dde7f5}.brush-control{display:flex;justify-content:space-between;align-items:center;min-height:24px;font-size:12px;color:#dce8f5;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#brush-panel input[type=range]{width:100%;min-height:28px;margin:0;accent-color:#dde7f5}.brush-texture-section{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.12)}.brush-camera-section{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:6px}.brush-camera-heading{margin-bottom:2px}.brush-texture-heading{margin-bottom:4px}#brush-texture-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.brush-texture-option{display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 8px;border-radius:8px;background:#ffffff0f;color:#f3f7ff;font-size:12px}.brush-texture-option input{margin:0;accent-color:#dde7f5}#book-toggle{--book-toggle-pulse-bg: rgba(255, 201, 200, .62);--book-toggle-pulse-glow: rgba(255, 201, 200, .12)}#controls{position:fixed;left:calc(env(safe-area-inset-left,0px) + 12px);top:calc(env(safe-area-inset-top,0px) + 12px);display:flex;flex-direction:column;gap:8px;z-index:70}#menu-toggle{order:1}#book-toggle{order:2}#brush-toggle{order:3}#controls #brush-toggle[hidden]{display:none!important}#fullscreen-toggle{order:4}#zoom-in{order:5}#zoom-out{order:6}#mute-toggle{order:7}#title-modal[data-open=true][data-loading=true]~#controls #mute-toggle{display:none}#bird-language-toggle{order:8}#help-toggle{order:9}#reset-progress-toggle{order:10}#info-toggle{order:11}#controls button{width:48px;height:48px;min-width:48px;min-height:48px;border:0;border-radius:12px;background:#fffc;color:#111;padding:0;font-size:14px;font-weight:700;display:inline-grid;place-items:center;pointer-events:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;cursor:auto}#controls[data-collapsed=true] button:not(#menu-toggle){display:none}#controls[data-collapsed=true] #book-toggle[data-unlocked=true][aria-pressed=true],#controls[data-collapsed=true] #book-toggle[data-unlocked=true][data-hotspot-pulsing=true]{display:inline-grid}#controls button img{width:22px;height:22px;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#controls #brush-toggle img{width:28px;height:28px}#controls #book-toggle img{width:24px;height:24px}#controls #book-toggle .field-recorder-icon{width:42px;height:42px;display:block;overflow:visible;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#controls #book-toggle .field-recorder-icon #tape-spool-1,#controls #book-toggle .field-recorder-icon #tape-spool-2{transform-box:fill-box;transform-origin:center}#controls #book-toggle[data-hotspot-pulsing=true][aria-pressed=false]{animation:book-toggle-hotspot-pulse 2.1s cubic-bezier(.22,1,.36,1) infinite}#controls #book-toggle[data-hotspot-playing=true] .field-recorder-icon #tape-spool-1,#controls #book-toggle[data-hotspot-playing=true] .field-recorder-icon #tape-spool-2{animation:field-recorder-spool-spin 1.2s linear infinite}#controls #book-toggle[data-hotspot-playing=true] .field-recorder-icon #red-record,#controls #book-toggle[data-hotspot-playing=true] .field-recorder-icon #red-recording{animation:field-recorder-record-blink .9s steps(1,end) infinite}#controls #book-toggle[data-unlocked=false]{display:none}html[data-ios=true] #fullscreen-toggle{display:none!important}#controls button[aria-pressed=true]{background:#fffffff5;box-shadow:0 0 0 2px #000000a8,0 0 9px #ffffff6b}@keyframes book-toggle-hotspot-pulse{0%{background:#fffc;box-shadow:none}22%{background:var(--book-toggle-pulse-bg);box-shadow:0 0 0 1px #111216b3,0 0 18px var(--book-toggle-pulse-glow)}58%{background:#ffc9c89e;box-shadow:0 0 0 1px #11121680,0 0 12px #ffc9c852}to{background:#fffc;box-shadow:none}}@keyframes field-recorder-spool-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes field-recorder-record-blink{0%,49%{opacity:1}50%,to{opacity:0}}#controls button:active{transform:translateY(1px)}#info-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-items:center;align-items:center;padding:20px;background:#080c12ad;z-index:240;overflow-x:hidden;overflow-y:auto;cursor:auto}#info-modal[data-open=true]{display:grid}#info-modal-card{width:min(640px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);border-radius:14px;padding:20px 22px;background:#ffffffe6;color:#111;text-align:center;display:grid;gap:8px;overflow-x:hidden;overflow-y:auto;cursor:auto}#info-modal-close{justify-self:end;width:48px;height:48px;min-width:48px;min-height:48px;border:0;border-radius:12px;background:#fffc;color:#111;font-size:12px;font-weight:700;padding:0;display:inline-grid;place-items:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#info-modal-close img{width:22px;height:22px;display:block}#info-modal-title{margin:0 0 4px;font-size:32px;line-height:1.1;font-family:Homemade Apple,cursive}#info-modal-card p{margin:0;font-size:18px;line-height:1.35;overflow-wrap:anywhere}#help-modal,#reset-progress-modal,#completion-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-items:center;align-items:center;padding:20px;background:#080c12ad;z-index:245;cursor:default!important}#help-modal[data-open=true],#reset-progress-modal[data-open=true],#completion-modal[data-open=true]{display:grid}#help-modal-card,#reset-progress-modal-card,#completion-modal-card{width:min(420px,calc(100vw - 40px));max-width:calc(100vw - 40px);border-radius:14px;padding:24px 22px 20px;background:#fffffff0;color:#111;text-align:center;display:grid;gap:12px;box-shadow:0 18px 42px #00000047;cursor:default!important}#help-modal-title,#reset-progress-modal-title,#completion-modal-title{margin:0;font-size:28px;line-height:1.1;font-family:Homemade Apple,cursive}#help-modal-actions,#reset-progress-modal-actions,#completion-modal-actions{display:flex;justify-content:center;gap:12px;margin-top:4px}#help-modal-actions button,#reset-progress-modal-actions button,#completion-modal-actions button{min-width:112px;height:44px;border:0;border-radius:12px;background:#ffffffd1;color:#111;font-size:15px;font-weight:700;padding:0 18px;display:inline-grid;place-items:center;cursor:pointer!important}#help-modal-unlock,#reset-progress-confirm,#completion-modal-restart{background:#111111eb;color:#fafafa}#completion-modal-message{margin:0;font-size:17px;line-height:1.4;overflow-wrap:anywhere}#completion-modal-message a{color:#111;font-weight:700}#bird-audio-panel{--panel-side-pad: clamp(14px, 2.4vw, 28px);--panel-top-pad: calc(env(safe-area-inset-top, 0px) + 12px) ;--panel-bottom-pad: env(safe-area-inset-bottom, 0px);--hotspot-label-spectrum-height: 25vh;--hotspot-label-controls-height: clamp(52px, 10vw, 76px);--hotspot-header-gap: clamp(10px, 2vw, 16px);--book-header-button-size: clamp(42px, 8vw, 64px);--book-page-button-size: clamp(42px, 8vw, 64px);--book-playback-button-size: clamp(52px, 10vw, 76px);--book-control-gap: clamp(8px, 1.6vw, 16px);position:fixed;top:0;right:0;bottom:0;left:0;padding:0;color:#f3f0e8;display:block;z-index:40;pointer-events:none;cursor:default;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear 0s;visibility:visible;will-change:opacity,transform}#bird-audio-panel[data-visible=true]{visibility:visible;transition:opacity .22s ease,transform .22s ease,visibility 0s linear 0s}#book-close-button,#hotspot-label-position-button,#hotspot-label-controls button{border:1px solid var(--hotspot-label-control-border, rgba(16, 18, 22, .12));border-radius:999px;background:var(--hotspot-label-control-background, #fefefe);display:grid;place-items:center;padding:0;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#book-close-button:hover,#book-close-button:focus-visible,#hotspot-label-position-button:hover,#hotspot-label-position-button:focus-visible,#hotspot-label-controls button:hover,#hotspot-label-controls button:focus-visible{border-color:var(--hotspot-label-control-hover-border, rgba(16, 18, 22, .2));outline:none}#book-close-button img,#hotspot-label-position-button img,#hotspot-label-controls img{display:block;filter:var(--hotspot-label-control-icon-filter, none)}#book-close-button{position:relative;top:auto;left:auto;right:auto;transform:none;width:var(--book-header-button-size);height:var(--book-header-button-size);box-shadow:0 14px 28px #0000002e,inset 0 1px #ffffffb8;z-index:62;transition:opacity .5s ease}#book-close-button img{width:clamp(18px,3.8vw,28px);height:clamp(18px,3.8vw,28px)}#book-prev-hotspot-button,#book-next-hotspot-button,#hotspot-rewind-button,#hotspot-play-pause-button,#hotspot-fast-forward-button,#book-close-button,#hotspot-label-position-button,#hotspot-label-link,#book-prev-hotspot-button img,#book-next-hotspot-button img,#hotspot-rewind-button img,#hotspot-play-pause-button img,#hotspot-fast-forward-button img,#book-close-button img,#hotspot-label-position-button img{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}#bird-audio-panel[data-page-turns=false] #book-prev-hotspot-button,#bird-audio-panel[data-page-turns=false] #book-next-hotspot-button{display:none}#book-prev-hotspot-button img{transform:rotate(-90deg)}#book-next-hotspot-button img{transform:rotate(90deg)}#bird-audio-panel[data-visible=false]{transform:translate3d(0,14px,0);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}#hotspot-label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;width:100%;max-width:100%;padding:0;color:inherit;font-size:clamp(14px,4vw,22px);line-height:1.3;display:block;text-align:center;pointer-events:none;opacity:1;visibility:visible;transition:opacity var(--hotspot-label-fade-ms, .12s) ease-out,visibility 0s linear 0s}#hotspot-label[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--hotspot-label-fade-ms, .12s) ease-out,visibility 0s linear var(--hotspot-label-fade-ms, .12s)}#hotspot-label-text{flex:0 1 auto;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0 0 5px}#hotspot-label-header{position:absolute;left:50%;bottom:calc(var(--panel-bottom-pad) + (var(--hotspot-label-spectrum-height) - var(--hotspot-label-controls-height)) * .5 + var(--hotspot-label-controls-height) + var(--hotspot-header-gap));transform:translate(-50%);width:min(calc(100vw - (var(--panel-side-pad) * 2)),860px);display:flex;flex-wrap:nowrap;gap:var(--book-control-gap);align-items:center;justify-content:center;z-index:2}#hotspot-label-position-button{flex:0 0 auto;width:var(--book-header-button-size);height:var(--book-header-button-size);box-shadow:0 14px 28px #0000002e,inset 0 1px #ffffffb8}#hotspot-label-link{flex:1 1 auto;width:auto;min-width:0;max-width:min(100%,620px);display:inline-flex;align-items:center;justify-content:center;padding:clamp(1px,.1vw,1px) clamp(1px,.8vw,1.6vw);border:1px solid var(--hotspot-label-control-border, rgba(16, 18, 22, .12));border-radius:999px;background:var(--hotspot-label-control-background, #fefefe);box-shadow:0 18px 36px #0000002e,inset 0 1px #ffffffb8;font-family:Homemade Apple,cursive;font-size:30px;letter-spacing:0;white-space:nowrap;overflow:hidden;color:var(--hotspot-label-control-color, #18222d);text-decoration:none;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-shadow:none;transition:transform .14s ease,border-color .14s ease,background .14s ease}#hotspot-label-link:hover,#hotspot-label-link:focus-visible{border-color:var(--hotspot-label-control-hover-border, rgba(16, 18, 22, .2));background:var(--hotspot-label-control-background, #fefefe);transform:translateY(-1px);outline:none}#hotspot-label-position-icon{width:clamp(16px,3vw,24px);height:clamp(16px,3vw,24px);opacity:.9}#hotspot-label-image-wrap{position:absolute;left:0;right:0;bottom:0;width:100%;height:var(--hotspot-label-spectrum-height);overflow:hidden;background:var(--hotspot-label-spectrum-background, rgba(255, 252, 245, 1));border-top:0;box-shadow:none;z-index:0}#hotspot-label-image{display:block;width:auto;height:100%;min-width:0;max-width:none;border:0;transform:translateZ(0);will-change:transform;flex:0 0 auto;opacity:1;filter:var(--hotspot-label-spectrum-filter, none);transition:opacity .18s ease}#hotspot-label[data-image-transitioning=true] #hotspot-label-image{opacity:0}#hotspot-label-playhead{position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:999px;background:#de4a48f2;box-shadow:0 0 0 1px #111216cc,0 0 14px #e539357a;transform:translate(-50%);opacity:0}#hotspot-label[data-has-image=false] #hotspot-label-image,#hotspot-label[data-has-image=false] #hotspot-label-image-wrap{display:none}#hotspot-label[data-playhead=true] #hotspot-label-playhead{opacity:1}#hotspot-label-controls{position:absolute;left:50%;bottom:calc(var(--panel-bottom-pad) + (var(--hotspot-label-spectrum-height) - var(--hotspot-label-controls-height)) * .5);transform:translate(-50%);width:min(calc(100vw - (var(--panel-side-pad) * 2)),860px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--book-control-gap);min-height:var(--hotspot-label-controls-height);pointer-events:auto}#hotspot-label[data-ready=false] #hotspot-label-position-button,#hotspot-label[data-ready=false] #hotspot-label-link,#hotspot-label[data-ready=false] #book-close-button,#hotspot-label[data-ready=false] #hotspot-label-text,#hotspot-label[data-ready=false] #hotspot-label-image-wrap,#hotspot-label[data-ready=false] #hotspot-label-controls{opacity:0;visibility:hidden;pointer-events:none}#hotspot-label-controls button{width:var(--book-playback-button-size);height:var(--book-playback-button-size);flex:0 0 auto;box-shadow:0 12px 24px #0000002e,inset 0 1px #ffffffb8;transition:opacity .5s ease}#hotspot-label-controls #book-prev-hotspot-button,#hotspot-label-controls #book-next-hotspot-button{position:relative;width:var(--book-page-button-size);height:var(--book-page-button-size);z-index:61}#hotspot-label-controls button:disabled{opacity:.35;cursor:default}#hotspot-label-controls img{width:clamp(22px,4.5vw,34px);height:clamp(22px,4.5vw,34px)}#hotspot-label-position-button,#hotspot-label-link{transition:opacity .5s ease}#bird-audio-panel[data-visible=true][data-buttons-dimmed=true] #hotspot-label-position-button,#bird-audio-panel[data-visible=true][data-buttons-dimmed=true] #hotspot-label-link,#bird-audio-panel[data-visible=true][data-buttons-dimmed=true] #book-close-button,#bird-audio-panel[data-visible=true][data-buttons-dimmed=true] #hotspot-label-controls button{opacity:0}#hotspot-fast-forward-button img{transform:scaleX(-1)}@media (max-width: 768px){#brush-panel{top:calc(env(safe-area-inset-top,0px) + 68px);left:calc(env(safe-area-inset-left,0px) + 68px);width:min(250px,calc(100vw - 24px))}#bird-audio-panel{--panel-side-pad: 12px;--panel-top-pad: calc(env(safe-area-inset-top, 0px) + 10px) ;--hotspot-label-spectrum-height: 25vh;--book-header-button-size: clamp(40px, 12vw, 52px);--book-page-button-size: clamp(40px, 12vw, 52px);--book-playback-button-size: clamp(46px, 13vw, 60px);--book-control-gap: 10px}#info-modal{padding:12px}#hotspot-label-header{width:min(calc(100vw - 24px),860px)}#hotspot-label-link{padding:1px;font-size:clamp(23px,2.6vw,28px)}#hotspot-label-controls{width:min(calc(100vw - 24px),860px);justify-content:center}#info-modal-card{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 14px 16px;gap:6px}#title-modal-card{padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 18px) calc(env(safe-area-inset-bottom,0px) + 18px) calc(env(safe-area-inset-left,0px) + 18px)}#title-modal-bird{width:76px;height:76px}#title-modal-broom-stage{width:clamp(54px,14.25vw,80px)}#title-modal-figures{gap:6px}.title-modal-speaker-wrap{width:100px;height:92px}.title-modal-speaker{width:96px;height:96px}#title-modal-sound-button{width:56px;height:56px}#title-modal-sound-button-icon{width:24px;height:24px}#info-modal-close{width:42px;height:42px;min-width:42px;min-height:42px}#info-modal-title{font-size:27px}#info-modal-card p{font-size:16px}}