.painting-journey{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;overflow:hidden;color:#faf2df;background:#262f2a;font-family:Georgia,'Times New Roman',serif;isolation:isolate}
.painting-journey::backdrop{background:#171c18}
.painting-journey [hidden]{display:none!important}
.painting-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}
.painting-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#13201824,transparent 12%,transparent 87%,#13201818)}
.painting-journey button,.painting-journey a{cursor:pointer;-webkit-tap-highlight-color:transparent}
.painting-journey button:focus-visible,.painting-journey a:focus-visible{outline:2px solid #ead2a0;outline-offset:4px}
.painting-toolbar{position:absolute;left:22px;right:22px;top:max(18px,env(safe-area-inset-top));display:flex;justify-content:space-between;gap:16px;pointer-events:none;z-index:3}
.painting-toolbar-actions{display:flex;align-items:center;gap:7px;pointer-events:none}
.painting-toolbar button,.painting-return,.painting-walk-toggle,.painting-help-actions button,.painting-original>button{pointer-events:auto;min-height:40px;border:1px solid #f2e4c82e;border-radius:5px;background:#1c2a246b;color:#fff8e9;padding:10px 13px;font:11px/1.2 system-ui,sans-serif;letter-spacing:.015em;backdrop-filter:blur(12px);text-shadow:0 1px 4px #0006}
.painting-toolbar button:hover,.painting-walk-toggle:hover{background:#293e32ad}
.painting-toolbar .painting-icon{width:40px;min-width:40px;padding:10px;font-size:16px}
.painting-sound svg{width:19px;height:19px;display:block}
.painting-sound-off{display:none}
.painting-sound.is-muted .painting-sound-off{display:block}
.painting-sound.is-muted .painting-sound-waves{display:none}
.painting-caption{position:absolute;left:30px;bottom:64px;right:30px;pointer-events:none;text-shadow:0 2px 12px #14221ec4;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .75s ease,transform .75s ease,visibility .75s}
.painting-caption h1{font:400 clamp(28px,3.2vw,43px)/1.1 Georgia,serif;margin:0 0 8px}
.painting-byline{font:13px/1.5 Georgia,serif;color:#f3e7ce;margin:0}
.painting-instructions{position:absolute;left:30px;right:100px;bottom:25px;margin:0;font:10px/1.5 system-ui,sans-serif;letter-spacing:.025em;color:#fff1d9;text-shadow:0 1px 5px #000c;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s}
.painting-journey.has-introduction .painting-caption,.painting-journey.has-introduction .painting-instructions{opacity:1;visibility:visible;transform:none}

.painting-journey.is-looking .painting-toolbar{visibility:hidden}
.painting-return{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;background:#1d302c9e}
.painting-walk-toggle,.painting-pad{display:none}
.painting-gallery,.painting-original{position:absolute;inset:0;z-index:5;background:#18251cf5;backdrop-filter:blur(20px);overflow:auto;padding:clamp(24px,6vw,90px);box-sizing:border-box}
.painting-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.painting-sheet-heading h2{font:400 36px/1.2 Georgia,serif;margin:0}
.painting-sheet-heading button{border:1px solid #dfcfab55;background:transparent;color:#eee1c7;min-height:40px;border-radius:4px;padding:10px 13px;font:12px/1.3 system-ui,sans-serif}
.painting-sheet-heading [data-action=resume]{width:40px;font:23px/1 Georgia,serif;padding:5px}
.painting-sheet-actions{display:flex;gap:10px;align-items:center}
.painting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);align-items:start}
.painting-grid button{text-align:left;background:none;border:0;color:#fff0d2;padding:0;transition:transform .3s}
.painting-grid button:hover{transform:translateY(-5px)}
.painting-grid img{display:block;width:100%;height:220px;object-fit:contain;background:#141c16;box-sizing:border-box;border:8px ridge #9b7338;margin-bottom:24px;box-shadow:0 16px 26px #0005}
.painting-grid strong{display:block;font:400 25px/1.2 Georgia,serif;margin-bottom:8px}
.painting-grid span{font:14px/1.5 Georgia,serif;color:#cbbd9f}
.painting-grid small{display:block;font:12px/1.4 system-ui,sans-serif;margin-top:20px;color:#e2c794}
.painting-grid [aria-pressed=true] img{outline:1px solid #f0d3a4;outline-offset:5px}
.painting-original{display:flex;flex-direction:column;align-items:center;gap:25px;padding:24px}
.painting-original>button{align-self:flex-start}
.painting-original figure{margin:0;max-width:1100px;width:100%;text-align:center}
.painting-original img{max-width:100%;max-height:65dvh;object-fit:contain;box-shadow:0 15px 65px #0005}
.painting-original h2{font:400 30px/1.2 Georgia,serif;margin:20px 0 12px}
.painting-original p{font:15px/1.6 Georgia,serif;max-width:650px;margin:0 auto 16px;color:#d6c7a7}
.painting-original a{color:#e6c998;font:12px/1.4 system-ui,sans-serif;text-underline-offset:4px}
.painting-help{position:absolute;right:22px;top:max(72px,calc(env(safe-area-inset-top) + 56px));z-index:5;box-sizing:border-box;width:min(360px,calc(100vw - 44px));padding:25px;background:#192b22f2;backdrop-filter:blur(20px);border:1px solid #d6c8aa40;border-radius:7px;box-shadow:0 20px 70px #0004}
.painting-help .painting-sheet-heading{margin-bottom:16px;gap:15px}
.painting-help .painting-sheet-heading h2{font-size:25px}
.painting-help p{font:13px/1.7 system-ui,sans-serif;color:#e4dccb;margin:12px 0}
.painting-help-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.painting-help-actions button{font-size:11px}
.painting-threshold{position:absolute;inset:0;background:#19221d;z-index:6;display:grid;place-items:center;overflow:hidden;pointer-events:none;transition:opacity 1s ease,visibility 1s}
.painting-threshold>img{width:100%;height:100%;object-fit:cover;opacity:.78;transform:scale(1);transition:transform 1.6s cubic-bezier(.2,.65,.2,1)}
.painting-threshold h2{position:absolute;text-align:center;padding:25px;text-shadow:0 3px 25px #000c;font:400 clamp(34px,5vw,68px)/1.1 Georgia,serif;max-width:900px;margin:0}
.painting-threshold.is-entered{opacity:0;visibility:hidden}
.painting-threshold.is-entered>img{transform:scale(1.3)}
.painting-error{position:absolute;left:20px;right:20px;bottom:20px;z-index:8;background:#402e26;color:#ffedcd;padding:14px;font:14px/1.5 system-ui,sans-serif}
.painting-journey[data-mobile=true] .painting-toolbar{left:12px;right:12px;gap:8px;top:max(12px,env(safe-area-inset-top))}
.painting-journey[data-mobile=true] .painting-toolbar-actions{gap:5px}
.painting-journey[data-mobile=true] .painting-toolbar button{min-height:44px;padding:10px 11px;font-size:11px}
.painting-journey[data-mobile=true] .painting-toolbar .painting-icon{width:44px;min-width:44px;padding:12px}
.painting-journey[data-mobile=true] .painting-caption{left:22px;right:22px;bottom:95px}
.painting-journey[data-mobile=true] .painting-caption h1{font-size:30px}
.painting-journey[data-mobile=true] .painting-byline{font-size:12px}
.painting-journey[data-mobile=true] .painting-instructions{left:22px;right:100px;bottom:56px;font-size:10px;max-width:230px}
.painting-journey[data-mobile=true] .painting-walk-toggle{display:block;position:absolute;right:20px;bottom:max(20px,env(safe-area-inset-bottom));min-width:60px;min-height:44px;z-index:2}
.painting-journey[data-mobile=true] .painting-walk-toggle[aria-expanded=true]{background:#284136be;border-color:#ead7b06e}
.painting-journey[data-mobile=true] .painting-pad{display:grid;position:absolute;right:20px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 56px));grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px;z-index:2}
.painting-pad button{border:1px solid #e4cda34a;border-radius:5px;background:#1d312aa8;color:#faf0d5;font:20px/1 system-ui;touch-action:none;user-select:none;backdrop-filter:blur(8px)}
.painting-pad button:active{background:#52603e}
.painting-pad [data-walk=forward]{grid-column:2}
.painting-pad [data-walk=left]{grid-column:1;grid-row:2}
.painting-pad [data-walk=back]{grid-column:2;grid-row:2}
.painting-pad [data-walk=right]{grid-column:3;grid-row:2}
.painting-journey[data-mobile=true] .painting-help [data-action=look]{display:none}
.painting-journey[data-mobile=true] .painting-return{bottom:max(22px,env(safe-area-inset-bottom));left:20px;transform:none;font-size:10px;max-width:calc(100vw - 110px);white-space:normal}
@media(max-width:700px){.painting-grid{grid-template-columns:1fr;gap:42px}.painting-grid img{height:auto;max-height:240px}.painting-grid strong{font-size:26px}.painting-sheet-heading h2{font-size:30px}.painting-sheet-heading{gap:10px}.painting-sheet-actions{gap:6px}.painting-sheet-actions [data-action=original]{font-size:10px;padding:8px}.painting-grid small{margin-top:12px}.painting-original h2{font-size:26px}.painting-original p{font-size:14px}.painting-original img{max-height:50dvh}.painting-original{padding:20px}.painting-help{right:12px;top:max(68px,calc(env(safe-area-inset-top) + 56px));width:min(360px,calc(100vw - 24px))}}
@media(max-height:500px){.painting-journey[data-mobile=true] .painting-caption{bottom:50px;max-width:55%}.painting-journey[data-mobile=true] .painting-caption h1{font-size:25px}.painting-journey[data-mobile=true] .painting-instructions{bottom:25px;max-width:55%}.painting-grid img{height:150px}.painting-original img{max-height:48dvh}.painting-help{max-height:calc(100dvh - 90px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.painting-threshold,.painting-threshold>img,.painting-grid button,.painting-caption,.painting-instructions{transition:none}}