.hair-page{--hair-cream:#fff8e9;--hair-ink:#48342d;--hair-green:#365346;--hair-gold:#eabf67;--hair-line:#d8bd99;--hair-peach:#f1d6b7;--hair-white:#fffdf8;--hair-shadow:#48342d33;background:var(--hair-cream);color:var(--hair-ink);height:100dvh;font-family:var(--font-sans);margin:0;overflow:hidden}.hair-studio{flex-direction:column;height:100%;display:flex}.hair-bar{padding:.5rem max(.6rem,env(safe-area-inset-right));background:var(--hair-cream);border-bottom:1px solid var(--hair-line);align-items:center;gap:.5rem;display:flex}.hair-bar h1{font-family:var(--font-serif);flex:1;margin:0;font-size:clamp(.95rem,3vw,1.3rem)}.hair-page button,.hair-bar a{border:1px solid var(--hair-line);background:var(--hair-white);min-height:44px;color:var(--hair-ink);cursor:pointer;font-weight:650;font:inherit;border-radius:12px;padding:.5rem .85rem}.hair-page button:disabled{opacity:.5;cursor:default}.hair-page button:focus-visible,.hair-page canvas:focus-visible,.hair-bar a:focus-visible{outline:3px solid var(--hair-green);outline-offset:2px}.hair-page .hair-primary{background:var(--hair-green);color:var(--hair-white);border-color:var(--hair-green)}.hair-bar a{place-items:center;text-decoration:none;display:grid}.hair-stage{background:url(/generated/game-hair-salon-paper.jpg) 50%/cover no-repeat;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.hair-stage canvas{aspect-ratio:600/620;object-fit:contain;touch-action:none;cursor:none;width:auto;max-width:100%;height:100%}.hair-menu{text-align:center;background:#fff8e9db;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.hair-menu h2{font-size:clamp(2rem,7vw,4rem);font-family:var(--font-serif);margin:0;line-height:1.05}.hair-menu p{max-width:28rem;margin:.5rem 0}.hair-eyebrow{letter-spacing:.2em;font-size:.75rem;font-weight:700}.hair-menu button{box-shadow:0 5px 0 var(--hair-shadow);padding:.85rem 2rem}.hair-dock{padding:.45rem .6rem max(.35rem,env(safe-area-inset-bottom));border-top:1px solid var(--hair-line);background:var(--hair-cream);justify-items:center;gap:.4rem;display:grid}.hair-tools,.hair-actions,.hair-colours{justify-content:center;gap:.4rem;width:100%;max-width:700px;display:flex}.hair-tools button{flex:1}.hair-tools span{margin-right:.35rem;font-size:1.2rem}.hair-page button[aria-pressed=true]{background:var(--hair-peach);box-shadow:inset 0 0 0 2px var(--hair-green)}.hair-colours button{background:var(--swatch);border:3px solid var(--hair-cream);outline:1px solid var(--hair-line);border-radius:50%;width:38px;height:38px;min-height:38px;padding:0}.hair-colours button[aria-pressed=true]{background:var(--swatch);outline:3px solid var(--hair-green);box-shadow:none}.hair-actions button{flex:1}.hair-dock p{min-height:1em;margin:0;font-size:.75rem}.hair-page dialog{background:var(--hair-cream);color:var(--hair-ink);border:1px solid var(--hair-line);width:min(92vw,470px);max-height:90dvh;box-shadow:0 20px 80px var(--hair-shadow);border-radius:22px;margin:auto;padding:1.3rem;overflow:auto}.hair-page dialog::backdrop{background:#281f188c}.hair-page dialog h2{font-family:var(--font-serif);margin:0;font-size:1.7rem}.hair-page dialog p{margin:.8rem 0;line-height:1.5}.hair-dialog-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.hair-page dialog input{border:1px solid var(--hair-line);background:var(--hair-white);width:100%;color:var(--hair-ink);border-radius:9px;margin-top:.4rem;padding:.6rem;display:block}#hair-result-image{border-radius:14px;width:auto;max-width:100%;max-height:42dvh;margin:.6rem auto;display:block}[hidden]{display:none!important}@media (width>=800px){.hair-studio{grid-template-rows:auto 1fr;grid-template-columns:1fr 260px;display:grid}.hair-bar{grid-column:1/-1}.hair-dock{border-top:0;border-left:1px solid var(--hair-line);flex-direction:column;justify-content:center;gap:1.5rem;padding:1.2rem;display:flex}.hair-tools{grid-template-columns:1fr 1fr;display:grid}.hair-colours{flex-wrap:wrap}.hair-actions{flex-direction:column}.hair-stage canvas{max-width:none}}@media (height<=520px) and (width<=799px){.hair-dock{gap:.2rem}.hair-colours button{width:28px;height:28px;min-height:28px}.hair-dock p{display:none}.hair-bar{padding:.2rem}.hair-page button{min-height:36px;font-size:.8rem}.hair-tools span{font-size:.9rem}}.hair-page #hair-result-dialog{width:min(94vw,780px)}#hair-result-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:42dvh}.hair-dialog-actions .hair-facebook{border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.625rem .875rem;text-decoration:none;display:inline-flex}.hair-bar{padding-top:max(.5rem,env(safe-area-inset-top));padding-left:max(.6rem,env(safe-area-inset-left))}@media (width<=600px){.hair-bar h1{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hair-bar [data-games-home]{margin-right:auto}}