#start-tips{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:650px;max-width:calc(100vw - 48px);padding:15px 16px 15px 20px;display:flex;align-items:center;gap:18px;background:#fffcf0ee;border:1px solid #fffef3;border-radius:12px;box-shadow:0 8px 28px #294a3f18;backdrop-filter:blur(8px);z-index:5}
.start-tip-copy{flex:1;min-width:0}
.start-tip-label{display:block;margin-bottom:5px;font-size:11px;font-weight:700;letter-spacing:1.7px;color:#8b7548}
#start-tip-text{margin:0;font-size:16px;line-height:1.5;color:#385441;min-height:48px;display:flex;align-items:center}
#next-tip{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#e9eedc;color:#3b5945;font-size:23px}
.playing #start-tips,.cinematic #start-tips{display:none}
@media(max-width:1100px){body:not(.playing) #world-label{display:none}}
@media(max-width:900px){body:not(.playing) #view-controls{display:none}}
@media(max-width:760px){#start-tips{bottom:16px;max-width:calc(100vw - 32px);padding:12px 14px;gap:12px}#start-tip-text{font-size:14px;min-height:63px}body:not(.playing) #welcome{max-width:calc(100vw - 50px);max-height:calc(100dvh - 300px);overflow-y:auto;padding-right:5px;padding-bottom:6px}}
@media(max-height:700px) and (min-width:761px){body:not(.playing) #welcome{max-height:calc(100dvh - 260px);overflow-y:auto;padding-right:8px;padding-bottom:8px}}