20 lines
1.8 KiB
CSS
20 lines
1.8 KiB
CSS
/* Latar hidup dan cuaca (arena.js, RENCANA 6.1 dan 6.3): baris Cuaca di layar pilih arena.
|
|
Baris ini berdampingan dengan tombol mulai (di sisi kirinya, yang sebelumnya kosong), jadi tinggi layar tidak bertambah di 1280x720 maupun 1024x520.
|
|
Baris Pengaturan "Efek latar" memakai kelas .setting-row bawaan, tanpa gaya tambahan. */
|
|
.arena-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px 18px}
|
|
.arena-row .start-battle{flex:none;margin-left:auto}
|
|
.arena-weather{flex:1 1 340px;min-width:0}
|
|
.arena-weather .eyebrow{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
|
|
.aw-note{font-style:normal;font-weight:600;font-size:10px;letter-spacing:.6px;color:#8fb0b3}
|
|
.aw-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
|
|
.aw-chips button{min-width:0;background:#142d38;color:#c4d3cf;border:1px solid #789a984d;padding:5px 10px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
|
|
.aw-chips button.selected{background:#c19b60;color:#0c242e;border-color:#e8cd91}
|
|
.aw-chips button:disabled{opacity:.4;cursor:default}
|
|
@media(max-height:420px){.aw-chips{margin-top:3px}.aw-chips button{padding:3px 8px;font-size:11px}.aw-note{display:none}}
|
|
html.touch .aw-chips button{min-height:30px}
|
|
|
|
/* Vinyet dan kerudung warna depan: elemen DOM yang dipasang arena.js tepat di atas kanvas (di bawah HUD). Nilainya lewat --av (rgb vinyet), --ak (kekuatan di tepi), --aw (kerudung). */
|
|
#arena-vig{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(ellipse at 50% 52%,rgba(var(--av,0,0,0),0) 50%,rgba(var(--av,0,0,0),var(--ak,0)) 100%),var(--aw,transparent)}
|
|
html.acc-calm #arena-vig{transition:none}
|
|
@media(prefers-reduced-motion:reduce){#arena-vig{transition:none}}
|