/* SECTION 01: RESET */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;font-family:Arial,Helvetica,sans-serif;color:#fff;}

/* SECTION 02: BACKGROUND VIDEO */
#background-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1;}

/* SECTION 03: PAGE LAYOUT */
body{display:flex;flex-direction:column;background:#000;overflow:hidden;}

/* SECTION 04: HEADER (FIXED TOP) */
/* intentionally blank – no header on Riddle Realm */

/* SECTION 05: HEADER BLOCKS */
/* intentionally blank – no header blocks on Riddle Realm */

/* SECTION 06: HEADER BUTTONS */
/* intentionally blank – no header buttons on Riddle Realm */

/* SECTION 07: SAFE-AREA WRAPPER */
#riddle-area-wrapper{flex:1;margin:0;display:flex;align-items:center;justify-content:center;padding:20px;}

/* SECTION 08: FOOTER (FIXED BOTTOM) */
/* intentionally blank – no footer on Riddle Realm */

/* SECTION 09: FOOTER BUTTONS */
/* intentionally blank – no footer buttons on Riddle Realm */

/* SECTION 10: CENTER FOOTER TEXT */
/* intentionally blank – no footer center text on Riddle Realm */

/* SECTION 11: MODE TOGGLE BUTTONS */
.mode-toggle-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background 0.2s;}
.mode-toggle-btn:hover{background:rgba(255,255,255,0.2);}
.mode-toggle-btn.is-active{background:rgba(255,255,255,0.35);border-color:#fff;}

/* SECTION 12: INPUTS + BUTTONS */
input[type="text"]{padding:10px 12px;font-size:16px;border-radius:6px;border:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.5);color:#fff;outline:none;}
input[type="text"]::placeholder{color:#ccc;}
button{cursor:pointer;}

/* SECTION 13: VISUALLY HIDDEN */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;}

/* SECTION 14: DISABLED OVERLAY */
.disabled-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:50;display:none;}

/* SECTION 15: UTILITY CLASSES */
.text-center{text-align:center;}
.hidden{display:none;}

/* SECTION 16: PLACEHOLDER – ADDITIONAL LAYOUT */
/* intentionally blank */

/* SECTION 17: PLACEHOLDER – HEADER EXTRAS */
/* intentionally blank */

/* SECTION 18: PLACEHOLDER – FOOTER EXTRAS */
/* intentionally blank */

/* SECTION 19: PLACEHOLDER – BUTTON EXTRAS */
/* intentionally blank */

/* SECTION 20: PLACEHOLDER – RIDDLE REALM SPECIFIC */
/* intentionally blank */