/* Shared spacing leaves room for focus rings, long names and scaled text. */
.tay-logo{background:none;padding:0;flex-shrink:0}.tay-logo img{display:block;width:100%;height:100%;border-radius:10px}
.auth-brand-mark{width:64px;height:64px;display:block;margin:0 auto 20px}.loading-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:22px}.loading-logo img{width:46px;height:46px}
.feature-scroll,.scroll-panel-body,.rooms-container,.chat-list,.stage-body{scrollbar-gutter:stable;scroll-padding:18px;padding-bottom:24px}
.feature-scroll>:last-child,.scroll-panel-body>:last-child{margin-bottom:8px}
.feature-heading>div,.panel-head>span,.setting-info,.shop-card-body,.social-user-info,.trade-offer>div{min-width:0;overflow-wrap:anywhere}
.feature-heading>.btn-modern,.panel-head>button{flex-shrink:0}
.feature-card,.game-feature,.shop-item-card,.trophy-card,.stat-card{min-width:0}
.feature-card h3,.game-feature h2,.shop-card-body h3,.trophy-card h3{overflow-wrap:anywhere;line-height:1.35}
.feature-card button,.game-feature button,.trade-compose button{white-space:normal;line-height:1.4;min-height:40px}
.feature-card .btn-modern,.game-feature .btn-modern{margin-top:auto}
.social-room-controls,.dock-controls,.profile-actions,.game-actions,.shop-filters{gap:10px;flex-wrap:wrap}
.setting-row{gap:18px}.setting-row .toggle-switch{flex-shrink:0}
#tab-ajustes .power-panel,#tab-ajustes .tay-update-panel{flex-shrink:0;width:100%;box-sizing:border-box}
.social-dialog,.feature-dialog{padding:24px;scroll-padding:20px;max-height:calc(100dvh - 40px)}
.social-dialog .feature-heading,.feature-dialog .feature-heading{margin-top:0;gap:16px}
.section-view.active .feature-scroll,.section-view.active .scroll-panel-body{overscroll-behavior:contain}
.screen-panel{box-sizing:border-box;min-width:0;flex-shrink:0;padding:16px 4px;margin-top:20px}
.screen-quality-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 18px;font-size:12px}
.screen-quality-row>span{color:var(--text-dim);line-height:1.6;flex:1 1 160px}
.screen-quality-row .tay-select{max-width:100%}
.screen-row{padding:12px;background:var(--surface-soft);border:1px solid var(--ui-line);border-radius:12px;flex-wrap:wrap;gap:12px}
.screen-row>span{flex:1 1 140px}.screen-row>button{flex-shrink:0}
#screen-viewer{padding:14px;border:1px solid var(--ui-line);border-radius:14px;margin-top:14px;min-width:0}
#screen-receive-state{font-size:12px;color:var(--text-dim);line-height:1.6;margin:12px 0}
#screen-video{display:block;aspect-ratio:16/9;min-height:140px;object-fit:contain;max-height:min(65vh,720px);background:#080b14}
#screen-preview-panel{margin-top:14px;font-size:12px;line-height:1.6;color:var(--text-dim)}
#screen-preview{display:block;max-width:100%;width:320px;aspect-ratio:16/9;object-fit:contain;background:#080b14;border-radius:10px;margin-top:12px}
#screen-sources{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));padding:4px}
.screen-source{transition:border-color .16s,background .16s}.screen-source:hover{background:#c4a2ef16}.screen-source:focus-visible{outline-offset:1px}
@media(max-width:1100px){.voice-layout{grid-template-columns:200px minmax(0,1fr)}.speaker-grid{gap:14px}.voice-dock{padding:14px}.dock-controls{gap:8px}}
@media(max-width:700px){.feature-scroll,.scroll-panel-body,.stage-body{padding:16px}.feature-heading{gap:14px;margin-bottom:18px}.feature-heading>div{flex:1 1 180px}.social-dialog,.feature-dialog{padding:18px}.screen-panel{padding:12px 0}.screen-quality-row>span{flex-basis:100%}.screen-row .btn-modern{min-height:40px}.home-banner>div:first-child{min-width:0}.screen-panel .feature-heading>button{width:100%}}
@media(prefers-reduced-motion:reduce){.screen-source{transition:none}}