.pin-page{color:#e3d9c7;background:#0c0d10;min-height:100dvh;padding:24px max(18px,50vw - 620px);font-size:16px;line-height:1.6}.pin-page *{box-sizing:border-box}.pin-page h1{letter-spacing:.12em;font-size:36px;font-weight:600;line-height:1.3}.pin-page h2{font-size:20px;font-weight:600}.pin-kicker{color:#b59a6f;letter-spacing:.1em;font-size:14px}.pin-header{border-bottom:1px solid #3c3027;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.pin-header a{color:#cdb182;text-decoration:underline}.pin-page button{color:#fff0dc;cursor:pointer;min-height:44px;font:inherit;background:#755238;border:1px solid #a48055;border-radius:6px;padding:9px 16px}.pin-page button:disabled{opacity:.45;cursor:default}.pin-page button:focus-visible{outline-offset:3px;outline:3px solid #e0c085}.pin-reference:focus-visible{outline-offset:3px;outline:3px solid #e0c085}.pin-page .pin-secondary{color:#d6cab7;background:#191a1c;border-color:#4a4034}.pin-page button[aria-pressed=true]{background:#3c3023;border-color:#dfbc79}.pin-page input:not([type=range]),.pin-page textarea{color:#eee0cb;width:100%;font:inherit;background:#161619;border:1px solid #5a483a;border-radius:5px;padding:12px}.pin-page label{margin-bottom:7px;font-size:14px;display:block}.pin-page textarea{resize:vertical;min-height:95px}.pin-entry{grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:32px;max-width:960px;margin:40px auto;display:grid}.pin-entry>img{border:1px solid #5f4934;width:100%}.pin-entry p{color:#baafa0;margin:15px 0}.pin-entry-actions{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.pin-join{gap:10px;display:flex}.pin-session{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;font-size:14px;display:flex}.pin-session strong{letter-spacing:.15em;font-size:18px}.pin-tabs{gap:10px;margin-bottom:20px;display:flex}.pin-layout{grid-template-columns:minmax(0,720px) minmax(260px,1fr);gap:28px;display:grid}.pin-room-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pin-room-heading span{color:#b7a98e;font-size:14px}.pin-room-heading .pin-countdown{color:#f0bd86;font-size:18px;font-weight:600}.pin-board{aspect-ratio:1;isolation:isolate;background:#1b1512;border:1px solid #554232;width:100%;position:relative;overflow:hidden}.pin-room-art{object-fit:cover;filter:brightness(.7);width:100%;height:100%;position:absolute;inset:0}.pin-squares{grid-template:repeat(4,1fr)/repeat(4,1fr);display:grid;position:absolute;inset:16%}.pin-square{position:relative;background:#120e0a22!important;border:1px solid #ab92633b!important;border-radius:0!important;min-height:0!important;padding:0!important}.pin-square .pin-prop-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pin-square.pin-selected{outline-offset:-2px;outline:2px solid #c4a063}.pin-prop-art{aspect-ratio:2/3;background-image:url(/art/puzzles/pinhole-props-atlas.png);background-repeat:no-repeat;background-size:300% 200%;display:block}.pin-reference,.pin-operation{touch-action:none;width:100%;position:relative}.pin-black{pointer-events:none;z-index:2;position:absolute;inset:0}.pin-eye{aspect-ratio:2/3;pointer-events:none;z-index:3;animation:.25s ease-out pin-eye-in;position:absolute;transform:translate(-50%,-50%)}.pin-eye>.pin-prop-art{filter:brightness(.95)drop-shadow(0 0 10px #350d0d);width:100%;height:100%}.pin-instruction{color:#bbad98;margin:12px 0;font-size:14px}.pin-abilities{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.pin-abilities input{accent-color:#b89057;width:100%;min-height:28px;margin:12px 0;display:block}.pin-prop-picker{gap:8px;margin:14px 0;display:flex}.pin-prop-picker button{flex:1;min-width:0;font-size:14px;padding:4px!important}.pin-prop-picker .pin-prop-art{width:48px;max-width:100%;height:65px;margin:auto}.pin-controls{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.pin-time-track{accent-color:#bc7652;width:100%;height:6px}.pin-doll-invasion{z-index:4;pointer-events:none;background:#080406c9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pin-doll-invasion img{object-fit:contain;width:45%;height:55%;animation:1s ease-out pin-doll-approach}.pin-doll-invasion strong{color:#df9c8f;font-size:24px}.pin-doll-invasion span{color:#c9b4a8;font-size:14px}.pin-notes{background:#151417;border:1px solid #3b302b;height:fit-content;padding:22px}.pin-notice{background:#261d1b;border-left:3px solid #925342;margin:16px 0;padding:14px}.pin-solved{color:#b8d6b1;border-color:#7eab7b}.pin-notes>p{font-size:14px}.pin-chat{background:#0b0b0e;border:1px solid #322820;min-height:110px;max-height:280px;margin:20px 0;padding:12px;overflow-y:auto}.pin-chat p{overflow-wrap:anywhere;margin-bottom:12px;font-size:14px}.pin-chat strong{color:#c6a574;display:block}.pin-notes form button{margin-top:10px}.pin-footnote{color:#a89783;margin-top:24px}.pin-error{z-index:8;background:#381d1d;border:1px solid #ba6b5e;margin-top:18px;padding:14px;position:sticky;bottom:12px}.pin-footer{color:#918675;margin:30px 0 8px;font-size:14px}.pin-entry h2{font-size:24px}.pin-entry form{margin-top:20px}@keyframes pin-eye-in{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}@keyframes pin-doll-approach{0%{opacity:.2;transform:scale(.3)translateY(-35%)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:800px){.pin-layout{grid-template-columns:1fr}.pin-entry{grid-template-columns:1fr;margin:10px auto}.pin-entry>img{max-width:320px;margin:auto}.pin-page{padding:18px}.pin-header{gap:10px}.pin-page h1{font-size:30px}.pin-session{gap:10px}.pin-abilities{gap:14px}.pin-notes{padding:18px}.pin-room-heading h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.pin-eye,.pin-doll-invasion img{animation:none}}.pin-room-rest{aspect-ratio:1;border:1px solid #554232;position:relative;overflow:hidden}.pin-room-rest>img:first-child{object-fit:cover;filter:brightness(.7);width:100%;height:100%}.pin-room-rest .pin-resident-doll{object-fit:contain;filter:drop-shadow(0 6px 8px #000);width:25%;height:45%;position:absolute;bottom:10%;left:40%}.pin-jump-scare{z-index:100;pointer-events:none;background:#08040644;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pin-jump-scare img{object-fit:contain;transform-origin:bottom;width:min(70vw,420px);height:min(70vh,620px);animation:1s ease-out both pin-jump}@keyframes pin-jump{0%{transform:translateY(110vh)}35%{transform:translateY(0)}48%{transform:translate(3px)rotate(1deg)}58%{transform:translate(-3px)rotate(-1deg)}68%{transform:translate(2px)}78%{transform:translate(0)}to{transform:translateY(110vh)}}@media (prefers-reduced-motion:reduce){.pin-jump-scare img{animation:1s both pin-soft-scare}}@keyframes pin-soft-scare{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}.pin-ending{color:#e9e0d0;background:#0c0d0e;border-color:#665443;max-height:94dvh;overflow:hidden auto;gap:0!important;width:min(92vw,760px)!important;max-width:min(92vw,760px)!important;padding:0!important}.pin-ending>img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.pin-ending-copy{background:linear-gradient(#0000,#0c0d0ef5 30%);margin-top:-155px;padding:55px 28px 26px;position:relative}.pin-ending-copy h2{margin:8px 0;font-size:24px;line-height:1.4}.pin-ending-copy [data-slot=dialog-description]{color:#d0c7b9;font-size:16px;line-height:1.8}.pin-ending-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.pin-ending-actions button,.pin-ending-actions a{color:#f6e8ce;background:#62452d;border:1px solid #96704b;border-radius:6px;min-height:44px;padding:10px 16px;font-size:16px}.pin-ending-copy .pin-kicker{color:#d5bd91}@media (max-width:600px){.pin-ending-copy{margin-top:-80px;padding:35px 18px 20px}}.pin-touch-point{z-index:4;pointer-events:none;background:#a68b5040;border:2px solid #d7be89;border-radius:50%;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.pin-modes{background:#171517;border:1px solid #51402f;margin-bottom:20px;padding:14px 18px}.pin-mode-buttons{flex-wrap:wrap;gap:10px;display:flex}.pin-modes p{color:#c4b59e;margin:10px 0 0;font-size:14px}.pin-modes strong{color:#f0bd86;margin-top:8px;display:block}.pin-end-turn{margin-top:14px}@media (pointer:coarse){.pin-reference{-webkit-user-select:none;user-select:none}}.pinhole-haunt-panel{color:#e3d9c7;background:#1b1816;border:1px solid #65503c;margin:14px 0;padding:16px;font-size:16px}.pinhole-haunt-panel p{margin:8px 0;font-size:14px}.pin-haunt-dialog{max-height:94dvh;overflow-y:auto;width:min(94vw,640px)!important;max-width:640px!important;padding:0!important}.pin-page.pin-haunt-surface{min-height:0;padding:18px}.pin-haunt-surface .pin-board{max-width:58dvh;max-height:58dvh;margin:auto}.pin-haunt-surface .pin-reference{max-width:58dvh;margin:auto}.pin-haunt-surface .pin-room-heading{margin-bottom:6px}.pin-haunt-surface [data-slot=dialog-description]{color:#cbbba8;margin-bottom:10px;font-size:14px}.pin-warning,.pin-five-warning{font-weight:700;color:#ffe1a8!important}.pin-five-warning{background:#4c2117;border:2px solid #d19256;margin:8px 0;padding:8px 12px}.pin-haunt-surface .pin-prop-picker .pin-prop-art{width:32px;height:44px}