.entrance-page{background:radial-gradient(#222a24 0%,#171e1c 65%);place-items:center;min-height:100svh;padding:24px;display:grid;overflow:hidden}.entrance-ring{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:min(76vw,76svh,650px);position:relative}.entrance-orbit{pointer-events:none;border:1px solid #a99b7212;border-radius:50%;position:absolute;inset:7%}.entrance-letter{color:#c6bda6;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;width:clamp(24px,5vw,43px);height:clamp(30px,5vw,46px);padding:0;font:clamp(14px,2.7vw,24px)/1 Georgia,serif;transition:color .18s,background .18s,box-shadow .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.entrance-letter:hover,.entrance-letter.is-selected{color:#fff3d5;background:#a99b7219}.entrance-letter:focus-visible{outline:1px solid var(--brass);outline-offset:2px}.entrance-letter.is-dragging{color:#e8dfce;cursor:grabbing;background:#a99b7233;box-shadow:0 0 18px #a99b7225}.entrance-letter.is-target{background:#a99b7225;outline:1px solid #c4b591}.entrance-emblem{aspect-ratio:1;outline-offset:9px;color:#a99b72;border:1px solid #a99b7260;border-radius:50%;outline:1px solid #a99b7230;place-items:center;width:34%;text-decoration:none;transition:color 1s,box-shadow 1s,border-color 1s,background 1s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entrance-emblem span{padding-top:.03em;font:clamp(48px,12vw,116px)/1 Georgia,serif}.is-solved .entrance-emblem{color:#171e1c;cursor:pointer;background:#e8dfce;border-color:#e8dfce;box-shadow:0 0 28px #d3b46b40,0 0 100px #c8ae6420,inset 0 0 28px #d3b46b18}.is-solved .entrance-emblem:hover{background:#f3e9d7;box-shadow:0 0 40px #d3b46b60}.is-solved .entrance-letter{color:#d4c497}.entrance-emblem:focus-visible{outline-offset:12px;outline:2px solid #fff0c8}.entrance-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:540px){.entrance-ring{width:min(90vw,85svh)}.entrance-letter{width:26px;height:32px;font-size:16px}.entrance-emblem{width:35%}}@media (prefers-reduced-motion:reduce){.entrance-page *{transition:none!important}}.entrance-emblem{width:46%}.entrance-emblem span{font-size:clamp(76px,18vw,174px)}
