:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.catan-app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:#0f172a;color:#f8fafc;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);box-sizing:border-box;overscroll-behavior:none}.catan-header{padding:10px 16px;border-bottom:1px solid #1e293b;background-color:#1e293b;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.catan-main{display:flex;flex:1;padding:12px;gap:16px;justify-content:center;align-items:flex-start;box-sizing:border-box}.catan-board-panel{background-color:#1e293b;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px -1px #0000004d;flex:1;max-width:900px;width:100%;box-sizing:border-box}.catan-sidebar{width:380px;display:flex;flex-direction:column;gap:14px}.mobile-nav-tabs,.mobile-header-menu-btn{display:none}.catan-players-dashboard{display:grid;width:100%;box-sizing:border-box;background-color:#0b1329;border-bottom:1px solid #1e293b;padding:6px 8px;gap:4px}.catan-dashboard-card{transition:all .2s ease;min-width:0}.catan-dashboard-card.active-card{background-color:#1e293b!important}.catan-ticker-banner{background-color:#1e293b;border-bottom:1px solid #334155;padding:4px 12px;font-size:.8rem;color:#94a3b8;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:960px){.catan-header{padding:8px 12px}.desktop-header-controls{display:none!important}.mobile-header-menu-btn{display:flex!important}.catan-header-title h1{font-size:1rem!important}.catan-header-title p{display:none}.catan-main{flex-direction:column;padding:6px;gap:8px;align-items:stretch}.catan-board-panel{padding:6px;max-width:100%;display:flex!important}.catan-sidebar{width:100%;gap:8px}.mobile-nav-tabs{display:flex;position:sticky;top:0;z-index:40;background-color:#0f172a;padding:4px 0 6px;gap:6px}.mobile-tab-btn{flex:1;padding:6px 4px;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;background-color:#1e293b;color:#94a3b8;transition:all .2s}.mobile-tab-btn.active{background-color:#38bdf8;color:#0f172a}.sidebar-section-hidden-mobile{display:none!important}}