/* The actual bonus pickup plate, with live text in its clear centre window. */
#race-screen.race-hud-light #race-notice-stack{
 position:absolute;left:50%;right:auto;top:auto;bottom:calc(8% + env(safe-area-inset-bottom));
 width:32%;max-width:590px;z-index:12;transform:translateX(-50%);display:flex;flex-direction:column;
 align-items:stretch;gap:.9vw;pointer-events:none;overflow:visible;
}
#race-screen.race-hud-light #race-notice-stack .race-notice{
 position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex:none;
 inset:auto;width:100%;max-width:none;height:auto;aspect-ratio:6.8;
 margin:0;padding:0 8.125%;border:0;border-radius:0;background:none;box-shadow:none;
 font-family:'Chakra Petch',Rajdhani,sans-serif;font-style:italic;font-weight:700;
 letter-spacing:-.015em;line-height:1;text-align:center;white-space:nowrap;
 text-shadow:0 2px 2px #020814,0 0 9px color-mix(in srgb,currentColor 55%,transparent);
 opacity:0;transform:translateY(6px) scale(.98);transition:opacity .16s,transform .18s;
 pointer-events:none;overflow:visible;
}
#race-screen.race-hud-light #race-notice-stack .race-notice[hidden]{display:none}
#race-screen.race-hud-light .race-notice::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(110deg,#05121fe8,#071b2df0);border:1px solid currentColor;
 clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);
}
#race-screen.race-hud-light .race-notice[data-notice-art-ready="true"]::before{
 inset:-112.5% -17% -137.5%;background:url('../public/assets/carnage-hud-v1/pickup-banner.png') center/100% 100% no-repeat;
 border:0;clip-path:none;filter:var(--race-notice-filter,hue-rotate(155deg) saturate(1.25));
}
#race-screen.race-hud-light #race-notice-stack .race-notice.visible{opacity:1;transform:translateY(0) scale(1)}
#race-screen.race-hud-light .race-notice-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.35vw,5px);width:100%;min-width:0}
#race-screen.race-hud-light .race-notice-title{display:block;width:100%;min-width:0;font-size:clamp(16px,1.7vw,29px);line-height:1.08}
#race-screen.race-hud-light #race-notice-stack [data-notice-channel="pickup-notice"] .race-notice-title{font-size:clamp(14px,1.55vw,25px)}
#race-screen.race-hud-light #race-notice-stack .race-notice-subtitle{display:block;width:100%;margin:0;font:700 clamp(9px,.75vw,13px)/1.05 'Chakra Petch',Rajdhani,sans-serif;letter-spacing:.055em;color:#e5f5ff;text-shadow:0 1px 2px #000b19}
#race-screen.race-hud-light .race-notice-subtitle[hidden]{display:none!important}
#race-screen.race-hud-light .race-notice[data-notice-tone="amber"]{--race-notice-filter:none}
#race-screen.race-hud-light .race-notice[data-notice-tone="red"]{--race-notice-filter:hue-rotate(-43deg) saturate(1.5)}
#race-screen.race-hud-light .race-notice[data-notice-tone="green"]{--race-notice-filter:hue-rotate(88deg) saturate(1.25)}
#race-screen.race-hud-light .race-notice[data-notice-tone="violet"]{--race-notice-filter:hue-rotate(235deg) saturate(1.2)}
#race-screen.race-hud-light .race-notice[data-notice-tone="blue"]{--race-notice-filter:hue-rotate(188deg) saturate(1.3)}
#race-screen.race-hud-light .race-notice[data-notice-tone="pink"]{--race-notice-filter:hue-rotate(280deg) saturate(1.2)}
#race-screen.race-hud-light .race-notice[data-notice-tone="orange"]{--race-notice-filter:hue-rotate(-19deg) saturate(1.2)}
#race-screen.race-hud-light .race-notice[data-notice-tone="white"]{--race-notice-filter:grayscale(1) brightness(1.12)}
@media(max-width:900px) and (orientation:portrait){
 #race-screen.race-hud-light #race-notice-stack{bottom:calc(max(18%,184px) + env(safe-area-inset-bottom));width:78%;max-width:none;gap:2.2vw}
 #race-screen.race-hud-light #race-notice-stack .race-notice{padding:0 6.4103%;aspect-ratio:6.5}
 #race-screen.race-hud-light .race-notice-title{font-size:clamp(16px,4.5vw,25px)}
 #race-screen.race-hud-light #race-notice-stack [data-notice-channel="pickup-notice"] .race-notice-title{font-size:clamp(14px,3.8vw,22px)}
 #race-screen.race-hud-light #race-notice-stack .race-notice-subtitle{font-size:clamp(8px,2.1vw,12px);letter-spacing:.025em}
}
@media(max-height:500px) and (orientation:landscape){
 #race-screen.race-hud-light #race-notice-stack{bottom:calc(18% + env(safe-area-inset-bottom));width:28%}
 #race-screen.race-hud-light #race-notice-stack .race-notice{padding:0 6.4286%}
 #race-screen.race-hud-light .race-notice-title{font-size:clamp(13px,2vw,20px)}
 #race-screen.race-hud-light #race-notice-stack [data-notice-channel="pickup-notice"] .race-notice-title{font-size:clamp(12px,1.8vw,20px)}
 #race-screen.race-hud-light #race-notice-stack .race-notice-subtitle{font-size:clamp(8px,1vw,10px)}
}
#app[data-reduced-motion="true"] #race-screen.race-hud-light .race-notice{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){
 #race-screen.race-hud-light #race-notice-stack .race-notice{transition:none;transform:none}
}
