/* Community app layout; never loaded on the public landingpage. */
.caral-app .arena-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 12px}
.caral-app .arena-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#0b1523;padding:4px;border:1px solid #49617d;border-radius:14px;margin:0 0 14px}
.caral-app .arena-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;color:#c7d4e5;border-radius:10px;text-align:center;font-size:14px;font-weight:700}
.caral-app .arena-tabs a[aria-current]{background:#eac17d;color:#15171d}
.caral-app .arena-info,.caral-app .quartett-rules{margin:20px 0;padding:14px;border:1px solid #49617d;border-radius:14px}
.caral-app summary{cursor:pointer;min-height:44px;align-content:center}
.caral-app .battle-more{border-top:1px solid #49617d;margin-top:12px;font-size:14px}
.caral-app .arena-quartett{display:inline-block;padding:12px 0}
.caral-app .quartett-ready{display:flex;align-items:flex-start;gap:10px;font-size:14px}
.caral-app .quartett-ready input{flex:0 0 20px;width:20px;height:20px;margin-top:2px}
.caral-app .quartett-lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.caral-app .quartett-lobby-actions>div{min-width:0;padding:18px;border:1px solid #49617d;border-radius:16px;background:#101b2b}
.caral-app .quartett-lobby-actions h2{font-size:22px;margin:0 0 10px}
.caral-app .quartett-lobby-actions p{font-size:14px;margin:8px 0}
.caral-app .quartett-lobby-actions form{margin:0}
.caral-app .quartett-lobby-actions select{width:100%;min-width:0}
.caral-app .quartett-lobby-actions .button{width:100%;margin:8px 0}
.caral-app .quartett-current{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.caral-app .arena-page .module-heading{padding:10px 0;margin-bottom:16px}
.caral-app .arena-page .module-heading:before{display:none}
.caral-app .arena-page .module-heading h1{font-size:40px;margin:0}
.caral-app .arena-page .module-heading #kicker{display:none}
.caral-app .arena-page .module-heading #subtitle{margin:5px 0}
.caral-app :focus-visible{outline:3px solid #83cfff;outline-offset:3px}
@media(max-width:760px){
 html.caral-app body{padding-top:62px;padding-bottom:calc(74px + env(safe-area-inset-bottom))}
 .caral-app .global-header{height:60px;min-height:60px;padding:6px 12px;gap:8px}
 .caral-app .global-brand{font-size:21px;gap:6px}
 .caral-app .global-brand img{width:29px}
 .caral-app .global-header :is(button,.global-news,.ssr-navigation summary){min-height:44px;padding:8px 10px;font-size:12px}
 .caral-app .global-bottom{padding:4px 4px max(4px,env(safe-area-inset-bottom))}
 .caral-app .global-bottom :is(a,button){min-height:44px;padding:10px 2px}
 .caral-app .ssr-bottom-menu summary{padding:10px 2px}
 .caral-app .global-header .ssr-menu{top:60px}
 .caral-app .global-back{display:none}
 .caral-app .caral-breadcrumbs{margin:0 0 8px;font-size:12px;line-height:1.4}
 .caral-app main:is(.module-main,.section,.member-home,.season-wrap,.weekly-wrap,.scene-wrap,.outing-wrap,.convoy-wrap,.crew-wrap){padding:12px 16px 28px;margin:0 auto;max-width:100%;min-width:0}
 .caral-app main h1{font-size:30px;line-height:1.12;margin:6px 0 10px;overflow-wrap:anywhere}
 .caral-app main h2{font-size:23px;line-height:1.2}
 .caral-app main>.eyebrow,.caral-app .module-heading>.eyebrow,.caral-app .home-hero>.eyebrow{display:none}
 .caral-app .module-heading,.caral-app .home-hero{padding:0;margin:0 0 12px}
 .caral-app .module-heading:before{display:none}
 .caral-app .module-heading h1,.caral-app .arena-page .module-heading h1{font-size:30px;margin:4px 0}
 .caral-app .module-heading>p:last-child,.caral-app .home-intro{font-size:14px;line-height:1.45;margin:6px 0 10px}
 .caral-app main>.actions{gap:8px;margin:10px 0}
 .caral-app .button,.caral-app .mini-button{min-height:44px;font-size:13px;padding:10px 12px}
 .caral-app main :is(input,select,textarea){font-size:16px}
 .caral-app .arena-toolbar{gap:12px;margin:0 0 8px}
 .caral-app .arena-toolbar>.text-link{font-size:13px}
 .caral-app .arena-tabs{margin-bottom:8px}
 .caral-app .arena-tabs a{padding:6px;font-size:13px}
 .caral-app .battle-card{padding:12px;margin:8px 0;border-radius:18px}
 .caral-app .battle-card .post-meta{gap:6px;font-size:12px}
 .caral-app .duel{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:6px;margin:12px 0}
 .caral-app .duel-car{min-width:0}
 .caral-app .battle-choice{gap:7px;padding-bottom:10px;border-radius:12px;font-size:12px;min-height:44px}
 .caral-app .battle-choice img,.caral-app .battle-choice .no-photo{height:clamp(100px,18svh,160px);min-height:0;object-fit:contain}
 .caral-app .battle-choice .battle-name{font-size:15px;line-height:1.25;padding:0 5px;overflow-wrap:anywhere}
 .caral-app .battle-choice strong{font-size:12px;padding:0 4px}
 .caral-app .duel-car>.text-link{font-size:12px;min-height:44px;display:flex;align-items:center;margin:0}
 .caral-app .battle-card>p{font-size:13px;line-height:1.4;margin:8px 0}
 .caral-app .battle-more{font-size:12px;margin-top:4px}
 .caral-app .deck-controls{gap:12px;margin:10px 0}
 .caral-app .arena-info{margin:14px 0;padding:8px 12px;font-size:14px}
 .caral-app .arena-page .empty{padding:20px 12px}
 .caral-app .quartett-page>p{font-size:14px;margin:6px 0 10px}
 .caral-app #feedback:empty{display:none}
 .caral-app .quartett-lobby-actions{grid-template-columns:1fr;gap:10px}
 .caral-app .quartett-lobby-actions>div{padding:12px}
 .caral-app .quartett-lobby-actions h2{font-size:20px;margin:0 0 8px}
 .caral-app #incoming-invites h2{font-size:20px;margin:8px 0}
 .caral-app #incoming-invites .card-body{padding:12px}
 .caral-app .quartett-rules{font-size:14px;padding:8px 12px}
 .caral-app .entdecken-page .module-heading>.button{font-size:12px;min-height:44px;padding:8px 12px;margin:0}
 .caral-app .entdecken-page .module-heading #subtitle{font-size:13px;margin:4px 0}
 .caral-app .swipe-wrap>p:first-child{margin:4px 0;font-size:12px}
 .caral-app .swipe-card{margin:8px 0}
 .caral-app .swipe-card>img,.caral-app .swipe-card>.no-photo{height:clamp(140px,28svh,260px);min-height:0}
 .caral-app .swipe-caption{padding:10px 14px}
 .caral-app .swipe-caption h2{font-size:22px;margin:5px 0}
 .caral-app .swipe-actions{gap:10px}
 .caral-app .swipe-actions .button{flex:1}
 .caral-app .forum-categories{display:flex;overflow:auto;gap:8px;margin-bottom:10px;padding-bottom:4px}
 .caral-app .forum-category{flex:0 0 160px;padding:10px}
 .caral-app .forum-category h3{font-size:16px;margin:4px 0}
 .caral-app .forum-category p{display:none}
 .caral-app .weekly-board{padding:14px}
 .caral-app .weekly-board h2{font-size:22px;margin:6px 0 10px}
 .caral-app .weekly-wrap>.weekly-status{margin:8px 0;font-size:14px}
 .caral-app .weekly-provisional{padding:10px;font-size:13px}
 .caral-app .build-hero{margin:12px 0;min-height:0}
 .caral-app .build-photo img{height:250px;max-height:32svh}
 .caral-app .build-intro{padding:16px}
 .caral-app .build-intro h1{font-size:28px;margin:10px 0}
 .caral-app .build-intro .actions,.caral-app .build-specs{margin:14px 0}
 .caral-app .global-next{padding:16px;margin:16px auto}
 .caral-app #module-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:20px 16px}
 .caral-app #module-dialog h2{font-size:27px;margin:10px 0 16px}
 .caral-app #module-dialog .opponent-preview{padding:10px;gap:12px}
 .caral-app #module-dialog .opponent-preview img{width:76px;height:76px}
}

.caral-app .quartett-card-status{padding:10px 12px;border:1px solid #ac8b4e;border-radius:12px;font-size:13px;background:#211d16}
.caral-app .quartett-lobby-actions form{gap:8px}

.caral-app .app-section-tabs,.caral-app .discover-more{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.caral-app .app-section-tabs a,.caral-app .discover-more a{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;padding:8px 10px;border:1px solid #49617d;border-radius:10px;font-size:13px;color:#e9cc99}
.caral-app #weekly-stars,.caral-app #personal-news{scroll-margin-top:76px}
@media(max-width:760px){
 .caral-app .member-home:before,.caral-app .home-hero:before{display:none}
 .caral-app .home-hero{border:0;background:none;border-radius:0}
 .caral-app #personal-news>.actions{display:flex;gap:8px;margin:10px 0}
 .caral-app #personal-news>.actions .button{flex:1;font-size:12px}
 .caral-app #scene-list .pass-reward{padding:16px}
 .caral-app #scene-list h3{font-size:22px;margin:12px 0 8px}
 .caral-app #scene-list p{font-size:14px;line-height:1.5;margin:8px 0}
}

.caral-app .garage-search-inline{margin:10px 0 0;max-width:540px}.caral-app .garage-search-inline>div{display:flex;gap:8px}.caral-app .garage-search-inline .search-label{font-size:13px;margin:0 0 5px}.caral-app .garage-search-inline input{min-width:0;flex:1;min-height:44px;padding:10px 12px;font-size:16px}.caral-app .garage-search-inline button{flex-shrink:0;min-height:44px}.caral-app .swipe-owner{display:inline-flex;align-items:center;min-height:32px;color:#edc987}@media(max-width:760px){.caral-app .entdecken-page #subtitle{display:none}.caral-app .entdecken-page .module-heading{margin-bottom:8px}.caral-app .entdecken-page .swipe-card>img,.caral-app .entdecken-page .swipe-card>.no-photo{height:clamp(130px,24svh,220px)}}

/* V120: app navigation, account rows and accessible form actions. */
.caral-app .global-menu .app-menu-search{display:block;width:100%;min-height:48px;font-size:16px;padding:12px 14px;background:#080f1c;color:#f5f4ef;border:1px solid #667b96;border-radius:12px;margin:0 0 14px}
.caral-app .app-menu-groups section{padding:8px 0 12px}.caral-app .app-menu-groups h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#eac487;margin:12px 4px 6px}
.caral-app .app-menu-item{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-bottom:1px solid #354358;font-size:15px;line-height:1.4}.caral-app .app-menu-item[aria-current=page]{background:#eac48718;border-radius:8px;color:#f1cf94}
.caral-app .app-menu-item[hidden],.caral-app .app-menu-groups section[hidden]{display:none!important}.caral-app .global-menu .global-account-actions{margin-top:16px}.caral-app .global-menu .global-account-actions>a{display:none}.caral-app .app-menu-status:empty{display:none}
.caral-app .account-menu{display:grid;gap:10px;margin:18px 0}.caral-app .account-menu a{display:block;padding:17px 16px;background:#111e30;border:1px solid #465b77;border-radius:13px;line-height:1.5}.caral-app .account-menu strong,.caral-app .account-menu span{display:block}.caral-app .account-menu strong{font-size:16px;color:#f1f4f8}.caral-app .account-menu span{font-size:12px;color:#b9c9dd;margin-top:4px}.caral-app .account-section{border:1px solid #40536c;border-radius:12px;padding:10px 14px;margin:12px 0}.caral-app .account-section summary{font-size:15px;font-weight:700}.caral-app .account-danger{border-color:#775258}.caral-app .account-danger summary{color:#f6b6b9}
@media(max-width:760px){
 .caral-app .global-menu{width:calc(100% - 20px);max-width:480px;max-height:calc(100dvh - 24px);padding:18px;border-radius:18px}.caral-app .global-menu h2{font-size:24px;margin:18px 0}
 .caral-app #account-page{padding-top:14px}.caral-app #account-page h1{margin:6px 0 16px}.caral-app #account-page .global-account-actions{margin-top:20px}
 .caral-app .setup-actions,.caral-app #vehicle-edit>.editor-actions{position:sticky;bottom:calc(58px + env(safe-area-inset-bottom));z-index:5;padding:10px;background:#0c1524f5;border:1px solid #465a74;border-radius:12px;backdrop-filter:blur(12px);margin-top:20px;flex-wrap:nowrap}
 .caral-app .setup-actions button,.caral-app #vehicle-edit>.editor-actions button{flex:1;min-width:0;padding:12px 10px}.caral-app #setup,.caral-app #vehicle-edit{padding-bottom:12px}.caral-app #step h2{scroll-margin-top:80px}
 .caral-app .vehicle-editor>nav[aria-label="Pfad"]{display:none}.caral-app #vehicle-sections{position:sticky;top:60px;z-index:6;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:8px;background:#0c1524f5;border:1px solid #465a74;border-radius:12px;margin:12px 0}.caral-app #vehicle-sections a{flex:0 0 auto;font-size:12px;min-height:44px;padding:8px 12px}
}

@media(max-width:760px){
 .caral-app .build-photo:has(.build-no-photo){display:none}.caral-app .build-intro{display:flex;flex-direction:column;gap:8px}.caral-app .build-intro .build-signature,.caral-app .build-intro .card-edition{display:none}.caral-app .build-intro>.actions{order:2;margin:8px 0}.caral-app .build-intro>.community-stats{order:3}.caral-app .build-intro>.build-specs{order:4;margin:8px 0}.caral-app .build-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:8px 0}.caral-app .build-tabs a{flex:0 0 auto;min-height:44px;padding:10px 12px;border:1px solid #465a74;border-radius:10px}.caral-app .build-story{padding:24px 0}
 .caral-app .meeting-mail-page .mm-main{padding:12px 16px 70px}.caral-app .mm-main .mm-back{margin-bottom:12px}.caral-app .mm-main header h1{font-size:29px;margin:10px 0}.caral-app .mm-main header>.mm-eyebrow{display:none}.caral-app .mm-main header>p:last-child{font-size:14px;line-height:1.5}.caral-app .mm-card{margin-top:18px}.caral-app .mm-area summary,.caral-app .mm-explain summary{min-height:44px;cursor:pointer;font-weight:700}.caral-app .mm-explain{margin:16px 0}
}

.caral-app .app-howto{margin:10px 0 18px;padding:8px 14px;border:1px solid #465b76;border-radius:12px;background:#101c2b}.caral-app .app-howto>summary{font-size:14px;color:#efcc8e;min-height:44px;cursor:pointer}.caral-app .app-howto>p{font-size:14px;line-height:1.6;color:#c9d4e2;margin:8px 0 12px}.caral-app .entdecken-page .module-heading #subtitle{display:block}.pass-scanner details{margin:14px 0}.pass-scanner details summary{min-height:44px;cursor:pointer}.pass-scanner [data-progress]{color:#e9cb8c;font-size:14px;line-height:1.5}.pass-scanner [data-error]{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.pass-scanner [data-cancel]{margin-top:12px}