.hud{top:max(58px,calc(env(safe-area-inset-top) + 50px));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.hudrow{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:0 8px}
.chip.coin i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,#ffd23f 50%,#c99100);display:inline-block}
.danger{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.18em;color:#ff8a8a}
.danger .bar{width:160px;height:8px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}
.danger .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8a2a,#ff3b5c);border-radius:8px}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.perkc{background:#111722;border:1px solid #2a3a58;border-radius:16px;padding:14px 10px;text-align:center;transition:transform .15s,border-color .15s}
.perkc:hover,.perkc:focus-visible{transform:translateY(-3px);border-color:var(--cyan);outline:none}
.perkc .ic{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--cyan);margin-bottom:6px}
.perkc b{display:block;font-size:16px;margin-bottom:4px}
.perkc span{font-size:12.5px;color:#a9b6ca}
@media (max-width:520px){.perks{grid-template-columns:1fr}.danger .bar{width:110px}}
.lr{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:12px;pointer-events:none}
.lr .tbtn{width:74px;height:74px;font-size:24px}
.tonly{display:none}
.touchdev .tonly{display:block;grid-column:1/-1;color:var(--cyan)}