:root{
  --bg:#fcfaef;
  --ground:#e6d7c7;
  --accent:#5b4a3d;
}
html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--accent)}
#ui{position:fixed;left:16px;top:12px;display:flex;gap:18px;align-items:center}
#ui h1{margin:0;font-size:20px;letter-spacing:1px}
#score{font-size:14px;opacity:0.9}
#game-container{position:fixed;left:0;right:0;top:60px;bottom:60px;display:flex;align-items:flex-end;justify-content:center}
#world{width:100%;height:100%;display:block}
#svg-layer{position:absolute;left:0;top:60px;right:0;bottom:60px;pointer-events:none}
#controls{position:fixed;right:16px;bottom:16px}
button#restart{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}
#game-over{position:fixed;left:50%;top:94px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 24px;border-radius:14px;background:rgba(91,74,61,0.96);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,0.18);z-index:20}
#game-over.hidden{display:none}
#game-over-title{font-size:32px;font-weight:800;letter-spacing:1px;line-height:1.1}
#game-over-score{font-size:18px;font-weight:600;text-align:center}

/* dog SVG styling */
.dog-svg{position:absolute;transform-origin:center center;pointer-events:auto;touch-action:none}
.dog-shadow{filter:blur(6px) opacity(.45)}

@media (max-width:600px){#ui h1{font-size:16px}button#restart{padding:8px 12px}}