/* R3 full-viewport key art. Portrait controls sit in the horizon gap; the master PNG stays unchanged. */
body #title-screen[data-art-master="r3"]{height:100svh;min-height:100svh;position:relative;display:block;padding:0;overflow:hidden;background:var(--c-night-0);--title-glass:rgba(12,29,34,.87);--title-line:rgba(210,181,115,.42);--title-ink:#f3ead5;--title-accent:#e4bd73}
.title-master-stage{z-index:0;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.title-master-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;image-rendering:auto;pointer-events:none}
body #title-screen[data-art-master="r3"] .title-master-stage:after{content:'';position:absolute;inset:0;background:rgba(5,12,18,.18);pointer-events:none}
body #title-screen[data-art-master="r3"] .title-content{z-index:1;position:absolute;left:max(24px,var(--safe-left,0px));top:clamp(16px,20svh,220px);width:calc(280px / var(--ui-scale,1));display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"logo title" "menu menu" "version version";align-items:center;gap:10px;padding:16px;text-align:center;color:var(--title-ink);background:linear-gradient(135deg,rgba(11,25,30,.94),rgba(13,27,32,.76));border:1px solid var(--title-line);border-radius:10px;box-shadow:0 12px 32px #0005;backdrop-filter:blur(5px)}
body #title-screen[data-art-master="r3"] .title-logo{grid-area:logo;width:36px;height:42px;margin:0;filter:none}
body #title-screen[data-art-master="r3"] .title-eyebrow{display:none}
body #title-screen[data-art-master="r3"] h1{grid-area:title;font-size:var(--fs-2xl);line-height:1.02;letter-spacing:1px;margin:0;color:var(--title-ink);text-shadow:0 2px 4px #0009}
body #title-screen[data-art-master="r3"] h1 span{color:var(--title-accent);letter-spacing:5px}
body #title-screen[data-art-master="r3"] .title-menu{grid-area:menu;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;gap:7px;margin:0}
body #title-screen[data-art-master="r3"] .title-menu button{grid-column:auto;min-height:max(44px,calc(44px / var(--ui-scale,1)));padding:7px 8px;font-size:var(--fs-s);background:var(--title-glass);color:var(--title-ink);border:1px solid var(--title-line);border-radius:6px;box-shadow:none;letter-spacing:.3px}
body #title-screen[data-art-master="r3"] .title-menu button:hover{background:#23434a;border-color:var(--title-accent)}
body #title-screen[data-art-master="r3"] .title-menu button:focus-visible{outline:2px solid #fff1c6;outline-offset:3px}
body #title-screen[data-art-master="r3"] .title-menu .primary{grid-column:span 2;background:linear-gradient(180deg,#efd29a,#d6ad62);color:#182126;font-size:var(--fs-m);font-weight:700;border-color:#f5dfb1}
body #title-screen[data-art-master="r3"] .title-menu .primary:hover{background:#f2d9aa}
body #title-screen[data-art-master="r3"] .title-menu .title-news{grid-column:span 2}
body #title-screen[data-art-master="r3"] .title-menu .title-news img{width:24px;height:24px}
body #title-screen[data-art-master="r3"] .title-version{grid-area:version;margin:0;color:#d9cba9;letter-spacing:1px;font-size:var(--fs-xs);text-shadow:0 1px 3px #000}
body #title-screen[data-art-master="r3"] .title-legal{z-index:1;position:absolute;left:auto;right:max(8px,var(--safe-right,0px));top:max(8px,var(--safe-top,0px));bottom:auto;width:44px;height:44px;padding:0}
body #title-screen[data-art-master="r3"] .title-legal .legal-line{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:0;padding:0;color:#efe6d0;background:rgba(9,20,25,.82)!important;border:1px solid var(--title-line)!important;text-decoration:none;border-radius:6px}
body #title-screen[data-art-master="r3"] .title-legal .legal-line:before{content:'ⓘ';font-size:22px;line-height:1}
@media(max-height:520px) and (orientation:landscape){
 body #title-screen[data-art-master="r3"] .title-content{left:12px;top:12px;width:calc(216px / var(--ui-scale,1));grid-template-columns:24px minmax(0,1fr);gap:5px;padding:9px}
 body #title-screen[data-art-master="r3"] .title-logo{width:24px;height:28px}
 body #title-screen[data-art-master="r3"] h1{font-size:var(--fs-m);line-height:1;letter-spacing:0}
 body #title-screen[data-art-master="r3"] h1 span{letter-spacing:2px}
 body #title-screen[data-art-master="r3"] .title-menu{gap:5px}
 body #title-screen[data-art-master="r3"] .title-menu button{padding:5px}
 body #title-screen[data-art-master="r3"] .title-version{font-size:var(--fs-xs)}
}
@media(orientation:portrait){
 body #title-screen[data-art-master="r3"] .title-content{left:calc(max(16px,(100vw - 360px) / 2) / var(--ui-scale,1));top:calc((64.3svh - 22px) / var(--ui-scale,1));width:min(calc((100vw - 32px) / var(--ui-scale,1)),calc(360px / var(--ui-scale,1)));grid-template-columns:28px minmax(0,1fr);grid-template-areas:"logo menu";gap:7px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;backdrop-filter:none}
 body #title-screen[data-art-master="r3"] .title-logo{width:28px;height:32px;filter:drop-shadow(0 1px 3px #000)}
 body #title-screen[data-art-master="r3"] h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body #title-screen[data-art-master="r3"] .title-menu{grid-template-columns:minmax(70px,1fr) repeat(3,calc(44px / var(--ui-scale,1)));gap:5px}
 body #title-screen[data-art-master="r3"] .title-menu button{height:calc(44px / var(--ui-scale,1));min-height:calc(44px / var(--ui-scale,1));padding:5px;border-color:rgba(228,189,115,.62)}
 body #title-screen[data-art-master="r3"] .title-menu .primary,body #title-screen[data-art-master="r3"] .title-menu .title-news{grid-column:auto}
 body #title-screen[data-art-master="r3"] #title-settings{font-size:0}
 body #title-screen[data-art-master="r3"] #title-settings:before{content:'⚙';font-size:22px;line-height:1}
 body #title-screen[data-art-master="r3"] #title-lang .title-lang-label>span:last-child,body #title-screen[data-art-master="r3"] #title-lang small,body #title-screen[data-art-master="r3"] .title-news>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body #title-screen[data-art-master="r3"] #title-lang .title-lang-label{font-size:20px}
 body #title-screen[data-art-master="r3"] .title-menu .title-news img{width:24px;height:24px}
 body #title-screen[data-art-master="r3"] .title-version{position:fixed;left:12px;bottom:calc(8px + var(--safe-bottom,0px));font-size:10px;color:#f5e8ca;background:#0b1929a6;padding:2px 5px;border-radius:3px}
 body #title-screen[data-art-master="r3"] .title-legal{left:auto;right:max(8px,var(--safe-right,0px));top:max(8px,var(--safe-top,0px));bottom:auto;width:44px;height:44px}
 body #title-screen[data-art-master="r3"] .title-legal .legal-line{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:0;padding:0;border:1px solid var(--title-line)!important;text-decoration:none;border-radius:6px}
 body #title-screen[data-art-master="r3"] .title-legal .legal-line:before{content:'ⓘ';font-size:22px;line-height:1}
}