15 lines
1.7 KiB
CSS
15 lines
1.7 KiB
CSS
/* Bahaya arena (RENCANA 6.2): tanda kecil di papan nama arena dan semburat layar (silau, kilat petir). Logika di hazard.js. */
|
|
/* Papan nama arena (.stage-sign, bawah tengah): satu baris kecil di bawah garis emas. Teks "Bahaya: ..." saat tenang, "Awas: ..." selama aba-aba. */
|
|
.stage-sign .hz-tag{display:block;margin-top:5px;font-size:9px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;white-space:nowrap;color:#f1b868;text-shadow:0 2px 3px #122b34}
|
|
.stage-sign .hz-tag[hidden]{display:none}
|
|
.stage-sign .hz-tag::before{content:'';display:inline-block;width:8px;height:7px;margin-right:6px;vertical-align:0;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}
|
|
.stage-sign .hz-tag.warn{color:#ffe08a;text-shadow:0 0 6px #ff9a3c,0 2px 3px #122b34;animation:hzPulse .5s steps(2,end) infinite}
|
|
@keyframes hzPulse{50%{opacity:.45}}
|
|
html.acc-calm .stage-sign .hz-tag.warn{animation:none}
|
|
@media (prefers-reduced-motion:reduce){.stage-sign .hz-tag.warn{animation:none}}
|
|
/* Jendela sempit: style.css menyembunyikan papan nama arena (<=950px); di sana hanya baris bahaya yang ditampilkan, supaya penanda tetap ada. */
|
|
@media(max-width:950px){.stage-sign.hz-live{display:block}.stage-sign.hz-live>span,.stage-sign.hz-live>small:not(.hz-tag),.stage-sign.hz-live>i{display:none}.stage-sign.hz-live .hz-tag{margin-top:0}}
|
|
@media(max-width:620px){.stage-sign .hz-tag{font-size:8px;letter-spacing:1.4px}}
|
|
/* Semburat layar: di atas kanvas, di bawah HUD (z-index 2 ke atas), jadi HUD tetap terbaca saat layar memutih. Opasitas diatur hazard.js tiap bingkai. */
|
|
#hz-glare{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;visibility:hidden;background:#fffaeb}
|