.gate{position:fixed;inset:0;justify-content:center;padding:5vmin;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#fbf6ea 0,#f6f1e5 55%,#eadfc7 100%);color:#4a3826}.gate,.gate-card{display:flex;align-items:center}.gate-card{flex-direction:column;gap:clamp(14px,3vmin,26px);max-width:min(92vw,34em);text-align:center}.gate-kicker{font-size:clamp(15px,2.4vmin,19px);letter-spacing:.14em;color:#a68a63}.gate-title{font-size:clamp(26px,5.4vmin,44px);font-weight:400;line-height:1.25}.gate-sub{font-family:var(--font-story);font-style:italic;font-size:clamp(16px,2.8vmin,21px);line-height:1.5;color:#8a7355}.hold-btn{position:relative;width:clamp(120px,26vmin,190px);aspect-ratio:1;margin-top:clamp(8px,2vmin,20px);border-radius:50%;display:grid;place-items:center;color:#4a3826;touch-action:none;-webkit-touch-callout:none}.hold-btn:focus-visible{outline:3px dashed var(--crayon-blue);outline-offset:6px}.hold-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.hold-ring circle{fill:none}.hold-ring-bg{stroke:rgba(74,56,38,.16);stroke-width:5;stroke-linecap:round;stroke-dasharray:.5 6}.hold-ring-fill{stroke:var(--crayon-red);stroke-width:5;stroke-linecap:round}.hold-label{font-size:clamp(18px,3.2vmin,25px);color:#6b543c;pointer-events:none}.hold-btn:active .hold-label,.shelf{color:#4a3826}.shelf{position:fixed;inset:0;overflow-y:auto;padding:clamp(24px,6vmin,64px) clamp(16px,6vw,80px);background:radial-gradient(120% 90% at 50% 20%,#fbf6ea 0,#f6f1e5 60%,#eadfc7 100%)}.shelf-head{text-align:center;margin-bottom:clamp(26px,5vmin,52px)}.shelf-head h1{font-size:clamp(30px,6vmin,54px);font-weight:400}.shelf-head p{margin-top:.4em;font-family:var(--font-story);font-style:italic;font-size:clamp(16px,2.6vmin,21px);color:#8a7355}.shelf-back{display:inline-block;margin-top:.9em;font-size:clamp(15px,2.4vmin,19px);color:#a68a63;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-underline-offset:5px}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,20vw,240px),1fr));grid-gap:clamp(20px,4vmin,44px);gap:clamp(20px,4vmin,44px);max-width:72rem;margin:0 auto;padding-bottom:8vmin}.shelf-card{position:relative;transition:transform .2s ease}.shelf-card.tilt-l{transform:rotate(-1.4deg)}.shelf-card.tilt-r{transform:rotate(1.2deg)}.shelf-card:hover{transform:rotate(0deg) scale(1.03)}.shelf-card-link{display:flex;flex-direction:column;gap:.6em;height:100%;padding:clamp(10px,1.8vmin,18px);border-radius:10px;background:#fffdf7;color:inherit;text-decoration:none;box-shadow:0 2px 0 rgba(74,56,38,.06),0 16px 36px rgba(74,56,38,.16)}.shelf-poster{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#f1ead8;filter:brightness(.86) sepia(.18) saturate(.9)}.shelf-no-poster{display:grid;place-items:center;color:#b9a98e;letter-spacing:.4em}.shelf-card-title{font-size:clamp(16px,2.4vmin,20px);line-height:1.3}.shelf-card-date{font-size:clamp(13px,2vmin,16px);color:#a68a63}.shelf-remove{position:absolute;top:-.7em;right:-.7em;width:2em;height:2em;border-radius:50%;background:#fffdf7;color:#8a7355;font-size:clamp(14px,2.2vmin,18px);line-height:1;box-shadow:0 2px 10px rgba(74,56,38,.3);opacity:.5;transition:opacity .15s ease}.shelf-remove:hover{opacity:1;color:var(--crayon-red)}.shelf-remove:focus-visible{opacity:1;outline:2px dashed var(--crayon-blue);outline-offset:3px}.shelf-remove:disabled{opacity:.25;cursor:default}.shelf-empty{margin-top:10vmin;text-align:center;font-family:var(--font-story);font-style:italic;font-size:clamp(17px,2.8vmin,22px);color:#8a7355}