#entry-screen:not([open]){display:none}html:has(#entry-screen[open]){overflow:hidden}#entry-screen{--side: clamp(30px, 4.7vw, 70px);--cap: clamp(24px, 4.2vmin, 42px);--gutter: clamp(3px, .7vmin, 7px);--rail-gap: calc(var(--gutter) + var(--side) + clamp(9px, 2vmin, 20px));position:fixed;inset:0;display:grid;place-items:center;isolation:isolate;box-sizing:border-box;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;overscroll-behavior:contain;border:0;color-scheme:dark;background:#171214;color:#f8f2ef;font:14px/1.4 School Body,system-ui,sans-serif}#entry-screen::backdrop{background:transparent}#entry-screen[data-leaving]{opacity:0;transition:opacity .16s ease-out}.entry-wall{position:absolute;inset:0;z-index:-3;width:100%;height:100%}#entry-screen:after{position:absolute;z-index:-2;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 47%,transparent 28%,#100b0c72 100%),linear-gradient(0deg,#100c0de6,transparent 21%)}.entry-frame{position:absolute;z-index:-1;inset:var(--gutter);pointer-events:none}.entry-frame svg{position:absolute;display:block;overflow:visible;fill:#eae5e0;stroke:#fffbf6}.entry-frame path{stroke-width:1;vector-effect:non-scaling-stroke}.entry-frame .entry-seam{fill:none;stroke:#78716f;opacity:.5}.entry-frame .entry-side{top:0;width:var(--side);height:100%;fill:#a42a34;stroke:#d8575d}.entry-side .entry-spine{fill:#7b222b;stroke:none}.entry-side .entry-seam{stroke:#f7a49e}.entry-left{left:0}.entry-right{right:0}.entry-top,.entry-bottom{left:0;width:100%;height:var(--cap)}.entry-top{top:0}.entry-bottom{bottom:0}.entry-mark{width:clamp(114px,23vmin,204px);aspect-ratio:1;perspective:780px}.entry-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:entry-spin 4.1s linear infinite}.entry-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;transform:translateZ(1px)}.entry-face-back{transform:rotateY(180deg) translateZ(1px)}.entry-dock{position:absolute;right:max(var(--rail-gap),calc(env(safe-area-inset-right) + 12px));bottom:max(calc(var(--cap) + var(--gutter) + 6px),calc(env(safe-area-inset-bottom) + 12px));left:max(var(--rail-gap),calc(env(safe-area-inset-left) + 12px));display:flex;justify-content:space-between;align-items:center;gap:16px}.entry-readout{min-width:0;width:min(155px,58%)}#entry-status{margin:0 0 6px;font-size:12px;color:#eee6e3}#entry-progress{display:block;appearance:none;width:100%;height:2px;border:0;border-radius:0;background:#685358;color:#f5ece6}#entry-progress::-webkit-progress-bar{background:transparent}#entry-progress::-webkit-progress-value{background:#f5ece6;transition:width .16s ease-out}#entry-progress::-moz-progress-bar{background:#f5ece6}#entry-skip{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex:none;padding:0 8px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}#entry-skip:hover span{text-decoration:underline;text-underline-offset:4px}#entry-skip:focus-visible{outline:1px solid currentColor;outline-offset:1px}@keyframes entry-spin{0%{transform:rotateY(-12deg)}to{transform:rotateY(348deg)}}@media(max-height:420px){.entry-mark{width:clamp(76px,31vmin,128px)}}@media(prefers-reduced-motion:reduce){.entry-turn{animation:none}#entry-screen[data-leaving],#entry-progress::-webkit-progress-value{transition:none}}