@font-face{font-family:Instrument;src:url(/fonts/instrument-serif.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:DM;src:url(/fonts/dm-sans.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2) format("woff2");font-display:swap;font-weight:400 700}:root{font-family:DM,Arial,sans-serif;color:#e8e4d8;background:#282d26;font-synthesis:none;--ink:#282d26;--paper:#e8e2d3;--gold:#c5ad7d;--dim:#b0b4a6;--line:#4c5247;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 10%,#353b30 0,transparent 60%);min-height:100vh}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input,canvas{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold)}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0}fieldset{padding:0;border:0;margin:0;min-width:0}legend{padding:0;font-size:11px;color:var(--dim);margin-bottom:9px}h1,h2,p{margin:0}.app-shell{max-width:1280px;margin:auto;padding:0 36px}.site-header{height:100px;display:flex;align-items:center;gap:20px}.wordmark{font-family:Instrument,Georgia,serif;font-size:55px;line-height:1;letter-spacing:-2px;margin-bottom:8px}.wordmark-dot{color:var(--gold)}.wordmark-meaning{color:var(--dim);font-size:11px;padding-top:5px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:26px}.text-button{background:transparent;font-size:11px;color:var(--dim);padding:9px 0}.text-button:hover,.colophon a:hover{color:var(--paper)}.sound-button{background:transparent;display:flex;align-items:center;gap:9px;font-size:11px;color:#c5c8bd;padding:12px 0}.sound-waves,.sound-button[aria-pressed=true] .sound-slash{display:none}.sound-button[aria-pressed=true] .sound-waves{display:block}.print-button{display:flex;align-items:center;gap:9px;background:var(--paper);color:var(--ink);padding:12px 17px;font-size:11px;border-radius:3px;box-shadow:0 2px 4px #1114;transition:background .15s}.print-button:hover{background:#f5efdf}.room-intro{display:flex;justify-content:space-between;align-items:center;margin:12px 0 23px}.room-intro h1{font-family:Instrument,Georgia,serif;font-weight:400;font-size:34px;line-height:1.15}.room-intro p{font-size:12px;color:#b4b9ab;line-height:1.7;margin-top:8px}.intro-note{font-family:Caveat,cursive;font-size:22px;color:#b9bba3;padding-right:4px;transform:rotate(-3deg)}.studio{position:relative}.picture-frame{background:#151b16;padding:9px;box-shadow:0 14px 45px #10150d66,0 1px #64705540 inset;border:1px solid #525d4540}.room-stage{aspect-ratio:1672/941;position:relative;overflow:hidden;background:#736344;touch-action:none}.room-underlay,.room-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:cover}#room-canvas{cursor:none;opacity:0;transition:opacity .45s}#room-canvas.ready{opacity:1}#ambient-canvas{pointer-events:none}.painting-label{position:absolute;left:19px;top:18px;display:flex;gap:9px;align-items:center;padding:8px 11px;background:#20231be0;border:1px solid #c7b59435;border-radius:2px;color:#e5e0cd;font-size:11px;pointer-events:none;box-shadow:0 2px 5px #0002}.year-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}.painting-label-divider{height:11px;width:1px;background:#e1d5b744}#painting-year{font-weight:600;font-variant-numeric:tabular-nums}#painting-weather{color:#cdc8b8}.canvas-hint{position:absolute;bottom:19px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:#242920e8;border:1px solid #c8be9e30;box-shadow:0 3px 10px #0003;color:#e3dfcf;padding:11px 15px;border-radius:3px;font-size:11px;white-space:nowrap;pointer-events:none;transition:opacity .45s}.canvas-hint svg{width:16px;height:16px}.canvas-hint.dismissed{opacity:0}.loading-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#282d2699;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Instrument,Georgia,serif;font-size:23px;color:var(--paper)}.loading-note[hidden]{display:none}.loading-note button{margin-left:10px;background:var(--paper);color:var(--ink);padding:8px;border-radius:3px;font:12px DM,sans-serif}.loading-spinner{width:17px;height:17px;border-radius:50%;border:1px solid #ddd5b94d;border-top-color:var(--paper);animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brush-cursor{position:absolute;left:50%;top:50%;width:100px;height:100px;border-radius:50%;border:1px solid #fff9;box-shadow:0 0 0 1px #282d2644;transform:translate(-50%,-50%);pointer-events:none;opacity:0;z-index:5}.brush-cursor span{display:block;position:absolute;left:50%;top:50%;width:3px;height:3px;background:#fff9;border-radius:50%;transform:translate(-50%,-50%)}.brush-cursor.visible{opacity:1}.room-stage[data-mode=inspect] #room-canvas{cursor:default}.room-stage[data-mode=inspect] .brush-cursor{display:none}.workbench{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:23px 6px 21px}.year-picker{flex:1;max-width:570px}.year-options{display:flex;gap:13px}.year-option{position:relative;display:flex;align-items:center;gap:12px;padding:8px 13px 8px 8px;background:#363d3160;border:1px solid transparent;border-radius:3px;text-align:left;min-width:114px;transition:background .2s,border-color .2s}.year-option[aria-pressed=true]{background:#b0ac8630;border-color:#c0ad795f}.year-option:hover{background:#777e5140}.era-thumbnail{width:47px;height:33px;object-fit:cover;filter:saturate(.6);border:2px solid #dbd2b7b3;border-radius:1px;box-shadow:0 2px 3px #0004;transform:rotate(-3deg)}.year-option:nth-child(2n) .era-thumbnail{transform:rotate(3deg)}.year-option[aria-pressed=true] .era-thumbnail{filter:saturate(1);border-color:#e8dec0}.year-option span{font-family:Instrument,Georgia,serif;font-size:25px;line-height:1.1;display:block}.year-option small{font-size:9px;display:block;color:#b9beaf;margin-top:3px}.year-option[aria-pressed=true] span{color:#e9d8ad}.bench-tools{display:flex;gap:18px;align-items:center;padding-top:18px}.brush-picker legend{margin-top:-18px}.brush-options{display:flex;gap:2px;align-items:center}.brush-options button{height:34px;width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent}.brush-options button[aria-pressed=true]{background:#c7bd9020;border-color:#c3b89450}.brush-dot{background:#d0d0ba;border-radius:50%}.brush-dot.small{height:6px;width:6px}.brush-dot.medium{height:11px;width:11px}.brush-dot.large{height:17px;width:17px}.tool-divider{height:27px;width:1px;background:var(--line)}.inspect-button{display:flex;align-items:center;gap:8px;font-size:11px;padding:9px 0;background:transparent;color:#c1c6b7;white-space:nowrap}.inspect-button[aria-pressed=true]{color:#f3dfaa}.history-tools{display:flex;gap:4px;margin-left:12px}.icon-button{display:flex;align-items:center;justify-content:center;padding:7px;background:transparent;border-radius:3px}.icon-button:hover:not(:disabled){background:#777e5130}.room-footer{display:flex;align-items:center;gap:22px;border-top:1px solid #7d886130;padding:15px 6px;font-size:10px;color:var(--dim)}.room-caption{font-family:Instrument,Georgia,serif;font-size:17px;font-style:italic;color:#c5c8b7}.save-state{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px}.save-state span{width:4px;height:4px;background:#a6ae8b;border-radius:50%}.save-state.warning{color:#e2bc82}.save-state.warning span{background:#e2bc82}.room-footer .text-button{font-size:10px;padding:3px 0;border-bottom:1px solid #7d886160}.colophon{display:flex;justify-content:space-between;gap:15px;padding:25px 6px 30px;font-size:9px;color:#a0a791}.colophon span{font-family:Instrument,Georgia,serif;font-style:italic;font-size:13px;color:#959d86}.hotspots{position:absolute;inset:0;pointer-events:none;display:none}.room-stage[data-mode=inspect] .hotspots{display:block}.hotspot{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);border-radius:50%;background:#ede6ceea;color:#3b4431;box-shadow:0 2px 10px #0005;pointer-events:auto;display:flex;justify-content:center;align-items:center;border:1px solid #fff8;transition:scale .15s;font-size:19px}.hotspot:hover,.hotspot:focus-visible{scale:1.15}.hotspot span{position:absolute;bottom:calc(100% + 8px);background:#20271dec;color:#e8e2d0;padding:5px 8px;border-radius:2px;white-space:nowrap;font-size:10px;opacity:0;pointer-events:none}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.object-note{position:absolute;left:22px;bottom:22px;max-width:300px;max-height:calc(100% - 75px);overflow:auto;background:#e6dfcadf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#303a2b;padding:20px 26px 21px 23px;box-shadow:0 3px 20px #0004;transform:rotate(-1deg);z-index:6;border-radius:1px}.object-note[hidden]{display:none}.note-close{position:absolute;right:9px;top:4px;background:transparent;font-size:22px;color:#566048;width:26px;height:30px}.note-year{font-size:9px;letter-spacing:.03em;color:#667051;display:block;margin-bottom:5px}.object-note h2{font-family:Instrument,Georgia,serif;font-size:23px;font-weight:400;margin-bottom:9px}.object-note p{font-family:Caveat,cursive;font-size:25px;line-height:1.1;margin:0 0 10px;max-width:240px}.object-note>span:last-child{display:block;font-size:9px;line-height:1.6;color:#667051}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paper-dialog{color:var(--ink);background:var(--paper);border:0;border-radius:3px;padding:39px 42px;box-shadow:0 20px 90px #070d06b3;width:min(90vw,500px);max-height:90dvh;overflow:auto;color-scheme:light}.paper-dialog::backdrop{background:#12190fd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:10px;padding:0 7px;background:transparent;font-family:Instrument,serif;font-size:32px;color:#65705a}.paper-overline{display:block;font-size:11px;color:#6e775f;margin-bottom:7px}.paper-dialog h2{font-family:Instrument,Georgia,serif;font-size:43px;font-weight:400;margin-bottom:20px;line-height:1.1}.paper-dialog>p{font-size:12px;line-height:1.85;margin-bottom:17px;color:#4e5945}.keyboard-note{border-top:1px solid #aeb69d;padding-top:17px;margin:22px 0;font-size:10px;color:#5e6b51}.keyboard-note p{margin-top:7px;line-height:1.8}.paper-primary,.paper-secondary{background:#414e36;color:#f1ecd9;padding:12px 19px;border-radius:3px;font-size:12px;min-height:42px}.paper-primary:hover{background:#596748}.paper-secondary{background:transparent;border:1px solid #899376;color:#4d5b3e}.paper-secondary:hover{background:#b7c19e30}.print-dialog{width:min(92vw,710px);padding:32px 40px}.print-dialog h2{font-size:37px;margin-bottom:17px}#print-preview{display:block;width:100%;height:auto;box-shadow:0 2px 9px #3b41202b;margin-bottom:20px;background:#e9e2d2;min-height:150px}.print-dialog label{display:block;font-size:10px;color:#5e6951;margin-bottom:7px}.print-dialog input{display:block;width:100%;border:0;border-bottom:1px solid #a1ad8c;background:transparent;border-radius:0;font-family:Instrument,Georgia,serif;font-size:27px;line-height:1.3;color:#3d4a33;padding:5px 0 9px}.print-description,.kept-note{font-size:11px;color:#637055;line-height:1.6;margin:11px 0 16px}.print-dialog form .paper-primary{width:100%;margin-top:3px}.print-actions{display:flex;gap:12px}.print-actions>*{flex:1}.return-button{display:block;background:transparent;color:#60724f;padding:17px 0 0;margin:auto;font-size:11px}.restart-dialog{width:min(90vw,420px)}#paper-output{display:none}[hidden]{display:none!important}@media(min-width:1450px){.app-shell{max-width:1390px}.room-intro{margin-bottom:27px}.site-header{height:110px}.year-options{gap:20px}.year-option{min-width:128px}}@media(max-width:1000px){.app-shell{padding:0 24px}.site-header{height:85px}.header-actions{gap:18px}.wordmark-meaning{display:none}.intro-note{font-size:20px}.workbench{gap:15px}.year-options{gap:7px}.year-option{min-width:92px;padding:7px;gap:8px}.era-thumbnail{width:35px;height:29px}.bench-tools{gap:11px}.history-tools{margin-left:3px}.room-intro h1{font-size:30px}.room-intro p{font-size:11px}.year-option span{font-size:24px}.year-option small{font-size:8px}.year-picker{max-width:460px}}@media(max-width:760px){.app-shell{padding:0 17px}.site-header{height:81px;gap:10px}.wordmark{font-size:47px}.header-actions{gap:16px}.about-button{display:none}.sound-button{padding:10px 0}.sound-button span{display:none}.print-button{font-size:10px;padding:11px 12px}.print-button svg{width:16px;height:16px}.room-intro{display:block;margin:15px 0 20px}.room-intro h1{font-size:30px;max-width:320px;line-height:1.05}.room-intro p{font-size:11px;max-width:295px;line-height:1.7;margin-top:12px}.intro-note{display:none}.picture-frame{padding:5px}.room-stage{aspect-ratio:4/3;overflow:hidden}.room-underlay,.room-stage canvas{object-fit:cover}#room-canvas,#ambient-canvas{width:133.28%;max-width:none;left:-16.64%;height:100%}.room-underlay{width:133.28%;max-width:none;left:-16.64%}.painting-label{top:12px;left:12px;font-size:10px;padding:7px 9px}#painting-weather{font-size:9px}.canvas-hint{font-size:9px;max-width:calc(100% - 24px);white-space:normal;width:max-content;text-align:center;bottom:12px;padding:9px 10px;gap:7px}.canvas-hint svg{width:14px;height:14px}.workbench{display:block;padding:20px 2px 15px}.year-picker{max-width:none}.year-picker legend{margin-bottom:10px}.year-options{gap:7px;justify-content:space-between}.year-option{min-width:0;flex:1;justify-content:center;padding:9px 5px;gap:7px}.year-option span{font-size:23px}.year-option small{font-size:8px}.era-thumbnail{width:30px;height:25px;border-width:1px}.bench-tools{justify-content:space-between;padding-top:21px;gap:15px}.brush-picker{display:flex;align-items:center;gap:10px}.brush-picker legend{float:left;margin:0;align-self:center;font-size:10px}.brush-options button{width:32px;height:32px}.tool-divider{height:23px}.history-tools{margin-left:auto}.inspect-button{font-size:10px}.inspect-button svg{width:17px;height:17px}.room-footer{padding:14px 2px;gap:14px;flex-wrap:wrap}.room-caption{flex-basis:100%;font-size:16px}.save-state{margin-left:0;font-size:9px}.room-footer .text-button{margin-left:auto;font-size:9px}.colophon{padding:27px 2px;font-size:8px}.colophon span{font-size:11px}.object-note{left:13px;bottom:13px;padding:15px 22px 14px 18px;max-width:250px;max-height:calc(100% - 50px)}.object-note p,.object-note h2{font-size:22px}.hotspot{width:27px;height:27px;font-size:17px}.paper-dialog{padding:34px 26px}.paper-dialog h2{font-size:36px}.print-dialog{padding:28px 23px}.print-dialog h2{font-size:32px}.print-actions{gap:9px}.paper-primary,.paper-secondary{padding:12px;font-size:11px}}@media(max-width:380px){.app-shell{padding:0 12px}.year-options{gap:4px}.era-thumbnail{display:none}.year-option{justify-content:center;padding:10px 8px}.bench-tools{gap:9px}.brush-picker{gap:4px}.brush-options button{width:28px;height:28px}.inspect-button{gap:5px}.history-tools{gap:0}.room-intro h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.loading-spinner{border-color:var(--gold)}}.expand-room{position:absolute;right:17px;top:16px;background:#20231bc9;border:1px solid #c7b59435;color:#e5e0cd;border-radius:2px;width:33px;height:33px;display:flex;align-items:center;justify-content:center;z-index:4}.expand-room:hover{background:#20231bf0}.expand-room svg{width:16px;height:16px}.room-stage:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;background:#131b12}.room-stage:fullscreen canvas,.room-stage:fullscreen .room-underlay{width:var(--fullscreen-width,100%);height:var(--fullscreen-height,100%);left:50%;top:50%;transform:translate(-50%,-50%);max-width:none}.room-stage:fullscreen .object-note{max-height:60%}@media(min-width:1001px)and (min-height:700px){.app-shell{max-width:min(1390px,calc((100svh - 360px)*1.7768 + 72px))}.site-header{height:88px}.room-intro{margin:6px 0 21px}.year-option{min-width:104px;gap:8px;padding:8px}.year-options{gap:9px}.era-thumbnail{width:38px;height:30px}.workbench{gap:20px}.bench-tools{gap:14px}.history-tools{margin-left:4px}.year-picker{max-width:490px}.intro-note{font-size:20px}.colophon{padding:18px 6px 22px}}.fullscreen-palette{display:none;position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:8;background:#272f22ed;border:1px solid #c7b59440;box-shadow:0 2px 15px #0004;border-radius:3px;padding:7px;gap:5px;align-items:center}.room-stage:fullscreen .fullscreen-palette{display:flex}.fullscreen-years{display:flex;gap:3px}.fullscreen-era{min-width:47px;height:40px;padding:4px 7px;background:transparent;font-family:Instrument,Georgia,serif;font-size:24px;border-radius:2px;color:#d0d3bc;border:1px solid transparent}.fullscreen-era[aria-pressed=true]{border-color:#c9ba855c;background:#c6b47629;color:#efdfaf}.fullscreen-tool{display:flex;align-items:center;justify-content:center;height:40px;width:38px;background:transparent;border-radius:2px;color:#d0d3bc}.fullscreen-tool:hover,.fullscreen-tool[aria-pressed=true]{background:#c6b47629}.fullscreen-divider{height:23px;width:1px;background:#66715780;margin:0 3px}.room-stage:fullscreen .object-note{bottom:87px}.studio{container-type:inline-size}@container (max-width:850px){.workbench{display:block}.year-picker{max-width:none}.year-options{gap:10px;justify-content:flex-start}.year-option{min-width:0;max-width:150px;flex:1}.bench-tools{padding-top:20px;justify-content:flex-end}.brush-picker{display:flex;align-items:center;gap:12px}.brush-picker legend{float:left;margin:0}.history-tools{margin-left:15px}}@media(max-width:760px){.room-stage{aspect-ratio:1672/941}.room-underlay,#room-canvas,#ambient-canvas{width:100%;height:100%;left:0;max-width:100%}.expand-room{width:28px;height:28px;right:10px;top:10px}.object-note{max-height:calc(100% - 48px)}.object-note p,.object-note h2{font-size:19px}.object-note>span:last-child{font-size:8px}.bench-tools{justify-content:space-between}.year-option{max-width:none}.year-options{gap:7px}.history-tools{margin-left:auto}}.room-stage:fullscreen #room-canvas,.room-stage:fullscreen #ambient-canvas,.room-stage:fullscreen .room-underlay{width:var(--fullscreen-width,100%);height:var(--fullscreen-height,100%);left:50%;top:50%;transform:translate(-50%,-50%);max-width:none}@media print{body{background:#fff}body:after,.app-shell,dialog{display:none!important}#paper-output{display:block;width:100%;height:auto}@page{size:landscape;margin:10mm}}