.dino-page{background:radial-gradient(ellipse at 65% -12%,#496644 0,transparent 49%),#152921}
.dino-page .game-head .button{flex-shrink:0}
.dino-stage{aspect-ratio:7/5;background:#36432b;border-color:#a4b27b}
.dino-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.dino-hud{position:absolute;top:13px;left:13px;display:flex;gap:6px}
.dino-hud span,.dino-meters{background:linear-gradient(#344c30f5,#1a3229f5);border:1px solid #c5dc9b80;color:#f7ffe4;border-radius:10px;box-shadow:0 3px 0 #111f16b8;font-weight:850}
.dino-hud span{padding:5px 9px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.route-chip{position:absolute;top:52px;left:13px;display:flex;gap:7px;align-items:center;padding:4px 8px;border-radius:8px;background:#152921df;color:#f7ffe4;font-size:12px;line-height:1.4}
.route-chip span{color:#ffdb91;border-left:1px solid #c5dc9b80;padding-left:7px}
#health{color:#ffbb9a}
.dino-meters{position:absolute;bottom:13px;left:12px;padding:5px 8px;display:grid;gap:3px;font-size:11px}
.dino-meters label{display:grid;grid-template-columns:46px auto;align-items:center;gap:6px}
.dino-meters progress{width:68px;height:10px;accent-color:#edce64}
.dino-meters #gap{accent-color:#a3de8e}
.danger-chip{position:absolute;top:12px;left:50%;z-index:1;transform:translateX(-50%);display:flex;align-items:center;gap:9px;border:1px solid #ff9b92;border-radius:999px;padding:5px 14px 5px 6px;background:linear-gradient(#922e27,#5b1b19);color:#fff4ec;font-size:clamp(14px,2.6vw,20px);font-weight:900;white-space:nowrap;line-height:1.2;box-shadow:0 4px 10px #2f1313a0;pointer-events:none}
.danger-chip b{display:grid;place-items:center;width:clamp(28px,4vw,38px);aspect-ratio:1;border:1px solid #ffc8b6;border-radius:50%;background:#e43b2e;color:white;font-size:clamp(24px,4vw,32px);line-height:1}
.danger-chip.urgent{background:linear-gradient(#d53d30,#852019);border-color:#ffdbcc;box-shadow:0 0 22px #e740388d,0 4px 10px #2f1313a0}
.dino-stage .cue{bottom:18px}
.dino-controls{grid-template-columns:repeat(5,minmax(0,1fr))}
.dino-controls button{min-width:0}
body.dino-page.distance .dino-stage{width:min(100%,calc((100dvh - 130px) * 7 / 5))}
@media(max-width:540px){
  .dino-hud{top:9px;left:9px;gap:4px}.dino-hud span{font-size:12px;padding:4px;min-width:34px}
  .route-chip{top:42px;left:9px;font-size:11px}
  .dino-stage .cue{bottom:53px}.dino-meters{bottom:7px;left:7px}
  .danger-chip{top:71px}
  .dino-controls{gap:4px}.dino-controls button{font-size:12px}
}