
:root{
 --gold:#e6bd68;--gold2:#c8963d;--ink:#0e0c09;--panel:rgba(21,17,12,.88);
 --line:rgba(229,188,104,.38);--soft:#d5c3a3;
}
*{box-sizing:border-box}
html{background:#100d09}
body{
 margin:0!important;color:#f7efe0!important;font-family:Arial,Helvetica,sans-serif!important;
 min-height:100vh!important;
 background:
   linear-gradient(rgba(12,9,5,.34),rgba(12,9,5,.60)),
   url('/assets/84th-garage-bg.png') center center/cover no-repeat fixed!important;
 background-attachment:fixed!important;
}
body:before{display:none!important}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(236,180,70,.08),transparent 38%)}
a{color:inherit}
.top{
 position:sticky;top:0;z-index:100;background:rgba(16,14,11,.93)!important;
 border-bottom:1px solid rgba(231,185,92,.35)!important;
 backdrop-filter:blur(12px);box-shadow:0 5px 20px rgba(0,0,0,.28)
}
.garage-head{max-width:1500px;margin:auto;display:flex;align-items:center;gap:24px;padding:9px 18px}
.garage-logo{display:flex;align-items:center;gap:9px;min-width:max-content;text-decoration:none}
.garage-logo .the{font:900 13px/1 Georgia,serif;letter-spacing:.13em;color:var(--gold)}
.garage-logo .num{font:900 48px/.82 Georgia,serif;color:var(--gold);text-shadow:0 2px 0 #4c3214}
.garage-logo .name{font:900 18px/1.05 Georgia,serif;color:var(--gold);letter-spacing:.06em}
.garage-logo .sub{display:block;font:700 9px/1.2 Arial,sans-serif;color:#e3cc9a;letter-spacing:.22em;margin-top:3px}
.garage-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;flex-wrap:wrap}
.garage-nav a{
 text-decoration:none;padding:9px 12px;border-radius:7px;color:#ecd9af;font-weight:800;font-size:12px;
 text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent
}
.garage-nav a:hover,.garage-nav a.active{background:rgba(231,185,92,.10);border-color:rgba(231,185,92,.32);color:#ffd989}
.wrap{max-width:1500px!important}
.home-wrap{max-width:1260px;margin:auto;padding:28px 18px 42px}
.hero-slogan{
 width:min(720px,92%);margin:22px auto 30px;padding:15px 22px;text-align:center;
 background:linear-gradient(90deg,transparent,rgba(20,15,9,.78) 12%,rgba(20,15,9,.78) 88%,transparent);
 border-top:1px solid rgba(230,189,104,.24);border-bottom:1px solid rgba(230,189,104,.24)
}
.hero-slogan strong{font:900 clamp(22px,3vw,34px)/1.15 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#e5b861;letter-spacing:.09em;text-shadow:0 2px 4px #000}
.hero-slogan span{display:block;margin-top:7px;color:#f2dfb8;font-weight:700}
.garage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1000px;margin:0 auto}
.garage-tile{
 --plate:#273846;--edge:#7891a3;
 position:relative;min-height:230px;padding:18px 16px 14px;text-align:center;text-decoration:none;
 background:
 radial-gradient(circle at 15% 18%,rgba(255,255,255,.10),transparent 22%),
 linear-gradient(145deg,color-mix(in srgb,var(--plate),#fff 8%),color-mix(in srgb,var(--plate),#000 22%));
 border:2px solid color-mix(in srgb,var(--edge),#111 30%);border-radius:10px;
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),inset 0 0 32px rgba(0,0,0,.34),0 10px 20px rgba(0,0,0,.40);
 overflow:hidden;transition:.18s transform,.18s filter
}
.garage-tile:hover{transform:translateY(-4px) scale(1.012);filter:brightness(1.08)}
.garage-tile:before,.garage-tile:after{
 content:"";position:absolute;width:9px;height:9px;border-radius:50%;
 background:radial-gradient(circle at 35% 35%,#d1c1a0 0 15%,#564939 42%,#111 70%);
 box-shadow:calc(100% - 28px) 0 0 #4a4033,0 196px 0 #4a4033,calc(100% - 28px) 196px 0 #4a4033
}
.garage-tile:before{left:9px;top:9px}.garage-tile:after{display:none}
.garage-tile .tile-icon{height:118px;display:flex;align-items:center;justify-content:center;position:relative}
.garage-tile .tile-icon:after{
 content:"";position:absolute;inset:8px 16px;border-radius:50%;
 background:radial-gradient(circle,rgba(231,210,165,.20),transparent 64%);z-index:0
}
.garage-tile img{width:82%;height:92px;object-fit:contain;position:relative;z-index:1;filter:sepia(.4) drop-shadow(0 4px 2px rgba(0,0,0,.55))}
.garage-tile h2{font:900 26px/1.05 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#f0d39a;letter-spacing:.025em;margin:2px 0 7px;text-shadow:0 2px 3px #000}
.garage-tile .tileline{height:1px;background:rgba(244,211,151,.65);width:82%;margin:0 auto 9px}
.garage-tile .tilecount{font-weight:800;color:#f1dfbd;font-size:14px}
.garage-tile.av{--plate:#2b4658;--edge:#7699b2}.garage-tile.ground{--plate:#4d4c28;--edge:#969052}
.garage-tile.cars{--plate:#5a4331;--edge:#9f7351}.garage-tile.ships{--plate:#733025;--edge:#ba6a5b}
.garage-tile.motas{--plate:#6b501d;--edge:#b89543}.garage-tile.rail{--plate:#6d491a;--edge:#bf8e46}
.garage-tile.scifi{--plate:#37343e;--edge:#817993}.garage-tile.fig{--plate:#315044;--edge:#6f9c87}
.home-stats{max-width:1000px;margin:28px auto 0;padding:14px 18px;border:1px solid rgba(219,178,92,.38);background:rgba(18,15,12,.84);border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 8px 24px #0008}
.home-stats div{text-align:center;border-right:1px solid rgba(231,185,92,.28)}.home-stats div:last-child{border:0}
.home-stats b{display:block;font:900 27px/1 Georgia,serif;color:#f0ca75}.home-stats span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d9c7a3}
.card,.item,.hero,.refbox,.factbox,.identifybox,.dossierbox,.extendedbox,.ptbox,.ptdiffbox{
 background:rgba(22,18,13,.88)!important;border-color:rgba(230,189,104,.32)!important;box-shadow:0 8px 24px rgba(0,0,0,.28)
}
.card{position:relative}
.ptbadge{
 position:absolute;left:7px;top:7px;z-index:3;background:rgba(14,68,36,.93);border:1px solid rgba(115,220,155,.62);
 color:#d9ffe7;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 2px 7px #0008
}
.filters{top:76px!important;grid-template-columns:2fr 1fr 1fr 1fr auto!important}
.cat-title{
 position:relative;padding:18px 22px;text-align:center;background:rgba(27,21,14,.78);
 border:1px solid rgba(227,185,102,.32);border-radius:10px;text-transform:uppercase;letter-spacing:.08em;
 font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:38px;color:#f0cb7b;text-shadow:0 3px 5px #000
}
.refgrid{gap:12px!important}
.refphoto{
 display:block!important;overflow:hidden;border:1px solid rgba(230,189,104,.36)!important;border-radius:10px!important;
 background:rgba(14,12,10,.88)!important;padding:0!important;min-height:165px;box-shadow:0 5px 14px #0007
}
.refphoto .refshot{height:132px;background:linear-gradient(135deg,#2a241a,#111);position:relative;overflow:hidden}
.refphoto .refshot:after{content:"FOTO DE REFERÊNCIA";position:absolute;right:6px;bottom:5px;font-size:9px;letter-spacing:.08em;background:#000b;padding:3px 5px;border-radius:4px;color:#e8c87f}
.refphoto img{width:100%;height:100%;object-fit:cover;display:block;transition:.2s transform}
.refphoto:hover img{transform:scale(1.035)}
.refphoto span{display:block;padding:9px 10px;color:#eed9ae;font-size:12px;font-weight:800;line-height:1.25}
.ptdiffbox{background:rgba(12,29,20,.90)!important;border:1px solid rgba(102,188,130,.42)!important}
.ptdiffbox h3{color:#8fe0a7!important}
.ptdiff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.ptdiff-panel{background:rgba(5,12,8,.35);border:1px solid rgba(126,196,148,.18);border-radius:8px;padding:11px}
.ptdiff-panel strong{display:block;color:#b8f2ca;margin-bottom:5px}
.ptdiff-panel p{margin:0;line-height:1.55;color:#e5efe8}
.portugal-hero{max-width:980px;margin:18px auto;padding:18px 20px;background:rgba(8,40,22,.86);border:1px solid rgba(93,188,125,.44);border-radius:10px;text-align:center}
.portugal-hero h1{margin:0 0 6px;color:#bbf2cc;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.06em}
.portugal-hero p{margin:0;color:#dcecdf}
@media(max-width:1000px){.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-head{gap:10px}.garage-logo .name{font-size:14px}.garage-nav a{padding:7px 8px}}
@media(max-width:700px){
 .garage-head{display:block}.garage-logo{justify-content:center;margin-bottom:7px}.garage-nav{gap:3px}
 .garage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.garage-tile{min-height:180px;padding:12px 8px}.garage-tile .tile-icon{height:88px}.garage-tile img{height:70px}.garage-tile h2{font-size:20px}
 .home-stats{grid-template-columns:repeat(2,1fr);gap:12px}.home-stats div{border:0}
 .filters{top:104px!important;grid-template-columns:1fr 1fr!important}.filters input{grid-column:1/-1}
 .ptdiff-grid{grid-template-columns:1fr}
}

/* V14 background visibility */
.home-wrap,.wrap{position:relative;z-index:0}
.refbox,.factbox,.identifybox,.dossierbox,.extendedbox,.ptbox,.ptdiffbox,.card,.item{background-color:rgba(18,15,11,.82)!important}
.ptcheck{margin-top:12px;padding:12px;background:rgba(8,19,12,.42);border:1px dashed rgba(126,196,148,.34);border-radius:8px}
.ptcheck strong{color:#c7f3d3}.ptcheck ul{margin:8px 0 0;padding-left:20px}.ptcheck li{margin:5px 0;line-height:1.45}
.researchpack{margin:15px 0;padding:12px 14px;border:1px solid rgba(230,189,104,.28);background:rgba(18,14,9,.55);border-radius:10px}
.researchpack strong{color:#f0ca75}.researchpack p{margin:6px 0 0;color:#d7c8aa;line-height:1.55}
