.camera-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:48px;height:48px;border:0;background:transparent;color:#fff1b9;font:32px Georgia;text-shadow:0 0 9px #fff3c1,0 1px 3px #66522d;cursor:pointer}.camera-seed:hover,.camera-seed:focus-visible,.camera-seed[data-discovering=true]{border:1px solid #fff3c888;border-radius:50%;background:#8e693d33}
#window-camera{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;overflow:hidden;color:#e7dbc3;background:linear-gradient(110deg,#111d20c9,#1c2828ba),url('/assets/letters/xian-cup-transition.webp') center/cover}#window-camera::backdrop{background:#152322}#window-camera header{position:absolute;top:28px;left:80px;right:80px;text-align:center;pointer-events:none}#window-camera header p{font:10px system-ui;letter-spacing:.22em;color:#c5bd9f;margin:0 0 10px}#window-camera h2{font:italic 32px Georgia;margin:0;font-weight:400}.camera-close{position:absolute;z-index:6;top:22px;right:25px;width:46px;height:46px;border:1px solid #bcbea266;border-radius:50%;background:#354640;color:#f2dfb3;font:32px Georgia;cursor:pointer}.camera-work{position:absolute;top:118px;bottom:215px;left:6%;right:6%;display:flex;align-items:center;justify-content:flex-end;padding-right:3%}.camera-window{position:absolute;left:0;top:33%;width:18%;transform:rotate(-3deg);border:7px solid #c7b68c;box-shadow:0 8px 22px #07161290;opacity:.85}.camera-window img{width:100%;display:block;aspect-ratio:1.5;object-fit:cover}.camera-window span{position:absolute;top:-30px;left:0;right:0;font:italic 13px Georgia;text-align:center;color:#d7caa8}.camera-aperture{--opening:7px;position:absolute;right:-20px;top:45%;width:36px;height:36px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#ffe8ac 0,var(--opening),#29362c calc(var(--opening) + 1px),#29362c 16px,#a1976e 17px);box-shadow:0 0 30px #f2d49155}.camera-rays{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.camera-rays path:first-child{fill:#efd29a08;stroke:none}.camera-rays path:last-child{fill:none;stroke:#e1ca9255;stroke-width:1}.camera-paper{z-index:1;position:relative;margin:0;padding:15px 15px 37px;background:#e7d9ba;box-shadow:0 18px 48px #05100eb0,1px 1px 0 #e6d9b7;transition:box-shadow .25s}.camera-paper:before{content:'';position:absolute;left:30%;top:-9px;width:74px;height:25px;background:#c4bb92bb;transform:rotate(-3deg);z-index:2}.camera-paper canvas{display:block;width:100%;aspect-ratio:5/3;outline:none;cursor:grab;touch-action:none;background:#101919}.camera-paper canvas:active{cursor:grabbing}.camera-paper canvas:focus-visible{outline:2px solid #d6b878;outline-offset:4px}.camera-paper figcaption{position:absolute;bottom:11px;left:15px;right:15px;text-align:center;font:italic 12px Georgia;color:#5c604d}.camera-corner{position:absolute;right:-15px;top:50%;background:#cebb8c;color:#4c5646;width:22px;text-align:center;padding:6px 0;font:16px Georgia}.camera-kept{border:0;padding:0;background:transparent;color:#e7dbc3;cursor:pointer;position:absolute;left:2%;bottom:1%;width:13%;transform:rotate(6deg);z-index:2}.camera-kept img{display:block;width:100%;box-shadow:0 4px 18px #03111099}.camera-kept span{display:block;font:italic 12px Georgia;text-align:center;margin-top:8px}.camera-kept[hidden]{display:none}#window-camera[data-exposing=true] .camera-paper{box-shadow:0 18px 48px #05100e90,0 0 35px #e4bd6028}
#window-camera footer{position:absolute;bottom:0;left:0;right:0;padding:22px 20px 16px;text-align:center;background:linear-gradient(0deg,#273731 88%,#27373100)}.camera-invitation{font:italic 18px Georgia;margin:0 0 13px}.camera-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.camera-controls button{min-height:36px;padding:7px 10px;border:1px solid #b8bf9366;border-radius:3px;background:#3a4b3f;color:#eadcb9;font:13px Georgia;cursor:pointer}.camera-controls button:disabled{opacity:.4;cursor:default}.camera-controls [data-camera-hold]{background:#dfc391;color:#37493c;min-width:164px;touch-action:none}.camera-controls [data-camera-hold].is-open{background:#f1dda8}.camera-controls label{display:flex;gap:6px;align-items:center;font:12px Georgia;color:#d1ceb6}.camera-controls input{width:80px;accent-color:#cdb47d}.camera-response{font:italic 12px Georgia;color:#b8c1aa;min-height:16px;margin:11px 0 9px}#window-camera details{font:10px/1.6 system-ui;max-width:720px;margin:auto;color:#b7bfaa}#window-camera summary{cursor:pointer;list-style:none}#window-camera details[open]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:680px;padding:18px;background:#35473b;box-shadow:0 0 24px #0b191a88}#window-camera a{color:#e8d098}