:root{--woofie-bg:#030314;--woofie-drop:rgba(0,0,0,.45);--woofie-digital:#7CFF88}
.woofie-space *{box-sizing:border-box}
.woofie-space{position:relative;background:var(--woofie-bg);border-radius:16px;padding:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);color:#cfead6;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,ui-sans-serif}
.woofie-space .overlay{display:none;position:relative;flex-direction:column;align-items:center;gap:12px;padding:120px 16px 76px}
.woofie-space.show-intro .overlay{display:flex}
.woofie-space .title.mega{font-weight:800;font-size:clamp(2.6rem,8vw,4.6rem);color:#fff;text-align:center;
  text-shadow:0 0 14px #b2f7ff,0 0 50px #809bff;margin:10px 0 0}
.woofie-space .instructions{opacity:.9;text-align:center;max-width:820px;margin:0}
.woofie-space .intro-actions{position:absolute;bottom:18px;left:0;right:0;display:flex;gap:14px;justify-content:center}
.woofie-space .btn{appearance:none;border:0;border-radius:999px;padding:12px 22px;font-weight:700;
  box-shadow:0 10px 30px var(--woofie-drop);cursor:pointer;text-decoration:none}
.woofie-space .btn.primary{background:linear-gradient(135deg,#66a6ff,#8dd3ff);color:#071521}
.woofie-space .btn.ghost{background:#0b1020;color:#cdd5ff;border:1px solid #26314a}
.woofie-space .woofie-hero{width:min(34vw,200px);height:auto;display:block;margin:8px auto 12px;
  filter:drop-shadow(0 8px 28px rgba(0,0,0,.45));}
.woofie-space .woofie-hero.finish{width:min(30vw,180px);margin:0 auto 6px}
.woofie-space .hud{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0a0e22,#0a0e22e6);
  border-radius:14px;margin:8px 0;padding:8px 12px;box-shadow:0 12px 40px var(--woofie-drop)}
.woofie-space .tag{opacity:.75;margin-right:8px}
.woofie-space .digital{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--woofie-digital);font-size:clamp(1.2rem,3.6vw,1.6rem)}
.woofie-space .stage-wrap{position:relative;margin:8px 0 6px;border-radius:18px;
  background:radial-gradient(1200px 600px at 50% 10%,#0d1530,#050615 70%);box-shadow:0 18px 60px var(--woofie-drop)}
.woofie-space canvas{display:block;width:100%;height:auto;border-radius:18px}
.woofie-space .guesses{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 12px 10px;margin-bottom:4px}
.woofie-space .guess-btn{border:0;border-radius:999px;padding:10px 16px;background:#0b1020;color:#d4ddff;border:1px solid #2a3455;cursor:pointer}
.woofie-space .judge{position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);pointer-events:none;transition:opacity .2s ease;opacity:0}
.woofie-space .judge-text{font-family:Orbitron,ui-monospace,monospace;font-size:clamp(2rem,8vw,5rem);font-weight:800;letter-spacing:2px}
.woofie-space .hidden{opacity:0}
.woofie-space .final-score{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(2.4rem,12vw,7rem);line-height:1;color:#7CFF88;
  text-shadow:0 0 12px #34eb83aa,0 0 32px #00ffc055;margin:.4rem 0 0;display:block}
.woofie-space .final-score-wrap{text-align:center;color:#cfead6;font-size:clamp(1rem,2.4vw,1.15rem)}
.woofie-space.show-intro .hud,.woofie-space.show-intro .stage-wrap{display:none}