/* Header redesign overrides (ornate bar, chips, age banner) */
:root{--h-bar:url(../assets/header/bar.webp);--h-ban:url(../assets/header/ban.webp);--h-bF:url(../assets/header/bF.webp);--h-bT:url(../assets/header/bT.webp);--h-bM:url(../assets/header/bM.webp);--h-bH:url(../assets/header/bH.webp);--h-bG:url(../assets/header/bG.webp);--h-lL:url(../assets/header/lL.webp);--h-lR:url(../assets/header/lR.webp)}
#top{background:none;box-shadow:none;--bh:54px}
#top::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:0 calc(var(--bh)*1.05);border-image:var(--h-bar) 0 110 0 110 fill / 0 calc(var(--bh)*1.05) 0 calc(var(--bh)*1.05) stretch;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}
#logo{aspect-ratio:400/111;background:var(--h-ban) center/100% 100% no-repeat}
#logo::after{content:none}
#flagL{left:18.1%;top:2.5%;height:92%;aspect-ratio:.88;transform:translateX(-50%)}
#shield{aspect-ratio:147/167;background-size:100% 100%}
.chip{border:2px solid #e3ac3c;background:linear-gradient(#3b2411,#1c1108);box-shadow:inset 0 0 0 1px #7a5420,inset 0 2px 5px #000,0 2px 4px rgba(0,0,0,.5)}
.chip img{object-fit:contain}
#ageB{position:relative;margin:0 20px;padding:3px 12px 3px 8px;border-radius:22px;border:2px solid #7a4a10;color:#3b2a14;background:linear-gradient(#ffdf6a,#f0a516);box-shadow:0 0 0 2px #f6c445,0 0 0 3px #6b3d0c,0 3px 7px rgba(0,0,0,.55),inset 0 -3px 0 rgba(160,90,0,.3),inset 0 2px 0 rgba(255,255,255,.5)}
#ageB::before,#ageB::after{content:'';position:absolute;top:50%;width:22px;height:28px;transform:translateY(-50%);background:center/contain no-repeat}
#ageB::before{left:-22px;background-image:var(--h-lL)}#ageB::after{right:-22px;background-image:var(--h-lR)}
#ageB[data-age="1"],#ageB[data-age="3"]{background:linear-gradient(#e9e6e0,#9b968c);color:#33271a}
#ageB[data-age="4"]{background:linear-gradient(#b358da,#6a2294);color:#ffe9a8;border-color:#3d1259}
#ageB[data-age="4"] svg path{fill:#ffd95a;stroke:#6a3c06}
#ibF,#ibT,#ibM,#ibH,#ibG{background-color:transparent;border:0;border-radius:0;background-size:contain;background-repeat:no-repeat;background-position:center}
#ibF{background-image:var(--h-bF)}#ibF svg{display:none}
#ibT{background-image:var(--h-bT)}#ibM{background-image:var(--h-bM)}#ibH{background-image:var(--h-bH)}#ibG{background-image:var(--h-bG)}
@media (max-width:520px){#top{--bh:54px;gap:3px}#res{gap:3px}.chip{font-size:11px;padding:2px 2px 2px 2px;gap:0}.chip img{width:17px;height:17px}#ageB{margin:0 11px 0 13px;padding:3px 6px}#ageB svg{display:none}#ageB::before,#ageB::after{width:13px;height:20px}#ageB::before{left:-13px}#ageB::after{right:-13px}.ib{width:30px;height:30px}#ibs{gap:3px}}
@media (min-width:860px){#top{--bh:54px}#logo{height:70px}.chip img{width:30px;height:30px}.ib{width:42px;height:42px}}
@media (max-height:500px) and (orientation:landscape){#top{--bh:38px}#ageB{margin:0 14px 0 16px;padding:2px 7px}#ageB::before,#ageB::after{width:15px;height:20px}#ageB::before{left:-15px}#ageB::after{right:-15px}}
#top{align-items:center}
#logo{align-self:center;margin:0 10px 0 6px}
@media (min-width:860px){#top{padding:0 22px 0 18px}#logo{height:46px;margin:0 12px 0 4px}.chip{padding:1px 12px 1px 4px}.chip img{width:26px;height:26px}.ib{width:38px;height:38px}#ageB{padding:2px 14px 2px 8px;margin:0 18px}#ageB small{font-size:16px}#ageB::before,#ageB::after{width:19px;height:24px}#ageB::before{left:-19px}#ageB::after{right:-19px}#ibs{gap:8px}}
@media (min-width:521px) and (max-width:859px){#top{padding:0 20px 0 18px}#shield{height:34px}.ib{width:34px;height:34px}}
@media (max-width:520px){#top{padding:0 16px 0 14px}#shield{height:32px}.ib{width:28px;height:28px}}
@media (max-height:500px) and (orientation:landscape){#top{padding:0 16px 0 14px}#shield{height:26px}.chip{padding:0 5px 0 2px}.chip img{width:16px;height:16px}.ib{width:26px;height:26px}#ageB{padding:1px 6px;margin:0 12px 0 14px}#ageB small,#ageB b{font-size:12px}#ageB svg{width:14px;height:14px}#ageB::before,#ageB::after{width:12px;height:16px}#ageB::before{left:-12px}#ageB::after{right:-12px}}
@media (max-width:520px){#ibs #ibF.ok{display:none}.chip{font-size:10.5px}#ageB::before,#ageB::after{display:none}#ageB{margin:0 4px}}
@media (min-width:860px){#top{height:62px;--bh:62px}#logo{height:56px}.chip img{width:28px;height:28px}.ib{width:40px;height:40px}}
@media (min-width:860px) and (max-height:500px){#top{height:38px;--bh:38px}}
@media (min-width:860px){#top{height:54px;--bh:54px}#logo{height:80px;align-self:flex-start;margin:1px 14px 0 2px;z-index:2}.chip img{width:26px;height:26px}.ib{width:38px;height:38px}}
@media (min-width:860px) and (max-height:500px){#top{height:38px;--bh:38px}}
@media (orientation:landscape) and (min-width:760px){.cols{align-items:stretch}.cr{justify-content:space-between}.cr .go{margin-top:0}}
@media (min-width:860px){#panel{min-height:0}#acts{min-height:88px}}
@media (min-width:860px){#quick{bottom:calc(var(--ph,176px) + 8px)}}
@media (min-width:860px) and (max-width:1279px){#top{padding:0 14px 0 12px}#res{gap:4px}.chip{padding:1px 6px 1px 3px;font-size:12.5px}.chip img{width:22px;height:22px}#ageB{margin:0 12px;padding:2px 8px 2px 6px}#ageB small{font-size:14px}#ageB svg{width:16px;height:16px}#ageB::before,#ageB::after{width:15px;height:20px}#ageB::before{left:-15px}#ageB::after{right:-15px}#ibs{gap:5px}.ib{width:32px;height:32px}#logo{height:68px}}
@media (min-width:860px){.ab{width:84px;height:88px}.ab img.ic{width:40px;height:40px}#acts{min-height:88px}}