:root{color:#1f3022;background:radial-gradient(circle at top,#f7f0d5 0%,#d8ecf7 30%,#9dc0d1 100%);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}.shell{background:radial-gradient(circle at 18% 15%,#ffefbabf,#0000 24%),linear-gradient(#dbedf7 0%,#a9c8d8 100%);min-height:100vh;position:relative;overflow:hidden}.scene-root,.scene-root canvas{width:100%;height:100vh;display:block}.hud{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}.brand{transform-origin:0 0;max-width:34rem;max-height:14rem;transition:opacity .7s,transform .7s,max-height .7s,margin .7s}.brand.is-faded{opacity:0;max-height:0;overflow:hidden;transform:translateY(-14px)scale(.98)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#243528b8;margin:0 0 .35rem;font-size:.72rem}.brand h1{color:#203126;max-width:21rem;margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:.94}.hud-topbar{flex-direction:column;align-items:stretch;gap:.65rem;width:min(18rem,100vw - 3rem);margin-left:auto;display:flex}.prompt-banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f1df8a;border:1px solid #ffffff57;border-radius:1.25rem;gap:.3rem;padding:.85rem .95rem;display:grid;box-shadow:0 14px 40px #2a3d3d1f}.guide-dock{pointer-events:auto;flex-direction:column;align-items:stretch;gap:.55rem;display:flex}.debug-dock{flex-direction:column;align-items:flex-end;gap:.45rem;display:flex}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#f8f2ded1;border:1px solid #ffffff61;border-radius:1.6rem;width:100%;padding:1.1rem;transition:opacity .18s,transform .18s;box-shadow:0 24px 60px #2a3d3d2e}.panel-header{display:block}.panel-heading{min-width:0}.panel-toggle{color:#203126;cursor:pointer;background:#2435281a;border:0;border-radius:999px;flex-shrink:0;align-self:flex-end;padding:.55rem .85rem;transition:transform .16s,background-color .16s}.panel-toggle:hover{background:#24352829;transform:translateY(-1px)}.panel-details{margin-top:.8rem}.panel.is-collapsed{display:none}.debug-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#eff7ed;background:#1b2722bd;border:1px solid #ffffff47;border-radius:1.2rem;width:min(20rem,100vw - 3rem);padding:.9rem;box-shadow:0 20px 44px #10181647}.debug-panel.is-collapsed{display:none}.debug-header{margin-bottom:.75rem}.debug-caption{color:#eff7edb8;margin:0;font-size:.84rem}.debug-panel .guide-label{color:#eff7ed9e}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.debug-item{background:#ffffff14;border-radius:.9rem;padding:.55rem .6rem}.debug-label{text-transform:uppercase;letter-spacing:.08em;color:#eff7ed94;margin-bottom:.22rem;font-size:.68rem;display:block}.debug-value{color:#f9f7ee;word-break:break-word;font-size:.84rem;line-height:1.3;display:block}.debug-toggle{background:#1b27221f}.phase-label{text-transform:uppercase;letter-spacing:.11em;color:#8d5f36;margin:0;font-weight:700}.task-text{margin:0;font-size:.98rem;line-height:1.4}.interaction-text{color:#2e6f59;min-height:0;margin:0;font-size:.95rem;font-weight:600}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.status-card,.controls-card{background:#ffffff9e;border-radius:1rem;padding:.65rem .72rem}.controls-card{margin-top:0}.status-label{text-transform:uppercase;letter-spacing:.08em;color:#27382b9e;margin-bottom:.3rem;font-size:.75rem;display:block}.status-card strong,.controls-card strong{font-size:.92rem}.controls-subline{color:#27382bc7;margin-top:.3rem;display:block}.guide-label{text-transform:uppercase;letter-spacing:.12em;color:#27382ba8;margin:0 0 .45rem;font-size:.76rem;font-weight:700}.reset-button{color:#3d321e;cursor:pointer;background:#f7d88b;border:0;border-radius:999px;width:100%;margin-top:1rem;padding:.8rem 1rem;transition:transform .16s,background-color .16s}.reset-button:hover{transform:translateY(-1px)}.hint{color:#1f3022d1;background:#22342c14;border-radius:1rem;margin:.85rem 0 0;padding:.75rem .9rem;font-size:.92rem}@media (width<=900px){.hud{gap:1rem;padding:1rem}.brand h1{max-width:18rem;font-size:clamp(1.8rem,10vw,3rem)}.hud-topbar{width:100%}.panel{width:100%;padding:1rem}.debug-panel{width:100%}.panel-header{display:block}.panel-toggle{width:fit-content}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hint{border-radius:1rem}}@media (width<=640px){.status-grid,.debug-grid{grid-template-columns:1fr}}