/* A real orientation gate. No 90-degree transforms, distorted canvases or fake joysticks. */
html.taht-landscape[data-game-orientation=portrait] body>*:not(#taht-orientation) {visibility:hidden!important;pointer-events:none!important}
html.taht-landscape[data-game-orientation=portrait],html.taht-landscape[data-game-orientation=portrait] body {background:#071e28!important}
#taht-orientation {position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:clamp(24px,7vh,70px) 28px 20px;background:radial-gradient(ellipse at 50% 20%,#174251 0,transparent 60%),#071e28;color:#f1e6cf;text-align:center;font-family:'IBM Plex Sans',sans-serif;overflow-y:auto;overscroll-behavior:contain}
#taht-orientation[open] {display:flex;flex-direction:column;align-items:center;justify-content:center}
#taht-orientation::backdrop {background:#071e28}
.orientation-mark {display:flex;gap:10px;align-items:center;color:#dabd7c;letter-spacing:.2em;font:600 25px Georgia,serif;margin-bottom:auto}
.orientation-mark img {height:37px;width:30px;object-fit:contain}
.orientation-device {position:relative;width:112px;height:63px;border:2px solid #c9ad70;border-radius:14px;margin:44px 0 22px;box-shadow:0 0 45px #c9ad7014}
.orientation-device span {position:absolute;left:7px;top:23px;height:13px;border-left:2px solid #c9ad70}
.orientation-device i {position:absolute;right:-19px;top:-29px;font:36px Georgia,serif;color:#d9bf87;font-style:normal}
.orientation-eyebrow {font-size:10px;letter-spacing:.21em;color:#d9bf87;margin:0 0 13px}
#taht-orientation h1 {font:400 clamp(26px,7vw,38px)/1.18 Georgia,serif;max-width:390px;margin:0 0 16px;outline:none}
#taht-orientation p {max-width:370px}
#taht-orientation-instruction {font-size:16px;line-height:1.6;margin:0}
#taht-orientation .orientation-detail {font-size:12px;line-height:1.7;color:#acbdc0;margin:12px 0 22px}
#taht-orientation button {min-height:48px;padding:12px 25px;border:1px solid #c9ad70;border-radius:8px;background:#d8bd82;color:#122d37;font:600 14px 'IBM Plex Sans',sans-serif;cursor:pointer}
#taht-orientation button:disabled {opacity:.6}
#taht-orientation button:focus-visible,#taht-orientation a:focus-visible {outline:3px solid #f3dfb3;outline-offset:4px}
#taht-orientation .orientation-status {font-size:12px;line-height:1.6;color:#d4c399;min-height:18px;margin:12px 0 18px}
#taht-orientation footer {position:static;display:block;margin-top:auto;background:none;border:0;color:#aebfbd;font-size:10px;padding-top:24px}
#taht-orientation footer p {margin:3px 0}
#taht-orientation footer nav {display:flex;justify-content:center;gap:20px;margin:6px 0}
#taht-orientation footer a {display:inline-flex;align-items:center;min-height:44px;color:#d5c49c;text-decoration:none;font-size:12px}
#taht-orientation footer small {font-size:9px}