/* Cinematic BF3 subpage theme. This file is never loaded by index.html. */
body.bf3-subpage{--card:#0b1721;--border:#43505a;--gold:#ffd044;background:#06111a;min-height:100vh;isolation:isolate}
body.bf3-subpage:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(2,10,17,.13),rgba(2,10,17,.08) 60%,rgba(2,10,17,.55)),url('assets/bf3-nachtkonvoi.png') center top / cover no-repeat}
body.bf3-subpage:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#03101a18 15%,#03101a35 30%,#03101a35 70%,transparent 90%)}
.bf3-subpage>header{background:linear-gradient(90deg,#06121ef5,#07131be8 55%,#07111cd9);border-bottom:1px solid #d4a72f80;box-shadow:0 8px 35px #0004;backdrop-filter:blur(9px);min-height:94px;position:relative;z-index:5}
.bf3-subpage .brand strong{color:#ffe49b;text-shadow:0 2px 10px #000;font-family:'Arial Narrow','Roboto Condensed',Impact,sans-serif;font-weight:800;letter-spacing:.4px}.bf3-subpage .brand small{color:#ffce43;letter-spacing:5px}.bf3-subpage .brand svg{filter:drop-shadow(0 0 9px #e4ad2250)}
.bf3-subpage header nav a{color:#e3eaf0}.bf3-subpage header nav a.active{color:#ffcf43;text-shadow:0 0 18px #e2b23555}.bf3-subpage header .outline{background:#06121dd9;border-color:#cda940;color:#f8f3e6;box-shadow:inset 0 0 14px #ffffff03}
.bf3-subpage .community-heading{max-width:1100px;padding:38px 18px 24px;min-height:180px;text-shadow:0 3px 16px #000,0 1px 4px #000;background:linear-gradient(90deg,#04111b40,transparent)}
.bf3-subpage .community-heading .eyebrow{font-size:12px;letter-spacing:4px;color:#ffcf43}.bf3-subpage .community-heading h1{font-family:'Arial Narrow','Roboto Condensed',Impact,system-ui,sans-serif;font-size:clamp(30px,3vw,46px);line-height:1.15;margin:12px 0;font-weight:900;letter-spacing:-.7px}.bf3-subpage .community-heading p{font-size:15px;color:#f0f4f7;margin:12px 0}
.bf3-subpage #communityshell{max-width:1100px;padding:0 18px 35px}.bf3-subpage .community-tabs{background:linear-gradient(#101f2af5,#07121df5);border:1px solid #9d854d;border-radius:9px;padding:8px;gap:5px;box-shadow:0 0 0 2px #0003,0 12px 28px #0006;margin-bottom:16px;backdrop-filter:blur(8px)}
.bf3-subpage .community-tabs a{padding:11px 17px;font-size:12px;font-weight:700;border:1px solid transparent;color:#e7edf0}.bf3-subpage .community-tabs a.selected{background:linear-gradient(130deg,#ffe583,#f8c72c);border-color:#d3a52c;color:#10202c;box-shadow:0 0 17px #dba92322}.bf3-subpage .community-tabs a:hover{border-color:#a1823c;color:#ffdc77}
.bf3-subpage .card{background:linear-gradient(130deg,rgba(14,29,41,.97),rgba(5,15,24,.96));border:1px solid #69727399;border-radius:10px;box-shadow:0 14px 40px #0007,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(7px)}
.bf3-subpage .community-panels>.card{padding:18px;overflow:hidden}.bf3-subpage .community-panels>.card>h2{font-size:20px;margin:-18px -18px 15px;padding:14px 18px;background:linear-gradient(110deg,#152b3bd9,#26323a66,#07131ed9);border-bottom:1px solid #ffffff0c}.bf3-subpage h2 i{color:#ffd041}.bf3-subpage .community-panels .chat-messages{height:310px;max-height:460px;background:linear-gradient(180deg,#05101ae6,#05111a8f),url('assets/bf3-nachtkonvoi.png') center 60% / cover;border:1px solid #293d4b;border-radius:5px;padding:16px;box-shadow:inset 0 0 60px #0006}.bf3-subpage .community-panels>.chat.is-current-panel:not([hidden]){min-height:0}
.bf3-subpage .chat-message{background:#07141eea;border-color:#42566555}.bf3-subpage .chat-message.own{background:#25311aee}.bf3-subpage .chat-compose input{background:#03111ce8;border-color:#7f929e;height:44px;color:#f2f6fa}.bf3-subpage .chat-compose #chatsend{min-width:45px;border:1px solid #e8bd37;box-shadow:0 0 15px #e9ae1920}.bf3-subpage .emoji-toggle{color:#ffd345;border-color:#d3a634;background:#0c1c27}.bf3-subpage .emoji-picker{background:#081722}
.bf3-subpage .guestbook-entry,.bf3-subpage .event-item{background:#081723ed;border-color:#ffffff14}.bf3-subpage .gallery-item{background:#071522ed;border:1px solid #7f774d55;border-radius:8px;padding:10px}.bf3-subpage .gallery-open{border-radius:5px;overflow:hidden}.bf3-subpage input,.bf3-subpage textarea,.bf3-subpage select{background:#06131fee;color:#eff4f7;border-color:#4d6373}.bf3-subpage .text-button{color:#f4d374}.bf3-subpage .muted{color:#b9c9d7}.bf3-subpage #chatstatus,.bf3-subpage #guestbookstatus,.bf3-subpage #gallerystatus{color:#c4d1da}
.bf3-subpage .community-panels>.birthday{max-width:none}.bf3-subpage .month-calendar{border-radius:8px}.bf3-subpage .mc-main,.bf3-subpage .mc-aside{background:#08141ef5}.bf3-subpage .live-hero{background:linear-gradient(110deg,#081823ef,#081823a6);border-color:#d2a73788;backdrop-filter:blur(5px)}.bf3-subpage .live-main,.bf3-subpage .tour-main{max-width:1100px}.bf3-subpage .map-card{background:#081521f5}.bf3-subpage #tourmap{isolation:isolate}.bf3-subpage .legal-main{background:#06141af5;border:1px solid #a88d4d66;border-radius:10px;padding:32px;box-shadow:0 15px 45px #0007}.bf3-subpage .legal-main h1{color:#ffe39a}.bf3-subpage footer{background:#04111beb;border-top:1px solid #c9a13966;margin-top:35px;backdrop-filter:blur(8px)}.bf3-subpage dialog{background:#0b1b29;border:1px solid #a98b48}
@media(min-width:1550px){body.bf3-subpage:before{background-position:center 28%}}
@media(max-width:850px){body.bf3-subpage:before{background-position:38% top}.bf3-subpage .community-heading{padding-top:28px;min-height:160px}.bf3-subpage .community-tabs a{padding:9px 12px}.bf3-subpage .brand strong{font-size:18px}}
@media(max-width:600px){body.bf3-subpage:before{background-position:30% top}.bf3-subpage>header{background:#06131bf2}.bf3-subpage .community-heading{padding:24px 14px 18px;background:#04111b70}.bf3-subpage .community-heading .eyebrow{letter-spacing:2px;font-size:10px}.bf3-subpage .community-heading p{font-size:12px;line-height:1.7}.bf3-subpage #communityshell{padding:0 10px 24px}.bf3-subpage .community-tabs{gap:3px;padding:7px}.bf3-subpage .community-tabs a{padding:8px 10px;font-size:11px}.bf3-subpage .community-panels>.card{padding:13px}.bf3-subpage .community-panels>.card>h2{margin:-13px -13px 13px;padding:13px;font-size:17px}.bf3-subpage .community-panels .chat-messages{height:290px;padding:10px}.bf3-subpage .legal-main{padding:22px 16px}.bf3-subpage .card{backdrop-filter:none}.bf3-subpage .gallery-item{padding:6px}}
@media(prefers-reduced-transparency:reduce){.bf3-subpage .card{background:#0a1925;backdrop-filter:none}}
/* Keep the empty conversation area full-height: the base panel has flex:1. */
.bf3-subpage .community-panels .chat-messages{flex:0 0 auto!important;min-height:310px!important;height:310px!important;max-height:460px;position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(3,14,24,.91),rgba(3,14,24,.79)),url('assets/bf3-nachtkonvoi.png') center 35% / cover no-repeat;box-shadow:inset 0 0 75px #0008;overflow-y:auto}
.bf3-subpage .community-panels>.chat.is-current-panel:not([hidden]){display:flex!important;min-height:0;flex-direction:column}
.bf3-subpage .community-panels .chat-messages>p{color:#d4e0e9;margin:4px 0 12px}.bf3-subpage .community-tabs a.selected,.bf3-subpage .community-tabs a.selected:hover,.bf3-subpage .community-tabs a.selected:focus{color:#10202c!important}
@media(max-width:600px){.bf3-subpage .community-panels .chat-messages{min-height:290px!important;height:290px!important;max-height:380px;background-position:45% 35%}}