.cinema-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:48px;height:48px;border:0;background:transparent;color:#fbe1a4;font:30px Georgia;text-shadow:0 1px 5px #443e36;cursor:pointer}.cinema-seed:hover,.cinema-seed:focus-visible,.cinema-seed[data-discovering=true]{border:1px solid #fff0c499;border-radius:50%;background:#645f4544}
#paper-cinema{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;overflow:hidden;color:#e9d9b5;background:linear-gradient(#1e2e32dc,#303c38dc),url('/assets/letters/dunhuang-street-lights.webp') center/cover}#paper-cinema header{position:absolute;top:24px;left:90px;right:90px;text-align:center;pointer-events:none}#paper-cinema header p{font:10px system-ui;letter-spacing:.22em;margin:0 0 9px;color:#b9c4b0}#paper-cinema h2{font:italic 30px Georgia;font-weight:400;margin:0}.cinema-close{position:absolute;z-index:6;top:22px;right:25px;width:46px;height:46px;border:1px solid #abb89b66;border-radius:50%;background:#36463c;color:#f2dfb3;font:32px Georgia;cursor:pointer}.cinema-work{position:absolute;top:115px;bottom:215px;left:9%;right:9%;display:flex;align-items:center;justify-content:center}.cinema-card{position:relative;box-shadow:0 12px 50px #050c0c80,0 0 0 14px #e7d3aa,0 0 0 15px #8b795d;background:#f3e9d1}.cinema-layers{position:absolute;inset:0;overflow:hidden}.cinema-layers canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.cinema-screen{outline:none;touch-action:none;cursor:ew-resize}.cinema-screen:focus-visible{outline:2px solid #e4c57e;outline-offset:-3px}.cinema-tab{position:absolute;bottom:-26px;background:#d6c195;color:#4e614e;width:90px;text-align:center;height:23px;font:20px Georgia;transform:translateX(-50%);border:0;cursor:ew-resize;touch-action:none}.cinema-caption{position:absolute;left:0;right:0;bottom:-57px;text-align:center;font:italic 13px Georgia;color:#c6c7ad}.cinema-frames{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;background:#d9c7a4}.cinema-frames[hidden],.cinema-layers[hidden],.cinema-tab[hidden]{display:none}.cinema-frames figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;background:#f3e9d1;overflow:hidden}.cinema-frames canvas{width:100%;height:calc(100% - 20px);object-fit:contain}.cinema-frames figcaption{font:10px Georgia;color:#777b63;height:20px}
#paper-cinema footer{position:absolute;bottom:0;left:0;right:0;padding:20px 18px 14px;text-align:center;background:linear-gradient(0deg,#2b3c35 90%,#2b3c3500)}.cinema-invitation{font:italic 19px Georgia;margin:0 0 14px}.cinema-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cinema-controls button{min-height:37px;padding:7px 10px;border:1px solid #b8bf9366;border-radius:3px;background:#3a4c40;color:#e8dab5;font:13px Georgia;cursor:pointer}.cinema-controls label{display:flex;align-items:center;gap:5px;font:12px Georgia;color:#c9ceae}.cinema-controls input{width:65px;accent-color:#bdc19a}.cinema-response{min-height:15px;font:italic 12px Georgia;margin:11px 0 9px;color:#b5c2a6}#paper-cinema details{font:10px/1.6 system-ui;max-width:700px;margin:auto;color:#b4bfa9}#paper-cinema summary{cursor:pointer;list-style:none}#paper-cinema details[open]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:660px;padding:18px;background:#35473b;box-shadow:0 0 24px #0b191a88}#paper-cinema a{color:#e8d098}