.lore-play-entry{max-width:780px;margin:32px auto;padding:24px;text-align:center;color:#f9f2e4;scroll-margin-top:90px}.lore-play-entry h2{font-size:clamp(28px,5vw,42px);margin:12px}.lore-play-door{display:block;position:relative;height:340px;max-width:540px;margin:24px auto;overflow:hidden;background:#090d18;border:2px solid var(--game-accent);border-radius:16px;box-shadow:0 0 28px color-mix(in srgb,var(--game-accent) 24%,transparent);perspective:1000px;color:white}.lore-door-half{position:absolute;top:0;bottom:0;width:50%;background-size:200% 100%;transition:transform 1s ease,opacity 1s ease}.lore-door-half.left{left:0;background-position:left;transform-origin:left}.lore-door-half.right{right:0;background-position:right;transform-origin:right}.lore-door-caption{position:absolute;inset:auto 0 0;padding:50px 16px 24px;background:linear-gradient(transparent,#060913f2);display:grid;gap:12px;transition:opacity .4s}.lore-door-caption strong{font-size:28px}.lore-door-caption span{font-size:16px;color:var(--game-accent)}.lore-play-door:focus-visible{outline:4px solid white;outline-offset:5px}.lore-play-door:hover{box-shadow:0 0 36px color-mix(in srgb,var(--game-accent) 45%,transparent)}.lore-play-door.is-opening .left{transform:rotateY(-105deg);opacity:0}.lore-play-door.is-opening .right{transform:rotateY(105deg);opacity:0}.lore-play-door.is-opening .lore-door-caption{opacity:0}.lore-play-entry p{font-size:16px;line-height:1.6}.lore-play-entry .lore-play-note{font-size:14px;color:#c5cbda;max-width:520px;margin:16px auto}@media(max-width:500px){.lore-play-entry{padding:20px 16px}.lore-play-door{height:290px}}@media(prefers-reduced-motion:reduce){.lore-door-half,.lore-door-caption{transition:none}}
.lore-lounge-shortcuts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:14px;background:#101a2a;position:relative;z-index:2}.lore-lounge-shortcuts a{color:#f1d398;font:600 16px/1.4 system-ui;text-decoration:none;border:1px solid #8c784e;border-radius:7px;padding:12px}.lore-lounge-shortcuts a:focus-visible{outline:3px solid white}
.lore-door-caption .lore-games-label{font-size:30px;font-weight:800;letter-spacing:.16em;color:white;order:-1}.lore-explore-side{position:fixed;right:12px;bottom:24px;z-index:100;padding:14px 18px;border:1px solid #e6c88b;border-radius:10px;background:#e6c88b;color:#101827;font:700 16px system-ui;text-decoration:none;box-shadow:0 4px 24px #0008}body{padding-bottom:80px}.lore-explore-side:focus-visible{outline:3px solid white;outline-offset:4px}/* Put the game entrance within reach as soon as a lounge opens. */
main>.lore-play-entry:first-child{margin:0 auto 28px;padding-top:0}.lore-play-entry h2{margin:8px 0}.lore-play-entry .eyebrow{margin-top:0}.lore-play-door{margin:16px auto}.lore-door-caption .lore-games-label{letter-spacing:.1em}.lore-lounge-shortcuts a{min-height:44px}

.lore-welcome-game{text-align:center;margin:16px auto 28px}.lore-welcome-game a{display:inline-block;padding:14px 18px;border:1px solid #c9ac70;border-radius:8px;background:#152137;color:#f1d398;font:600 16px/1.5 system-ui;text-decoration:none}.lore-welcome-game a:focus-visible{outline:3px solid white;outline-offset:3px}