:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#24180c;background:#efe3cd}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,248,221,.78),transparent 38%),radial-gradient(circle at right 20%,rgba(222,162,104,.36),transparent 24%),linear-gradient(180deg,#f3e7d2,#ead8bb,#e5d0ae)}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000000e6,#00000059);mask-image:linear-gradient(180deg,#000000e6,#00000059);pointer-events:none}.hud-dock{position:absolute;z-index:2;top:1.25rem;left:1.25rem;width:min(31rem,calc(100vw - 2.5rem))}.project-bar{position:absolute;z-index:2;top:1.25rem;right:1.25rem;display:grid;gap:.8rem;width:min(26rem,calc(100vw - 2.5rem));padding:1rem 1.05rem;border:1px solid rgba(71,47,17,.12);border-radius:1.2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9eecc;box-shadow:0 20px 55px #593d1a24}.project-row{display:grid;gap:.25rem}.project-row strong{font-size:.98rem;line-height:1.42}.hud-mini{display:grid;gap:.85rem;padding:.95rem 1rem 1rem;border:1px solid rgba(71,47,17,.12);border-radius:1.2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9eec7;box-shadow:0 20px 55px #593d1a24}.hud-mini-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.mini-stat{padding:.7rem .8rem .75rem;border-radius:.95rem;background:#ffffff9e;box-shadow:inset 0 1px #ffffff80}.mini-stat strong{display:block;font-size:1.1rem;font-weight:700}.mini-stat .label{white-space:nowrap;font-size:.67rem;letter-spacing:.06em}.label{display:block;margin-bottom:.3rem;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#24180c8a}.hud-mini-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:end}.speed-control{display:grid;gap:.45rem}.speed-control input{width:100%;margin:0;accent-color:#bc7241;cursor:pointer}.speed-control input::-webkit-slider-thumb{cursor:grab}.speed-control input::-moz-range-thumb{cursor:grab}.restart-button{min-width:7.9rem;padding:.7rem .95rem;border:0;border-radius:.9rem;background:#2b1c10;color:#fff7ec;font:inherit;font-weight:600;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.restart-button:hover{background:#3a2716;box-shadow:0 12px 28px #2b1c102e}.restart-button:active{transform:translateY(1px)}.progress-track{overflow:hidden;height:.68rem;border-radius:999px;background:#49290c1a}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#cf734f,#ecb56e 55%,#f6d88d);transition:width .12s linear}.status-copy{margin:0;color:#24180cb3;line-height:1.45}.canvas-shell{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-shell canvas{display:block}@media (max-width: 780px){.hud-dock{inset:auto 1rem 1rem 1rem;top:auto;left:1rem;right:1rem;width:auto}.project-bar{top:1rem;left:1rem;right:1rem;width:auto}.hud-mini-row,.hud-mini-controls{grid-template-columns:1fr}.restart-button{width:100%}}