html.course-booting .shell{visibility:hidden}
.hole-boot{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#657d58,#203d30 70%);color:#e7edcc;font:16px system-ui;opacity:1;transition:opacity .18s ease}
.hole-boot[hidden],.hole-boot img[hidden],#skipHoleIntro[hidden]{display:none!important}
.hole-boot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hole-boot-copy{position:relative;max-width:min(480px,calc(100vw - 48px));margin-top:35vh;padding:20px 24px;border:1px solid #c9d7b54d;border-radius:18px;background:#10291fea;box-shadow:0 12px 48px #061b1b44;text-align:center}
.hole-boot-copy strong{font-size:21px}.hole-boot-copy p{font-size:13px;line-height:1.5;color:#c7d5ba}.hole-boot-copy a{display:inline-block;margin:9px;color:#e2ecc8}.hole-boot-copy button,#skipHoleIntro{border:1px solid #c9d7b57a;border-radius:999px;background:#203e30;color:#e7edcc;padding:10px 18px;cursor:pointer;font:600 13px system-ui}
.hole-boot.is-entering{opacity:0}
.hole-boot.is-ready{opacity:0;pointer-events:none}
#skipHoleIntro{position:fixed;z-index:110;left:50%;top:calc(env(safe-area-inset-top,0px) + 18px);transform:translateX(-50%);box-shadow:0 4px 18px #071b2555}
@media(prefers-reduced-motion:reduce){.hole-boot{transition:none}}