@import url('../playful_shared/style.css?v=20261002play1');
.backdrop{background-image:url('assets/background.webp?v=20261002play1')}.scene{max-width:760px;overflow:hidden}.play-area{overflow:hidden}#customer{transform-origin:center bottom}#face,#hair-guide,#grow-gaps,#look-card{pointer-events:none}#hair-guide{transition:opacity .2s}.guide-complete{opacity:0}.repair-guide path:last-child{stroke:#ffe59a}#look-card{filter:drop-shadow(0 4px 5px #69493412)}.look-approved{opacity:.6}#tools{min-height:83px;gap:14px}#tools .salon-primary{flex-direction:row;gap:13px;min-width:185px;height:76px;padding:7px 18px;border-color:#7aa997;background:#fff9e9}#tools .salon-primary svg{width:55px;height:55px}#tools .salon-primary span{font-size:18px;font-weight:750}#tools .salon-check{height:76px;min-width:85px;gap:2px}#tools .salon-check svg{width:33px;height:33px}#tools .salon-check span{font-size:12px;font-weight:650}#tool-hint{text-align:center;font-size:14px;font-weight:650;color:#5d695c;min-height:21px;padding:0 3px 4px}#progress{font-size:12px;font-weight:650;letter-spacing:.2px}#salon-feedback{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 10px;background:#fffbed;border:3px solid #efd78c;box-shadow:0 8px 24px #5d35451b;border-radius:26px;padding:11px 21px;text-align:center;max-width:96%;width:280px;pointer-events:none;color:#74543e}#salon-feedback strong{font-size:32px;line-height:1.1;letter-spacing:-1px}#salon-feedback.is-complete>span:last-child{width:100%;font-size:15px;font-weight:650;color:#6f8c68}.feedback-star{font-size:37px;line-height:1;color:#e2aa32;text-shadow:0 2px #fff}#salon-feedback.is-coming{width:310px;border-color:#b1d4c0;flex-wrap:nowrap;padding:13px 15px;gap:13px}#salon-feedback.is-coming strong{font-size:20px;line-height:1.25;letter-spacing:0;text-align:left;color:#507c6e}.count-number{flex:none;background:#73a38c;color:#fff9e9;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:29px;font-weight:800}.needs-grow{filter:drop-shadow(0 0 3px #f6d25a)}body[data-phase=complete] #tool-hint,body[data-phase=countdown] #tool-hint{visibility:hidden}.salon-primary:disabled,.salon-check:disabled{opacity:.65}#tool-cursor{filter:drop-shadow(0 3px 2px #47314c33)}
@media(max-width:520px){#tools{min-height:74px;gap:10px}#tools .salon-primary{height:67px;min-width:177px;padding:5px 12px;gap:7px}#tools .salon-primary svg{height:49px;width:49px}#tools .salon-primary span{font-size:17px}#tools .salon-check{height:67px;min-width:80px}#tool-hint{font-size:13px}.heading small{letter-spacing:1px;font-size:7px}#salon-feedback{bottom:5%;width:250px;padding:10px 18px}#salon-feedback strong{font-size:29px}}
@media(max-height:650px) and (orientation:portrait){.app{grid-template-rows:58px 49px minmax(0,1fr) auto}#tools{min-height:62px}#tools .salon-primary,#tools .salon-check{height:58px}#tools .salon-primary svg{width:43px;height:43px}#tools .salon-primary span{font-size:15px}#tool-hint{font-size:12px;min-height:18px}#salon-feedback{bottom:0;width:231px;padding:6px 12px}#salon-feedback strong{font-size:26px}#salon-feedback.is-coming strong{font-size:17px}.feedback-star{font-size:28px}#salon-feedback.is-complete>span:last-child{font-size:12px}.count-number{height:41px;width:41px;font-size:25px}}
@media(orientation:landscape) and (max-height:560px){.app{grid-template-columns:minmax(0,1fr) 185px;grid-template-rows:54px 44px minmax(0,1fr)}#tools{gap:8px;min-height:0;flex-direction:column}#tools .salon-primary{height:62px;min-width:169px;padding:5px 9px;gap:7px}#tools .salon-primary svg{width:43px;height:43px}#tools .salon-primary span{font-size:15px}#tools .salon-check{flex-direction:row;height:44px;width:169px;font-size:12px}#tools .salon-check svg{height:26px;width:26px}#tool-hint{font-size:12px;padding:0 8px 7px;min-height:20px}#progress{font-size:10px}#salon-feedback{width:226px;bottom:0;padding:5px 12px}#salon-feedback strong{font-size:25px}#salon-feedback.is-complete>span:last-child{font-size:12px}.feedback-star{font-size:25px}#salon-feedback.is-coming{width:255px;padding:8px 13px}#salon-feedback.is-coming strong{font-size:16px}.count-number{height:40px;width:40px;font-size:24px}.bottom-row{margin-top:5px}}