:root{
  --ink:#2a2018; --sub:#8a7b66; --line:#ece3d6;
  --accent:#e07b39; --accent-d:#c4631f;
  --bg:#fffaf2;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.hidden{display:none !important}
html,body{margin:0;height:100%}
body{
  color:var(--ink);
  font-family:"Noto Sans JP","Noto Sans TC","Noto Sans",system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(circle at 15% 8%, #fff5ea 0, transparent 42%),
    radial-gradient(circle at 85% 96%, #fdeede 0, transparent 44%),
    var(--bg);
  -webkit-font-smoothing:antialiased;
}

/* ---- title screen ---- */
.title-screen{
  min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:max(32px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom));
  text-align:center;
}
.logo-wrap{
  width:148px;height:148px;border-radius:38px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#fff,#fdf1e2);
  box-shadow:0 22px 46px rgba(150,100,40,.18), inset 0 0 0 1px rgba(180,140,90,.16);
  animation:bob 3.2s ease-in-out infinite;
}
.logo-dango{width:108px;height:108px}
@keyframes bob{50%{transform:translateY(-7px)}}

.game-title{
  font-size:38px;font-weight:900;letter-spacing:2px;margin:26px 0 2px;
}
.game-sub{color:var(--sub);font-size:14px;margin:0 0 38px;letter-spacing:1px}

.menu{display:flex;flex-direction:column;gap:13px;width:100%;max-width:300px}
.btn{
  border:none;border-radius:18px;padding:15px;font-size:17px;font-weight:800;
  font-family:inherit;cursor:pointer;transition:transform .08s ease;
}
.btn:active{transform:translateY(2px)}
.btn-primary{
  background:linear-gradient(180deg,#ffa24d,#ef7f2c);color:#fff;
  box-shadow:0 6px 0 var(--accent-d), 0 10px 18px rgba(224,123,57,.28);
}
.btn-ghost{
  background:#fff;color:var(--accent-d);
  box-shadow:0 4px 0 #f0dcc6, inset 0 0 0 1.5px #f0dcc6;
}
.build-note{margin-top:36px;color:#bda98c;font-size:12px}