*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#d7d8d6}body{touch-action:none;overscroll-behavior:none}button,input,summary{font:inherit}button,summary{cursor:pointer}button:focus-visible,summary:focus-visible,input:focus-visible{outline:1px solid #8496a8;outline-offset:3px}#room{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;outline:none}
#phrase{position:fixed;left:50%;top:47%;width:max-content;max-width:88vw;transform:translate(-50%,-50%);font:400 clamp(26px,4.25vw,110px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.025em;text-align:center;color:#b9e1e8;text-shadow:0 0 9px #cadfe71a,0 1px 7px #32465324;pointer-events:none;opacity:0;white-space:nowrap;will-change:transform,opacity}
#hint{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);margin:0;white-space:nowrap;color:#f6f3ed;font:11px/1.6 Arial,sans-serif;letter-spacing:.035em;text-shadow:0 1px 4px #34394d;opacity:0;transition:opacity 1.7s;pointer-events:none}
#pick-up{position:fixed;left:0;top:0;z-index:3;transform:translate(-50%,-120%);border:0;background:transparent;color:#e8e9e8;text-shadow:0 1px 5px #3339;font:12px/1.4 Georgia,serif;padding:9px 13px;opacity:0;pointer-events:none;transition:opacity .35s}#pick-up.available{opacity:.88;pointer-events:auto}
#reading{position:fixed;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;background:#292b302b;touch-action:auto}#reading[hidden]{display:none}#paper-scroll{position:relative;max-height:91vh;width:min(760px,82vw);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aaa7a044 transparent;box-shadow:0 12px 54px #0002;background:#f4f1e9;outline:0;touch-action:pan-y;transform:rotate(-.5deg)}#paper-image{width:100%;height:auto;display:block}#put-down{position:sticky;bottom:0;display:block;margin:0 auto;padding:9px 20px 12px;border:0;background:#f4f1e9eb;color:#6d706b;font:12px Georgia,serif}
#environment{position:fixed;bottom:17px;right:19px;z-index:4;width:203px;color:#777f80;font:10px/1.7 Arial,sans-serif;letter-spacing:.055em}#environment summary{list-style:none;text-align:right;opacity:.68}#environment summary::-webkit-details-marker{display:none}#environment[open]{background:#f3f2edd9;padding:11px 13px;border-radius:2px;color:#626970}#environment[open] summary{margin-bottom:12px}#environment label{display:flex;justify-content:space-between}#time-control{display:block;width:100%;height:16px;margin:8px 0;accent-color:#8e9eac;cursor:pointer}#environment button{color:inherit;border:0;background:transparent;font-size:9px;padding:4px 0;letter-spacing:.045em}#live-time{opacity:.8}#environment .weather-label{display:block;margin-top:14px}#weather-control{display:flex;justify-content:space-between;margin-top:3px}#weather-control button{opacity:.48}#weather-control button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:4px}
#environment.night{color:#c7ced1}#environment.night[open]{background:#333a40d9;color:#d2d9dd}
#error{position:fixed;left:10%;right:10%;top:40%;color:#34333c;font:16px/1.7 Georgia,serif;text-align:center}#touch{display:none;position:fixed;bottom:28px;left:28px;width:90px;height:90px;border:1px solid #dedbe348;border-radius:50%;background:#ffffff05;opacity:.38;touch-action:none}#touch span{position:absolute;left:30px;top:30px;width:28px;height:28px;border-radius:50%;background:#eee9f36b;pointer-events:none}
@media(pointer:coarse){#touch{display:block}#phrase{white-space:normal;width:85vw;font-size:clamp(27px,6vw,54px)}#hint{bottom:10px;font-size:10px}#environment{bottom:24px;right:15px;width:180px}#paper-scroll{width:90vw}}
@media(prefers-reduced-motion:reduce){#hint,#pick-up{transition:none}#paper-scroll{transform:none}}