:root{--theme-body-bg: #f5deb3;--theme-body-text: #2c1810;--theme-heading-color: #8b5a2b;--theme-link-color: #2980b9;--theme-header-bg: #5C4033;--theme-header-text: #FAEBD7;--theme-header-accent: #F1C40F}:root[data-theme=caverns]{--theme-body-bg: #dbe9f5;--theme-body-text: #0d1f2c;--theme-heading-color: #1565C0;--theme-link-color: #00838F;--theme-header-bg: #0D3B66;--theme-header-text: #E3F2FD;--theme-header-accent: #7EC8E3}:root[data-theme=peak]{--theme-body-bg: #f5cba7;--theme-body-text: #3B1F0D;--theme-heading-color: #B71C1C;--theme-link-color: #E65100;--theme-header-bg: #6D1B16;--theme-header-text: #FFF3E0;--theme-header-accent: #FF7043}:root[data-theme=night]{--theme-body-bg: #1a100b;--theme-body-text: #E8D9C1;--theme-heading-color: #F1C40F;--theme-link-color: #7EC8E3;--theme-header-bg: #2E1810;--theme-header-text: #F1C40F;--theme-header-accent: #F1C40F}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Georgia,Times New Roman,Palatino Linotype,serif;background-color:var(--theme-body-bg);color:var(--theme-body-text);line-height:1.6;min-height:100vh;transition:background-color .35s ease,color .35s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Georgia,Palatino Linotype,serif;font-weight:700;color:var(--theme-heading-color)}a{color:var(--theme-link-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}ul,ol{list-style:none}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}canvas{max-width:100%;height:auto!important;display:block}.board-container{width:100%!important;max-width:680px;aspect-ratio:1 / 1;margin:0 auto}main{width:100%;max-width:100vw;padding:16px}.match-layout{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:16px}.match-board-column{flex:1 1 680px;min-width:320px;max-width:680px;display:flex;flex-direction:column;align-items:center}.match-side-column{flex:1 1 320px;min-width:280px;max-width:360px;display:flex;flex-direction:column;gap:16px}@media (max-width: 1024px){.match-layout{flex-direction:column;align-items:center}.match-board-column{flex:none;width:100%;max-width:680px}.match-side-column{width:100%;max-width:680px;flex:none;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch}.match-side-column>*{flex:1 1 220px;min-width:0}}@media (max-width: 767px){main{padding:12px 8px}.match-layout{padding:8px;gap:12px}.match-bottom-bar{position:sticky;bottom:0;background:wheat;padding:10px 12px;border-top:2px solid #d4a574;z-index:50;width:100%}.header-nav-desktop{display:none!important}.header-hamburger{display:block!important}.home-buttons{flex-direction:column!important;width:100%;max-width:360px;margin:0 auto}.home-buttons button,.home-buttons a{width:100%!important}.home-title{font-size:2.2rem!important}.home-subtitle{font-size:1rem!important;padding:0 8px}.auth-card{max-width:none!important;margin:0 8px}.auth-card form{padding:20px 16px 16px!important}.quest-card{width:100%!important;max-width:none!important}.quest-env-header{width:100%!important}.profile-page{padding:16px 8px!important}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}.match-side-column{flex-direction:column;flex-wrap:nowrap}.match-side-column>*{flex:1 1 auto;width:100%}.match-tabs{display:flex!important;width:100%}.match-tabs button{flex:1}.turn-indicator{font-size:.9rem!important;padding:6px 12px!important}.emote-tray button{font-size:1.5rem!important}}@media (max-width: 480px){main{padding:8px 4px}.match-layout{padding:4px;gap:8px}.home-title{font-size:1.8rem!important}h2{font-size:1.4rem}}header,.app-header{width:100%;padding:12px 16px}@media (max-width: 767px){header,.app-header{padding:10px 12px}}@media (max-width: 600px){.chapter-banner{padding:10px 14px!important;border-radius:12px!important}.chapter-banner-title{font-size:1.15rem!important}.chapter-banner-body{font-size:.95rem!important;line-height:1.4!important;margin-bottom:8px!important}.chapter-banner-eyebrow{font-size:.7rem!important;padding:2px 8px!important}.chapter-banner-goal{font-size:.88rem!important;padding:5px 12px!important}}@media (max-height: 800px){.chapter-banner{padding:10px 18px!important}.chapter-banner-title{font-size:1.25rem!important}.chapter-banner-body{font-size:.98rem!important;line-height:1.4!important;margin-bottom:8px!important}.chapter-banner-goal{font-size:.9rem!important;padding:5px 14px!important}}*{max-width:100%}