/* Series title presentation: adopted illustration; HTML text remains readable. */
#titleScreen{
 background-color:#071520;
 background-image:linear-gradient(90deg,rgba(5,17,27,.87) 0%,rgba(5,17,27,.76) 30%,rgba(5,17,27,.32) 56%,rgba(5,17,27,.06) 78%,rgba(5,17,27,.12) 100%),url("assets/hall-window-night-v2.webp");
 background-size:cover;
 background-position:center 12%;
 background-repeat:no-repeat;
}
#titleScreen .title-content{background:transparent}
#titleScreen h1,#titleScreen .series{ text-shadow:0 2px 10px rgba(0,0,0,.65) }
@media(orientation:landscape) and (min-height:601px) and (max-height:780px){
 #titleScreen .title-content{padding-block:14px}
 #titleScreen h1{font-size:clamp(34px,4vw,52px);line-height:1.35}
 #titleScreen .series{margin:4px 0}
 #titleScreen .rule{margin:10px 0}
 #titleScreen .chapter{margin:10px 0 14px}
 #titleScreen .help{line-height:1.5;margin-top:6px}
 #titleScreen .title-links{margin-top:6px}
}
@media(orientation:portrait){
 #titleScreen{
  background-image:linear-gradient(180deg,rgba(5,17,27,.76),rgba(5,17,27,.52) 48%,rgba(5,17,27,.78)),url("assets/hall-window-night-v2.webp");
  background-position:98% center;
 }
}

/* Public site return bar and save notice: keep all title actions in small portrait views. */
@media(orientation:portrait) and (max-height:720px){#titleScreen .title-content{padding:8px 8%;justify-content:center}#titleScreen h1{font-size:28px;line-height:1.3}#titleScreen .series{font-size:16px;margin:2px 0}#titleScreen .eyebrow{font-size:9px;margin:3px 0}#titleScreen .rule{margin:7px 0}#titleScreen .chapter{font-size:11px;line-height:1.5;margin:6px 0 9px}#titleScreen .title-menu{gap:7px}#titleScreen .title-menu button{font-size:18px;padding:8px 12px}#titleScreen .help,#titleScreen #loadInfo{font-size:9px;line-height:1.5;margin-top:5px}#titleScreen .lakeside-save-note{font-size:9px;line-height:1.5;margin:5px 0}#titleScreen .title-links{font-size:10px;margin-top:6px}}

@media(orientation:landscape) and (min-height:601px) and (max-height:780px){#titleScreen{background-position:center 8%}#titleScreen .title-content{padding:8px 5vw 8px 7vw}#titleScreen h1{font-size:42px;line-height:1.3}#titleScreen .series{font-size:18px;margin:3px 0}#titleScreen .eyebrow{margin:3px 0}#titleScreen .rule{margin:8px 0}#titleScreen .chapter{font-size:13px;line-height:1.5;margin:6px 0 10px}#titleScreen .title-menu button{font-size:18px;padding:9px 15px}#titleScreen .help,#titleScreen #loadInfo{font-size:10px;line-height:1.5;margin-top:6px}#titleScreen .lakeside-save-note{font-size:10px;line-height:1.4;margin:5px 0}#titleScreen .title-links{font-size:10px;margin-top:7px}}