/* The opening is isolated from all existing page styles and content. */
:root { --olv-intro-ready: 2; }
.olv-draw-intro { position:fixed; inset:0; z-index:2147483000; overflow:hidden; background:#f5f2eb; color:#284a3c; touch-action:none; overscroll-behavior:contain; animation:olv-draw-safety 35s step-end forwards; }
.olv-draw-canvas { position:absolute; inset:0; width:100%; height:100%; touch-action:none; outline:none; }
.olv-draw-skip { position:absolute; z-index:4; right:calc(24px + env(safe-area-inset-right,0px)); top:calc(20px + env(safe-area-inset-top,0px)); padding:12px 8px; min-height:44px; border:0; background:transparent; color:#3a4e42; font:12px Arial,sans-serif; letter-spacing:.12em; cursor:pointer; opacity:.72; }
.olv-draw-skip:hover,.olv-draw-skip:focus-visible { opacity:1; outline:1px solid #284a3c; outline-offset:2px; }
.olv-draw-heading { position:absolute; z-index:2; top:10%; left:20px; right:20px; text-align:center; pointer-events:none; transition:opacity .6s; }
.olv-draw-heading>span { font-family:Georgia,serif; font-size:14px; letter-spacing:.28em; }
.olv-draw-heading p { margin:20px 0 0; font-family:'Yu Mincho','Hiragino Mincho ProN',serif; font-size:clamp(20px,4.8vw,28px); letter-spacing:.12em; font-weight:400; line-height:1.8; }
.olv-draw-signature { position:absolute; z-index:2; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:24px; opacity:0; pointer-events:none; color:white; text-shadow:0 2px 20px #16291be6; transition:opacity .7s; }
.olv-draw-signature strong { font-family:Georgia,serif; font-size:clamp(23px,6vw,44px); font-weight:400; letter-spacing:.13em; line-height:1.6; }
.olv-draw-signature span { font-family:Georgia,serif; font-size:13px; letter-spacing:.13em; line-height:1.8; margin-top:10px; }
.olv-draw-intro[data-stage="alive"] .olv-draw-heading,.olv-draw-intro[data-stage="signature"] .olv-draw-heading { opacity:0; }
.olv-draw-intro[data-stage="signature"] .olv-draw-signature { opacity:1; }
@keyframes olv-draw-safety { 0% { visibility:visible; } 100% { visibility:hidden; pointer-events:none; } }
@media (max-width:699px) { .olv-draw-heading { top:14%; } .olv-draw-skip { right:16px; } .olv-draw-signature { padding-top:15vh; } }
@media (prefers-reduced-motion:reduce) { .olv-draw-intro { display:none!important; } }