.missions{margin-top:44px}.mission{background:var(--card);box-shadow:var(--shadow-paper);padding:22px 24px 24px;transition:background .3s;position:relative}.mission .tape{background:var(--tape);width:70px;height:20px;position:absolute;top:-12px;left:22px;transform:rotate(-5deg)}.mission .head{justify-content:space-between;align-items:center;display:flex}.mission .label{letter-spacing:2px;font-size:15px}.mission .icon{font-size:24px}.mission .text{min-height:58px;margin-top:12px;font-size:21px;line-height:1.35}.mission .hard{font-family:var(--type);color:var(--ink2);margin-top:10px;font-size:14px}.mission .hard span{color:var(--red);letter-spacing:2px}.mission .actions{align-items:center;min-height:44px;margin-top:16px;display:flex}.mission .cancel{font-family:var(--hand);color:var(--ink2);cursor:pointer;background:0 0;border:0;padding:0;font-size:20px;text-decoration:underline;display:none}.mission .stamp-accepted{--r:-14deg;border:3px solid var(--red);color:var(--red);font-family:var(--type);letter-spacing:3px;pointer-events:none;border-radius:4px;padding:6px 14px;font-size:15px;display:none;position:absolute;bottom:-14px;right:-14px}.mission.done{background:var(--accepted)}.mission.done .accept{display:none}.mission.done .cancel{display:inline}.mission.done .stamp-accepted{animation:.5s cubic-bezier(.3,1.4,.5,1) both slam;display:block}.bonus-h{font-size:30px;font-weight:700;line-height:1}.bonus-t{margin-top:8px;font-size:19px}.bonus-c{color:var(--ink2);margin-top:10px;font-size:20px;transform:rotate(-1deg)}.dog{position:relative}.wall{margin-top:80px}.wall-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.wall-msg{color:var(--green);margin-top:14px;font-size:21px}#fotky .upload{flex-direction:column;align-items:flex-end;gap:10px;min-width:min(100%,300px);display:flex}#fotky .upload .field{padding:4px;font-size:19px}#fotky .wall-count{color:var(--ink2);margin-top:18px;font-size:19px}#fotky .polaroids{flex-wrap:wrap;align-items:flex-start;gap:30px 26px;margin-top:30px;display:flex}#fotky .polaroid{width:224px;transform:rotate(var(--r,0deg));perspective:900px;position:relative}#fotky .polaroid .inner{position:relative}#fotky .polaroid .face{background:var(--card);box-shadow:var(--shadow-photo);padding:12px 12px 10px}#fotky .polaroid img{object-fit:cover;width:200px;height:200px;display:block}#fotky .polaroid .cap{text-align:center;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:20px;line-height:1.1;overflow:hidden}#fotky .polaroid[data-id]{cursor:zoom-in}#fotky .polaroid.pending{opacity:.75}#fotky .polaroid.pending .cap{color:var(--ink2);font-size:17px}#fotky .polaroid.ph{background:var(--card);box-shadow:var(--shadow-photo);padding:12px 12px 10px}#fotky .polaroid.flipping .inner{transform-style:preserve-3d;animation:.9s ease-in-out both flip,.9s ease-in-out both lift}#fotky .polaroid.flipping .face{backface-visibility:hidden;box-shadow:none;position:absolute;inset:0}#fotky .polaroid.flipping .face.back{transform:rotateY(180deg)}#fotky .polaroid.flipping .backing{backface-visibility:hidden;background:#efe5d0;position:absolute;inset:0;transform:translateZ(-1px)}@keyframes flip{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(90deg)scale(1.05)}to{transform:rotateY(180deg)scale(1)}}@keyframes lift{0%,to{box-shadow:0 5px 14px #3c281433}50%{box-shadow:0 18px 30px #3c28144d}}.lightbox{z-index:50;background:#2b241ce0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox figure{background:var(--card);max-width:min(92vw,1000px);margin:0;padding:14px 14px 12px;animation:.3s ease-out pop;transform:rotate(-1deg);box-shadow:0 12px 40px #00000080}.lightbox img{object-fit:contain;max-width:100%;max-height:78vh;display:block}.lightbox figcaption{text-align:center;color:var(--ink);margin-top:10px;font-size:24px}.lightbox button{color:#f4e9d2;font-family:var(--hand);cursor:pointer;opacity:.85;background:0 0;border:0;padding:10px 18px;font-size:64px;line-height:1;position:absolute}.lightbox button:hover{opacity:1}.lightbox .lb-close{font-size:48px;top:8px;right:14px}.lightbox .lb-prev{top:50%;left:6px;transform:translateY(-50%)}.lightbox .lb-next{top:50%;right:6px;transform:translateY(-50%)}.books{margin-top:90px}.books .sub{color:var(--ink2);margin-top:10px;font-size:20px}.books .stage{perspective:1200px;position:relative}.books .entries{transform-origin:0;flex-direction:column;gap:14px;margin-top:22px;display:flex}.books .entries.ghost{pointer-events:none;position:absolute;inset:0}.books .entry{transform:rotate(var(--r,0deg));background:#fffcf5cc;padding:12px 16px;font-size:19px;line-height:1.3;box-shadow:0 2px 6px #3c28141f}.books .entry .who{color:var(--green);margin-top:4px}.books .pager{color:var(--ink2);justify-content:center;align-items:center;gap:22px;margin-top:20px;font-size:21px;display:flex}.books .pg{font-family:var(--hand);color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;transition:transform .2s;transform:rotate(-1.5deg)}.books .pg.next{transform:rotate(1.5deg)}.books .pg:hover{color:var(--red);transform:rotate(0)scale(1.08)}.books .pg-n{font-family:var(--type);letter-spacing:2px;font-size:15px}.books .form{flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px;display:flex}.books .form .field{font-size:20px}.books .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.books .msg{color:var(--red);font-size:19px}.books .turn-out{animation:.3s ease-in both turnOut}.books .turn-in{animation:.38s cubic-bezier(.2,.8,.2,1) 80ms both turnIn}.books .turn-out-back{animation:.3s ease-in both turnOutBack}.books .turn-in-back{animation:.38s cubic-bezier(.2,.8,.2,1) 80ms both turnInBack}@keyframes turnOut{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(-75deg)}}@keyframes turnIn{0%{opacity:0;transform:rotateY(60deg)translate(24px)}to{opacity:1;transform:rotateY(0)translate(0)}}@keyframes turnOutBack{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(60deg)translate(24px)}}@keyframes turnInBack{0%{opacity:0;transform:rotateY(-75deg)}to{opacity:1;transform:rotateY(0)}}.books .shuffle-out,.books .shuffle-in,.books .shuffle-out-back,.books .shuffle-in-back{transform-origin:50%}.books .shuffle-out{animation:.3s ease-in both shuffleOut}.books .shuffle-in{animation:.38s cubic-bezier(.2,.8,.2,1) 80ms both shuffleIn}.books .shuffle-out-back{animation:.3s ease-in both shuffleOutBack}.books .shuffle-in-back{animation:.38s cubic-bezier(.2,.8,.2,1) 80ms both shuffleInBack}@keyframes shuffleOut{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-40px,-10px)rotate(-3deg)}}@keyframes shuffleIn{0%{opacity:0;transform:translate(48px,10px)rotate(2.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes shuffleOutBack{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(48px,10px)rotate(2.5deg)}}@keyframes shuffleInBack{0%{opacity:0;transform:translate(-40px,-10px)rotate(-3deg)}to{opacity:1;transform:translate(0)rotate(0)}}
