#capsule.tin-room{width:min(780px,94vw);max-width:780px;max-height:94dvh;padding:26px 32px;margin:auto;inset:0;border:1px solid #897352;border-radius:4px;background:repeating-linear-gradient(1deg,#49342600 0 35px,#281c1650 36px 38px),radial-gradient(ellipse at 30% 10%,#786044,#39291f 90%);color:#edddba;overflow:auto;box-shadow:0 20px 90px #160f0dc9}
#capsule::backdrop{background:#22170ead;backdrop-filter:blur(3px)}
#capsule::before{display:none}.tin-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7b68130;padding-bottom:14px;font:17px serif;letter-spacing:.12em}.tin-header small{display:block;font:12px system-ui;letter-spacing:0;color:#c5ac89;margin-top:7px}.tin-header button{background:none;border:0;color:inherit;font-size:28px;width:44px;height:44px}
#tin-shelf{padding-top:106px;text-align:center}.tin-object{position:relative;width:min(440px,100%);height:240px;margin:auto;perspective:1000px;filter:drop-shadow(0 20px 15px #130e0b80)}
.tin-interior{position:absolute;inset:0;border:10px ridge #827962;border-radius:16px;background:#29271e;box-shadow:inset 0 12px 30px #000b;overflow:auto;padding:18px 16px}.tin-interior::after,.tin-lid::after{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/ink-grain.svg');opacity:.35;mix-blend-mode:soft-light}
.tin-lid{position:absolute;inset:0;z-index:2;width:100%;height:100%;transform-origin:50% 0;transform:rotateX(0);transition:transform .65s cubic-bezier(.25,.7,.25,1),filter .65s;border:8px ridge #a09479;border-radius:16px;background:repeating-linear-gradient(164deg,#ffffff06 0 1px,transparent 1px 17px),linear-gradient(140deg,#91876e,#655f4b 60%,#8f8268);box-shadow:inset 0 0 0 3px #484a3b,inset 0 0 40px #30271c55,0 10px 12px #17120d80;color:#3b3b2e}
.tin-object.is-open .tin-lid{transform:rotateX(112deg);filter:brightness(.82)}.tin-emboss{display:block;font:15px monospace;letter-spacing:.35em;text-shadow:0 1px #c1b69a;margin-bottom:26px}.tin-sticker{display:inline-block;background:#bead85;color:#574b35;padding:9px 32px;font:24px serif;letter-spacing:.2em;transform:rotate(-5deg);box-shadow:1px 2px 2px #2c26194d}.tin-lid small{display:block;font:12px system-ui;margin-top:20px;color:#292d22}.tin-rim{position:absolute;bottom:-13px;left:7px;right:7px;height:18px;border-radius:0 0 12px 12px;background:linear-gradient(#716b53,#484837);z-index:1;border-bottom:2px solid #28291e}
#tin-tickets{display:grid;gap:9px;position:relative;z-index:1}.stored-ticket{background:#caba94;border:0;border-left:5px dotted #4c4030;color:#433524;text-align:left;padding:12px 15px;transform:rotate(-1deg);box-shadow:0 2px 4px #0005}.stored-ticket:nth-child(even){transform:rotate(1deg)}.stored-ticket strong{display:block;font:18px serif}.stored-ticket small{display:block;margin-top:5px;font:11px monospace}.tin-empty{color:#baa884;font:17px serif;margin-top:65px}.tin-caption{font:14px/1.7 serif;color:#d0b997;margin:35px 0 15px;min-height:24px}#tin-new{border:1px solid #d8c09666;background:#3b2d2299;color:#ecdbb8;padding:11px 24px;font:15px serif}.tin-footnote{position:static;pointer-events:auto;font:11px/1.6 system-ui;letter-spacing:0;text-shadow:none;color:#b5a083;text-align:center;margin-top:25px}
#ticket-desk{padding:18px 0 0}.ticket-return{background:none;border:0;padding:8px 0;color:inherit;font-size:13px}.ticket-turn{position:relative;width:min(440px,100%);height:440px;margin:12px auto 0;transform-style:preserve-3d;transition:transform .45s ease;perspective:1200px}.ticket-turn.is-flipped{transform:rotateY(180deg)}.ticket-face{position:absolute;inset:0;backface-visibility:hidden;background:#d9c8a0 url('assets/ink-grain.svg');background-blend-mode:soft-light;color:#473a28;padding:28px 30px;border:1px solid #b5a17a;box-shadow:3px 8px 18px #180f0b55;display:flex;flex-direction:column}.ticket-back{transform:rotateY(180deg);background-color:#d1c099}.ticket-kicker{font:12px serif;letter-spacing:.13em}.ticket-number{font:11px monospace;letter-spacing:.25em;margin:30px 0 12px;color:#877051}.ticket-front h2{font:30px/1.5 serif;overflow-wrap:anywhere;margin:15px 0}.ticket-front label{font:20px serif}.ticket-front input{background:transparent;color:#433323}.ticket-front p{font:12px monospace;line-height:1.6;color:#856c4b}#ticket-flip{margin-top:auto;align-self:start;border:0;border-bottom:1px solid #59442b66;background:none;padding:9px 0;color:#4a3824;font-size:15px}#ticket-flip:disabled{opacity:.65;cursor:default}.ticket-perforation{border-bottom:2px dashed #9d866050;margin:25px -30px 13px}.ticket-foot{font:10px monospace;letter-spacing:.2em}.ticket-back label{margin:10px 0 6px;font:15px serif}.ticket-back textarea{background:repeating-linear-gradient(transparent 0 28px,#78613c30 29px 30px);border:0;font:16px/30px serif;resize:none;padding:0 3px;height:120px}.ticket-back input{background:transparent;padding:6px 0;color:#493c29}.date-shortcuts{display:flex;gap:12px;margin:10px 0 18px}.date-shortcuts button{font-size:12px;background:none;border:0;border-bottom:1px solid #89704955;color:#675132;padding:7px 0}.ticket-seal{width:100%;border:0;background:#695039;color:#eee0bf;padding:12px}#ticket-memory{overflow:auto}#ticket-memory small{font:12px serif;color:#856c4b}#ticket-memory-note{white-space:pre-wrap;overflow-wrap:anywhere;font:19px/1.9 serif}#ticket-error{font:13px system-ui;text-align:center;color:#ffe0b0;min-height:16px;margin:12px 0 0}
@media(max-width:600px){#capsule.tin-room{padding:18px;width:94vw;max-height:94dvh;inset:0;margin:auto;border-radius:5px}.tin-object{height:210px}#tin-shelf{padding-top:85px}.ticket-face{padding:22px}.ticket-turn{height:440px}.ticket-perforation{margin-left:-22px;margin-right:-22px}.tin-footnote{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.tin-lid,.ticket-turn{transition:none}}
#tin-shelf{padding-top:12px}.tin-object{width:100%;height:auto;filter:none;perspective:none}
#tin-model{display:block;width:100%;height:330px;background:radial-gradient(ellipse,#aa8a5840,transparent 68%);--poster-color:transparent;filter:sepia(.14) saturate(.8);cursor:pointer}
.tin-object::after{content:'';position:absolute;inset:0 0 auto;height:330px;background:url('assets/ink-grain.svg');opacity:.22;mix-blend-mode:soft-light;pointer-events:none}
.tin-lid,.tin-object.is-open .tin-lid{position:relative;inset:auto;width:auto;height:auto;transform:none;filter:none;border:1px solid #c3a77780;border-radius:2px;background:#443526;color:#eddbb9;box-shadow:none;padding:10px 24px;transition:none}
.tin-lid small{margin:0;color:inherit;font:14px serif}.tin-lid::after,.tin-rim{display:none}.tin-lid:disabled{opacity:.55}
.tin-interior{position:relative;inset:auto;display:none;border:0;border-radius:0;background:none;box-shadow:none;padding:16px 8px;max-height:190px;margin-top:8px}
.tin-object.is-open .tin-interior{display:block}.tin-empty{margin:10px}.tin-caption{margin:18px 0 12px}.tin-interior::after{display:none}
#tin-tickets{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.stored-ticket{min-height:65px}.stored-ticket strong{overflow-wrap:anywhere}
@media(max-width:600px){#tin-model,.tin-object::after{height:260px}#tin-shelf{padding-top:6px}.tin-object{height:auto}}