/* Standalone art reference. Namespace retained to avoid touching unrelated UI. */
:root{--rotate-cream:#f3e9d8;--rotate-gold:#d2b779;--rotate-muted:#b0beb4;--rotate-bg:#101e21}
.rotate-screen,.rotate-screen *{box-sizing:border-box}
.rotate-screen{position:fixed;inset:0;z-index:1000;overflow:auto;color:var(--rotate-cream);font-family:Georgia,'Times New Roman',serif;isolation:isolate;overscroll-behavior:contain}
.rotate-screen[hidden]{display:none}
.rotate-screen__background{background-color:#101e21;position:fixed;inset:0;background-image:linear-gradient(180deg,rgba(10,22,28,.18) 0%,rgba(8,19,24,.48) 48%,rgba(7,17,21,.9) 100%),url('menu_bg.webp');background-size:cover;background-position:center,26% center;z-index:-2}
.rotate-screen__background:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 12%,rgba(5,15,20,.38) 100%)}
.rotate-screen__layout{min-height:100svh;min-height:100dvh;max-width:520px;margin:auto;display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding:calc(env(safe-area-inset-top,0px) + 32px) 22px calc(env(safe-area-inset-bottom,0px) + 24px)}
.rotate-screen__brand{text-align:center;text-shadow:0 2px 8px #09151e}
.rotate-screen__brand-name{font-size:34px;font-weight:400;letter-spacing:-.8px;line-height:1.05;margin:0;color:#f1dfaf}
.rotate-screen__brand-subtitle{font-size:11px;letter-spacing:4px;margin:10px 0 0;color:#dbc087}
.rotate-screen__brand-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px;color:#b79c61;font-size:8px}
.rotate-screen__brand-rule:before,.rotate-screen__brand-rule:after{content:'';width:50px;height:1px;background:#a48c5959}
.rotate-screen__middle{display:flex;align-items:center;justify-content:center}
.rotate-screen__card{width:100%;max-width:390px;position:relative;text-align:center;padding:30px 25px 35px;filter:drop-shadow(0 10px 22px #07111688);background:url('menu_panel.png') 0 0/100% 100%;}
.rotate-screen__eyebrow{font:10px/1.4 system-ui,sans-serif;letter-spacing:2.8px;margin:0;color:#b5bca4}
.rotate-screen__illustration{display:block;width:100%;max-width:262px;height:auto;aspect-ratio:4/3;object-fit:contain;margin:16px auto 7px}
.rotate-screen__title{font-size:clamp(27px,7.6vw,32px);font-weight:400;line-height:1.18;letter-spacing:-.3px;margin:0;color:#f1dfaf;text-wrap:balance}
.rotate-screen__description{font-size:16px;line-height:1.55;max-width:270px;margin:17px auto 0;color:#c7d0c5;text-wrap:balance}
.rotate-screen__divider{height:1px;background:linear-gradient(90deg,transparent,#a18c5755,transparent);margin:23px 7px 20px}
.rotate-screen__status{display:flex;gap:8px;align-items:flex-start;justify-content:center;max-width:260px;margin:auto;font:12px/1.55 system-ui,sans-serif;color:#aab9b0;text-wrap:balance}
.rotate-screen__status-dot{width:5px;height:5px;flex:0 0 5px;background:#d2b779;border-radius:50%;margin-top:7px}
.rotate-screen__footer{text-align:center;padding-bottom:2px}
.rotate-screen__factions{display:flex;justify-content:center;align-items:center;gap:12px;font:10px system-ui,sans-serif;letter-spacing:1.8px;color:#b6c3bd}
.rotate-screen__factions img{width:22px;height:22px;object-fit:contain}
.rotate-screen__factions span{color:#b3985e;font:12px Georgia}
.rotate-screen__footer p{font-size:12px;color:#91a69e;margin:12px 0 0;letter-spacing:.2px}
@media(max-width:350px){.rotate-screen__layout{padding-left:14px;padding-right:14px}.rotate-screen__card{padding-left:20px;padding-right:20px}.rotate-screen__illustration{max-width:224px}.rotate-screen__description{font-size:15px}.rotate-screen__brand-name{font-size:30px}}
@media(max-height:710px){.rotate-screen__layout{gap:14px;padding-top:calc(env(safe-area-inset-top,0px) + 20px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.rotate-screen__brand-name{font-size:28px}.rotate-screen__brand-subtitle{font-size:9px;margin-top:7px}.rotate-screen__brand-rule{margin-top:10px}.rotate-screen__card{padding-top:23px;padding-bottom:26px}.rotate-screen__illustration{max-width:202px;margin-top:7px;margin-bottom:4px}.rotate-screen__title{font-size:27px}.rotate-screen__description{margin-top:12px;font-size:15px}.rotate-screen__divider{margin:16px 7px 13px}.rotate-screen__footer p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.rotate-screen *{animation:none!important;transition:none!important}}
/* Production visibility should use the game's existing mobile portrait gate.
   Do not hide this reference automatically in landscape: the standalone HTML
   uses ?gate=1 when testing integration behavior. See ROTATE_DEVELOPER_PROMPT.txt. */

/* Official supplied RuneGambit wordmark; preserve its transparency and aspect ratio. */
.rotate-screen__logo{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;filter:drop-shadow(0 3px 5px #0009)}
@media(max-height:710px){.rotate-screen__logo{max-width:246px}}