/* Ragdoll Playground 游戏页（手写，不由 roblox_site.py 生成）。沿用站点色板：天空 / 方格草地 / 金色 HUD / 墨色描边。 */
.pg-head{padding-top:22px}
.pg-head h1{margin-bottom:.15em}
.pg-head .lead{margin:0 0 14px}
.stage{background:var(--ink);border-radius:18px;padding:8px;box-shadow:0 6px 0 color-mix(in srgb,var(--ink) 35%,transparent);margin:0 0 8px}
.stage canvas{display:block;margin:0 auto;border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--sky);max-width:100%}
.toolbar{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;padding:2px 2px 8px}
.toolbar .tools,.toolbar .opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.toolbar button,.mapsel select{font:800 .86rem/1 Nunito,system-ui,sans-serif;color:#fff;background:#2a2f38;border:2px solid #3a414d;border-radius:10px;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:38px}
.toolbar button svg{width:18px;height:18px;fill:currentColor;flex:none}
.toolbar button:hover{border-color:var(--gold)}
.toolbar button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.toolbar .tools button[aria-pressed=true]{box-shadow:0 3px 0 #000}
.mapsel{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.78);font-weight:800;font-size:.86rem}
.mapsel select{padding-right:6px}
.nojs{color:#fff;padding:20px;margin:0}
/* 全屏：浏览器不支持 Fullscreen API 时也铺满视口 */
.stage.full{position:fixed;inset:0;z-index:50;border-radius:0;margin:0;padding:6px;overflow:auto;display:flex;flex-direction:column;justify-content:center}
html.noscroll,html.noscroll body{overflow:hidden}
@media (max-width:640px){
  .toolbar{gap:6px}
  .toolbar button{padding:7px 8px;font-size:.8rem;min-height:36px}
}
