/* Individual landscape paintings, with a separate paper layer for reading. */
.scenic-page{position:relative;isolation:isolate;background:#f6f3e9;min-height:100svh}
.scene-search{--scene:url('../assets/search-scene-v1.webp')}
.scene-chat{--scene:url('../assets/chat-scene-v1.webp')}
.scene-games{--scene:url('../assets/games-scene-v1.webp')}
.scene-naming{--scene:url('../assets/naming-scene-v1.webp')}
.scenic-page::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,rgba(246,243,233,.05),rgba(246,243,233,.08) 65%,rgba(246,243,233,.35)),var(--scene);background-position:center;background-size:cover;background-repeat:no-repeat}
.scenic-page .nav{background:rgba(248,246,238,.94)}
.scenic-page .search-header,.scenic-page .page-header{padding-top:60px;padding-bottom:38px;min-height:235px}
.scenic-page .section-title,.scenic-page .section-subtitle,.scenic-page .naming-heading{text-shadow:0 1px 12px #f8f5ed,0 0 24px #f8f5ed}
.scenic-page .hot-tag{background:rgba(250,248,242,.9)}
.scenic-page .results-area{padding-top:20px}
.scenic-page .results-info{display:table;padding:5px 12px;background:rgba(250,248,242,.94);border-radius:3px}
.scenic-page .poem-card,.scenic-page .poet-btn,.scenic-page .game-box{background:rgba(253,251,246,.96)}
.scenic-page .poet-btn.selected{background:#e9eee3}
.scenic-page .tabs{background:rgba(249,247,240,.94);border-radius:5px 5px 0 0}
.scenic-page #poetSelection>.section-title{display:table;background:rgba(249,247,240,.92);padding:6px 14px;border-radius:3px}
.scenic-page .empty{background:rgba(249,247,240,.94);border-radius:6px}
.scenic-page .naming-page{padding-top:54px}
.scenic-page .naming-heading{margin-bottom:38px;min-height:140px}
.scenic-page .naming-controls{padding:24px;background:rgba(251,249,243,.96);border:1px solid var(--border);border-radius:5px}
.scenic-page .result-summary,.scenic-page .status-line,.scenic-page .catalog-note{background:rgba(249,247,240,.94);padding:6px 12px;border-radius:3px}
.scenic-page .status-line:empty{background:none;padding:0;min-height:12px}
.scenic-page .name-results{background:rgba(252,250,245,.96);padding:0 26px;border-radius:5px}
.scenic-page .footer{background:rgba(249,247,240,.93);margin-top:24px}
@media(max-width:960px){.scenic-page::before{background-position:64% center}.scenic-page .naming-controls{padding:20px}.scenic-page .search-header,.scenic-page .page-header{padding-top:42px;min-height:210px}}
@media(max-width:720px){
 .scenic-page::before{background-size:auto 760px;background-position:70% 40px;background-color:#f6f3e9}
 .scene-chat::before{background-position:85% 40px}
 .scene-games::before{background-position:85% 40px}
 .scene-naming::before{background-position:12% 40px}
 .scenic-page .search-header,.scenic-page .page-header{padding-top:38px;padding-bottom:25px;min-height:205px}
 .scenic-page .naming-page{padding-top:36px}
 .scenic-page .naming-heading{min-height:170px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center}
 .scenic-page .naming-heading p{background:rgba(249,247,240,.8);border-radius:3px}
 .scenic-page .naming-controls{padding:18px 14px}
 .scenic-page .name-results{padding-inline:18px}
 .scenic-page .result-summary{gap:5px;font-size:13px}
 .scenic-page .tabs{margin-bottom:28px}
 .scenic-page .search-bar button{padding-inline:20px}
}