/* SECTION 01: MOBILE HEADER */
#header-rectangle{height:64px;}
#header-group{padding:0 12px;gap:10px;}
.header-label{font-size:11px;}
.header-value{font-size:16px;}

/* SECTION 02: MOBILE FOOTER */
#footer-rectangle{height:64px;}
#footer-container{padding:0 12px;gap:8px;}
.footer-button{padding:6px 10px;font-size:13px;}
#footer-center{font-size:14px;}

/* SECTION 03: MOBILE LAYOUT */
#riddle-area-wrapper{margin-top:64px;margin-bottom:64px;padding:10px;}

/* SECTION 04: MOBILE MODAL SIZE */
.modal .modal-content{width:100%;max-width:100%;height:auto;max-height:80vh;padding:14px 12px;border-radius:10px;}

/* SECTION 05: MOBILE QUESTION AREA */
#riddle-question-container{max-height:40vh;}
#riddle-question{font-size:16px;}

/* SECTION 06: MOBILE ROWS / STACKING */
#riddle-answer-row{flex-direction:column;align-items:stretch;gap:6px;}
#riddle-aux-button-row{flex-direction:row;gap:6px;}
#riddle-hint-btn,#riddle-next-btn,#riddle-submit-answer-btn{flex:1;text-align:center;}

/* SECTION 07: MOBILE TEXT / SPACING */
#riddle-daily-info{flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;}
#modal-title{font-size:18px;}
#riddle-feedback-message{font-size:13px;}

/* SECTION 08: MOBILE DISABLED OVERLAY */
.disabled-overlay{z-index:40;}