:root{--rose: #b58a86;--rose-soft: #e6ddd5;--rose-deep: #8a5f63;--cream: #f4efe9;--white: #ffffff;--violet: #a9969b;--violet-deep: #6c545a;--sky: #9aabb2;--sky-soft: #e3e6e6;--peach: #cfa98e;--gold: #c2a15a;--mint: #9aa892;--ink: #2f2a2b;--ink-soft: #857b7d;--radius: 16px;--radius-sm: 11px;--radius-pill: 999px;--shadow: 0 10px 30px rgba(50, 40, 42, .18);--shadow-lg: 0 20px 50px rgba(40, 32, 34, .24);--shadow-soft: 0 6px 18px rgba(50, 42, 44, .12);--glass-bg: rgba(255, 255, 255, .74);--glass-border: rgba(255, 255, 255, .55);--font: "Segoe UI", "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:#ece6de;overflow:hidden;letter-spacing:.2px;-webkit-tap-highlight-color:transparent;user-select:none}#bg-canvas{position:fixed;inset:0;z-index:0;display:block}#app{position:relative;z-index:1;width:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:opacity .24s ease,transform .24s ease}#app.scene-leaving{opacity:0;transform:translateY(12px) scale(.99)}#app.scene-entering{opacity:0}.scene{animation:sceneIn .4s ease both}@keyframes sceneIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.glass{background:var(--glass-bg);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1.5px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.btn{font-family:inherit;font-weight:800;font-size:1rem;color:var(--ink);background:var(--white);border:none;border-radius:var(--radius-pill);padding:.7rem 1.4rem;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.03);box-shadow:var(--shadow)}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--rose) 0%,var(--violet-deep) 100%);box-shadow:0 10px 24px #ff5f9e66}.btn--ghost{background:#ffffff80;color:var(--violet-deep)}.btn--danger{color:#fff;background:linear-gradient(135deg,#ff8a80,#ff5f9e)}:focus-visible{outline:3px solid var(--violet-deep);outline-offset:3px;border-radius:6px}.hud{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;margin:.7rem;border-radius:var(--radius-pill);flex-wrap:wrap}.hud__back{width:42px;height:42px;flex:none;border:none;border-radius:50%;font-size:1.4rem;font-weight:900;color:var(--violet-deep);background:#ffffffb3;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s ease}.hud__back:hover{transform:translate(-3px) scale(1.05)}.hud__title{font-size:1.1rem;font-weight:900;color:var(--violet-deep);white-space:nowrap}.hud__spacer{flex:1}.stat{display:inline-flex;align-items:center;gap:.35rem;background:#fff9;padding:.35rem .75rem;border-radius:var(--radius-pill);font-weight:900;font-size:.95rem;box-shadow:inset 0 0 0 1.5px #ffffffb3}.stat--money{color:#d98b1f}.stat--rep{color:var(--rose-deep)}.stat__icon{font-size:1rem}.hud__level{display:flex;flex-direction:column;gap:3px;min-width:130px}.stat--level{color:var(--violet-deep);padding:.15rem .6rem;font-size:.85rem}.xpbar{position:relative;height:12px;background:#9b6bd62e;border-radius:var(--radius-pill);overflow:hidden}.xpbar__fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--sky),var(--violet));border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.2,.9,.3,1)}.xpbar__text{position:absolute;inset:0;display:grid;place-items:center;font-size:.6rem;font-weight:900;color:var(--violet-deep)}.menu{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:1.5rem;text-align:center;position:relative}.menu__hero{position:relative}.menu__portrait{position:relative;width:min(320px,74vw);height:clamp(220px,40vh,320px);margin:0 auto .7rem;padding:0;overflow:hidden;border-radius:20px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.6);background:linear-gradient(160deg,#efe9e1,#e0d7cb)}.menu__portrait canvas{position:relative;z-index:1}.menu__portrait-load{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-soft);font-weight:700;font-size:.85rem;z-index:0}.menu__sparkles{font-size:1.6rem;letter-spacing:.5rem;animation:twinkle 2.4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.menu__title{display:flex;flex-direction:column;line-height:1;font-weight:900;margin:.4rem 0}.menu__title-l0{font-size:clamp(.9rem,3vw,1.4rem);font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:-.1em}.menu__title-name{font-size:clamp(3.4rem,15vw,7rem);font-weight:900;letter-spacing:.08em;line-height:.95;background:linear-gradient(120deg,var(--rose-deep),var(--violet-deep) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 30px rgba(138,95,99,.25);animation:bob 3.5s ease-in-out infinite}.menu__title-l1{font-size:clamp(2.6rem,9vw,4.4rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(120deg,var(--rose-deep),var(--violet-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.menu__title-l2{font-size:clamp(.85rem,3vw,1.25rem);font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-soft);margin-top:.3rem}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}.menu__subtitle{color:var(--ink-soft);font-weight:700;font-size:clamp(.9rem,2.5vw,1.05rem);max-width:34ch;margin:0 auto}.menu__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem;width:min(560px,92vw)}.menu-btn{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .6rem;border:1.5px solid var(--glass-border);border-radius:var(--radius);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--violet-deep);font-weight:900;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease}.menu-btn__emoji{font-size:1.7rem;filter:drop-shadow(0 3px 5px rgba(0,0,0,.12))}.menu-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow)}.menu-btn:active:not(:disabled){transform:scale(.97)}.menu-btn:disabled{opacity:.5;cursor:not-allowed}.menu-btn--primary{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:.6rem;color:#fff;background:linear-gradient(135deg,var(--rose),var(--violet-deep));border:none;font-size:1.3rem;padding:1.1rem;box-shadow:0 12px 28px #ff5f9e6b}.menu-btn--primary .menu-btn__emoji{font-size:1.5rem}.menu__stats{display:inline-flex;gap:.6rem;padding:.5rem 1.1rem;border-radius:var(--radius-pill);font-weight:800;color:var(--ink);flex-wrap:wrap;justify-content:center}.menu__mascots{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.mascot{position:absolute;font-size:clamp(2.4rem,7vw,4rem);opacity:.85;animation:floaty 6s ease-in-out infinite}.mascot--1{left:6%;bottom:10%}.mascot--2{right:7%;top:16%;animation-delay:1.5s}.mascot--3{right:14%;bottom:14%;animation-delay:3s}@keyframes floaty{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(4deg)}}.menu__foot{color:var(--ink-soft);font-size:.75rem;font-weight:700}.salon{height:100dvh;display:flex;flex-direction:column}.salon__main{flex:1;display:flex;gap:.8rem;padding:0 .8rem;min-height:0}.salon__panel{width:min(320px,34vw);flex:none;padding:1rem;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto}.req__client{display:flex;align-items:center;gap:.6rem}.req__avatar{font-size:2.2rem;width:56px;height:56px;display:grid;place-items:center;background:#fff9;border-radius:50%;box-shadow:var(--shadow-soft)}.req__name{font-size:1.25rem;font-weight:900;color:var(--violet-deep)}.req__perso{font-size:.8rem;color:var(--ink-soft);font-weight:700}.timer-row{display:flex;align-items:center;gap:.5rem}.timer__clock{font-size:1.1rem;line-height:1}.timer{flex:1;min-width:0;height:14px;background:#ff8fc733;border-radius:var(--radius-pill);overflow:hidden}.timer__label{font-weight:900;font-size:1rem;color:var(--violet-deep);font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right}.timer__label--low{color:var(--rose-deep);animation:pulseLow .7s ease-in-out infinite}.timer__fill{height:100%;width:100%;background:linear-gradient(90deg,var(--mint),var(--sky));border-radius:var(--radius-pill);transition:width .1s linear}.timer__fill--low{background:linear-gradient(90deg,var(--gold),var(--rose-deep));animation:pulseLow .7s ease-in-out infinite}@keyframes pulseLow{50%{opacity:.6}}.req__title{font-weight:900;color:var(--rose-deep);margin-top:.2rem}.req__steps{display:flex;flex-direction:column;gap:.45rem}.step{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;padding:.45rem .6rem;background:#ffffff80;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;transition:background .3s ease}.step__emoji{font-size:1.1rem}.step__bar{position:relative;height:7px;min-width:34px;background:#9b6bd62e;border-radius:var(--radius-pill);overflow:hidden}.step__fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--rose),var(--violet-deep));border-radius:var(--radius-pill);transition:width .12s ease}.step__check{font-weight:900;color:var(--ink-soft)}.step--done{background:linear-gradient(90deg,#9fe6c480,#8ec9ff66)}.step--done .step__label{text-decoration:line-through;color:var(--ink-soft)}.step--done .step__check{color:#2ba86a}.combo{min-height:1.6rem;font-weight:900;color:var(--rose-deep);font-size:1.1rem;text-align:center;opacity:0;transition:opacity .2s ease}.combo--on{opacity:1;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:scale(1)}}.salon__stage{position:relative;flex:1;min-width:0;border-radius:var(--radius);overflow:hidden}.salon__canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.salon__layer{position:absolute;inset:0}.salon__layer--room{z-index:0}.salon__layer--avatar{z-index:1;pointer-events:none}.salon__layer--fx{z-index:2}.salon__layer--avatar canvas{width:100%!important;height:100%!important;display:block}.salon__rotbtn{position:absolute;bottom:.6rem;width:48px;height:48px;display:grid;place-items:center;font-size:1.4rem;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--rose),var(--violet-deep));border:none;border-radius:50%;box-shadow:var(--shadow-soft);cursor:pointer;z-index:4;touch-action:none;user-select:none}.salon__rotbtn--l{left:.6rem}.salon__rotbtn--r{right:.6rem}.salon__rotbtn:active{transform:scale(.92)}.salon__rothint{position:absolute;top:.5rem;left:50%;transform:translate(-50%);background:#fff9;color:var(--ink-soft);font-weight:800;font-size:.72rem;padding:.2rem .7rem;border-radius:var(--radius-pill);pointer-events:none;z-index:4;white-space:nowrap}.picker-host{position:absolute;left:0;right:0;bottom:.6rem;display:flex;justify-content:center;pointer-events:none;z-index:3}.picker{pointer-events:auto;padding:.7rem .9rem;max-width:94%;animation:pickerIn .25s ease}@keyframes pickerIn{0%{transform:translateY(20px);opacity:0}}.picker__title{font-weight:900;color:var(--violet-deep);font-size:.85rem;margin-bottom:.4rem;text-align:center}.picker__grid{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;max-width:420px}.picker__hint{font-size:.7rem;color:var(--ink-soft);text-align:center;margin-top:.4rem;font-weight:700}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .12s ease}.swatch:hover{transform:scale(1.12)}.swatch--sel{border-color:var(--violet-deep);transform:scale(1.18)}.acc-pick{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.4rem .5rem;border:2px solid transparent;border-radius:var(--radius-sm);background:#ffffffb3;cursor:pointer;font-size:1.3rem;transition:transform .12s ease}.acc-pick__n{font-size:.6rem;font-weight:800;color:var(--ink-soft)}.acc-pick:hover{transform:scale(1.08)}.acc-pick--sel{border-color:var(--rose-deep);background:var(--rose-soft)}.salon__tools{display:flex;gap:.5rem;padding:.7rem;margin:.4rem .7rem .7rem;overflow-x:auto;scrollbar-width:thin}.tool{--accent: var(--rose);flex:none;width:82px;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .3rem;border:2px solid transparent;border-radius:var(--radius-sm);background:#ffffffb3;backdrop-filter:blur(8px);cursor:pointer;font-family:inherit;box-shadow:var(--shadow-soft);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.tool__emoji{font-size:1.7rem}.tool__name{font-size:.62rem;font-weight:800;color:var(--ink);text-align:center;line-height:1.1}.tool:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 45%,transparent)}.tool:disabled{opacity:.45;cursor:not-allowed}.tool--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,white);transform:translateY(-4px);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 55%,transparent)}.result-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#5b4a5747;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;z-index:5}.result-overlay--show{opacity:1}.result{padding:1.6rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.7rem;max-width:90%;animation:pop .4s ease}.result__emoji{font-size:3rem;animation:bob 2s ease-in-out infinite}.result__title{font-size:1.6rem;font-weight:900;color:var(--rose-deep)}.result__stars{display:flex;gap:.3rem;font-size:2rem}.result__star{animation:starPop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes starPop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.result__rewards{display:flex;gap:1rem;font-weight:900;font-size:1.1rem;color:var(--violet-deep)}.result__rewards--col{flex-direction:column;gap:.35rem;font-size:1rem}.result__actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.result--contest{width:min(460px,92%);max-height:92%;overflow-y:auto}.contest__theme{font-weight:800;color:var(--ink-soft);font-size:.9rem;margin-top:-.3rem}.judges{display:flex;gap:.5rem;width:100%;justify-content:center;flex-wrap:wrap}.judge{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .7rem;background:#ffffff8c;border-radius:var(--radius-sm);min-width:88px}.judge__emoji{font-size:1.4rem}.judge__label{font-size:.72rem;font-weight:800;color:var(--ink-soft)}.judge__val{font-weight:900;color:var(--violet-deep);font-variant-numeric:tabular-nums}.board{display:flex;flex-direction:column;gap:.4rem;width:100%}.board__row{display:grid;grid-template-columns:1.7rem minmax(5.5rem,1fr) 2fr auto;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:var(--radius-sm);background:#fff6}.board__row--me{background:linear-gradient(90deg,#c2a15a59,#b58a8640);box-shadow:inset 0 0 0 1.5px var(--gold);font-weight:900}.board__rank{font-size:1.1rem;text-align:center}.board__who{font-weight:800;font-size:.85rem;color:var(--ink);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board__bar{position:relative;height:9px;background:#9b6bd62e;border-radius:var(--radius-pill);overflow:hidden}.board__fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--rose),var(--violet-deep));border-radius:var(--radius-pill)}.board__row--me .board__fill{background:linear-gradient(90deg,var(--gold),var(--rose-deep))}.board__score{font-weight:900;color:var(--violet-deep);font-variant-numeric:tabular-nums;min-width:1.8em;text-align:right}.sub{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.sub__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.4rem 1rem 2rem;width:min(1000px,100%);margin:0 auto}.sub__body--narrow{width:min(640px,100%)}.sub__intro{color:var(--ink-soft);font-weight:700;text-align:center;margin:.6rem 0 1rem}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.tab{font-family:inherit;font-weight:800;border:none;border-radius:var(--radius-pill);padding:.5rem 1rem;background:#fff9;color:var(--ink-soft);cursor:pointer;transition:all .15s ease}.tab--active{background:linear-gradient(135deg,var(--rose),var(--violet-deep));color:#fff;box-shadow:var(--shadow)}.shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}.shop-card{padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.shop-card__emoji{font-size:2.6rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12))}.shop-card__name{font-size:1rem;font-weight:900;color:var(--violet-deep)}.shop-card__desc{font-size:.78rem;color:var(--ink-soft);font-weight:600;flex:1}.shop-card__bonus{font-size:.72rem;font-weight:800;color:#2ba86a;background:#9fe6c44d;padding:.2rem .5rem;border-radius:var(--radius-pill)}.shop-card__bonus:empty{display:none}.shop-card .btn{width:100%}.shop-card--owned{box-shadow:inset 0 0 0 2px var(--mint)}.coll-section{margin-bottom:1.4rem}.coll-section__title{display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;color:var(--violet-deep);margin-bottom:.6rem}.coll-section__count{font-size:.85rem;color:var(--ink-soft);background:#fff9;padding:.2rem .7rem;border-radius:var(--radius-pill)}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem}.coll-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .4rem;background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-soft)}.coll-tile__ico{font-size:1.9rem}.coll-tile__n{font-size:.72rem;font-weight:800;color:var(--ink)}.coll-tile__sub{font-size:.6rem;color:var(--ink-soft);font-weight:600}.coll-swatch{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:var(--shadow-soft)}.coll-tile--locked{opacity:.55;filter:grayscale(.6)}.ach__progress{padding:.8rem 1rem;margin-bottom:1rem;font-weight:800;color:var(--violet-deep)}.ach__pbar{margin-top:.5rem;height:12px;background:#9b6bd62e;border-radius:var(--radius-pill);overflow:hidden}.ach__pfill{height:100%;background:linear-gradient(90deg,var(--gold),var(--rose-deep));border-radius:var(--radius-pill);transition:width .5s ease}.ach__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem}.ach{display:flex;align-items:center;gap:.7rem;padding:.8rem}.ach__badge{font-size:2rem;width:52px;height:52px;flex:none;display:grid;place-items:center;background:#fff9;border-radius:50%}.ach__body{flex:1}.ach__name{font-size:.95rem;font-weight:900;color:var(--violet-deep)}.ach__desc{font-size:.76rem;color:var(--ink-soft);font-weight:600}.ach__state{font-size:.7rem;font-weight:800;color:var(--ink-soft);white-space:nowrap}.ach__state--on{color:#2ba86a}.ach--done{box-shadow:inset 0 0 0 2px var(--mint)}.ach--done .ach__badge{background:#9fe6c466}.settings-card{padding:1rem 1.2rem;margin-bottom:1rem}.settings-card h3{color:var(--violet-deep);margin-bottom:.6rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;font-weight:800}.slider{width:55%;accent-color:var(--rose-deep);cursor:pointer}.switch{width:22px;height:22px;accent-color:var(--rose-deep);cursor:pointer}.shortcuts{list-style:none;display:flex;flex-direction:column;gap:.35rem}.shortcuts li{font-size:.82rem;font-weight:700;color:var(--ink-soft);background:#ffffff80;padding:.35rem .7rem;border-radius:var(--radius-sm)}.credits{padding:1.6rem;text-align:center}.credits__logo{font-size:3rem;animation:bob 2.5s ease-in-out infinite}.credits h2{color:var(--rose-deep);margin:.4rem 0}.credits__ver{color:var(--ink-soft);font-weight:700;margin-bottom:1rem}.credits__block{margin:1rem 0}.credits__block h3{color:var(--violet-deep);margin-bottom:.3rem}.credits__block p,.credits__block li{color:var(--ink-soft);font-weight:600;font-size:.9rem}.credits__block ul{list-style:none}.credits__hearts{font-size:1.5rem;letter-spacing:.3rem;margin-top:1rem;animation:twinkle 2s ease-in-out infinite}.credits__name{font-size:2.2rem;font-weight:900;letter-spacing:.24em;margin:.3rem 0;background:linear-gradient(120deg,var(--rose-deep),var(--violet-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.credits__author{padding:.6rem;border-radius:var(--radius-sm);background:#fff6}#toasts{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.8rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:var(--glass-bg);backdrop-filter:blur(14px);border:1.5px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--shadow);font-weight:800;color:var(--ink);transform:translateY(-24px);opacity:0;transition:transform .35s cubic-bezier(.2,1.3,.4,1),opacity .35s ease;max-width:92vw}.toast--show{transform:translateY(0);opacity:1}.toast--hide{transform:translateY(-24px);opacity:0}.toast__emoji{font-size:1.2rem}.toast--success{color:#2ba86a}.toast--reward{color:#d98b1f}.toast--unlock{color:var(--violet-deep)}.toast--warn{color:var(--rose-deep)}.unlock-banner{display:flex;align-items:center;gap:.9rem;padding:1rem 1.6rem;background:linear-gradient(135deg,#ffd6eaf2,#c9a7e6f2);border:2px solid #fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);transform:scale(.5) translateY(-30px);opacity:0;transition:transform .4s cubic-bezier(.2,1.4,.4,1),opacity .4s ease;pointer-events:none}.unlock-banner--show{transform:scale(1) translateY(0);opacity:1}.unlock-banner__emoji{font-size:2.4rem}.unlock-banner__title{font-size:1.2rem;font-weight:900;color:var(--violet-deep)}.unlock-banner__sub{font-size:.85rem;font-weight:700;color:var(--ink)}@media(max-width:760px){.salon__main{flex-direction:column;overflow-y:auto}.salon__panel{width:100%;max-height:40vh}.salon__stage{min-height:46vh}.hud__level{min-width:100px}.hud__title{display:none}}@media(max-width:460px){.menu-btn--primary{font-size:1.1rem}.result{padding:1.2rem}.tool{width:70px}}.studio__side{width:min(340px,40vw);flex:none;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem 0;min-height:0}.studio__tabs{margin:0;flex:none}.studio__panel{flex:1;min-height:0;width:auto}.studio__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.6rem}.ctrl-group{margin-bottom:.7rem}.ctrl-title{font-weight:900;color:var(--violet-deep);font-size:.8rem;margin-bottom:.4rem}.ctrl-row,.ctrl-palette{display:flex;flex-wrap:wrap;gap:.35rem}.chip{font-family:inherit;font-weight:800;font-size:.8rem;border:2px solid transparent;border-radius:var(--radius-pill);padding:.4rem .7rem;background:#ffffffb3;color:var(--ink);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.chip:hover{transform:translateY(-2px)}.chip--active{border-color:var(--rose-deep);background:var(--rose-soft);color:var(--violet-deep)}.swatch--lg{width:42px;height:42px}.preview{width:100%;max-width:640px;margin:0 auto 1.2rem;aspect-ratio:16 / 10;overflow:hidden;padding:0}.preview__canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.preview__canvas:active{cursor:grabbing}.customize__controls{display:flex;flex-direction:column;gap:1rem}.customize__decor{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.decor-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:2px solid transparent;border-radius:var(--radius-sm);background:#fff9;cursor:pointer;font-family:inherit}.decor-toggle--on{border-color:var(--mint);background:#9fe6c440}.decor-toggle__emoji{font-size:1.5rem}.decor-toggle__name{flex:1;font-weight:800;font-size:.8rem;color:var(--ink);text-align:left}.decor-toggle__state{font-size:.7rem;font-weight:800;color:var(--ink-soft)}.decor-toggle--on .decor-toggle__state{color:#2ba86a}.customize__empty{color:var(--ink-soft);font-weight:700;padding:.5rem;background:#fff6;border-radius:var(--radius-sm)}.decor-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.decor-clear{font-family:inherit;font-weight:800;font-size:.75rem;color:var(--rose-deep);background:#b58a8624;border:1.5px solid rgba(181,138,134,.4);border-radius:var(--radius-pill);padding:.3rem .8rem;cursor:pointer}.decor-hint{color:var(--ink-soft);font-weight:700;font-size:.85rem;padding:.5rem .6rem;background:#ffffff73;border-radius:var(--radius-sm)}.decor-edit{border:1.5px solid rgba(181,138,134,.45);background:#fff6;border-radius:var(--radius);padding:.7rem .8rem}.decor-edit__row{display:flex;align-items:center;gap:.6rem}.decor-edit__slider{flex:1;min-width:0;accent-color:var(--rose-deep);height:26px;cursor:pointer}.decor-edit__btn{font-family:inherit;font-size:1rem;line-height:1;width:38px;height:38px;flex:none;display:grid;place-items:center;border:none;border-radius:50%;background:var(--white);box-shadow:var(--shadow-soft);cursor:pointer}.decor-edit__btn:active{transform:scale(.94)}.decor-edit__pct{font-weight:900;color:var(--violet-deep);min-width:3.4em;text-align:right;font-variant-numeric:tabular-nums}.decor-edit__actions{display:flex;gap:.6rem;margin-top:.7rem}.decor-edit__act{flex:1;font-size:.9rem;padding:.55rem .6rem}.lookbook{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.look{position:relative;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.look__canvas{border-radius:var(--radius-sm)}.look__name{font-size:.75rem;font-weight:800;color:var(--violet-deep);text-align:center}.look__del{position:absolute;top:6px;right:6px;border:none;background:#ffffffd9;border-radius:50%;width:28px;height:28px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .12s ease}.look__del:hover{transform:scale(1.1)}@media(max-width:760px){.studio__side{width:100%;max-height:42vh}}.mall{height:100dvh;display:flex;flex-direction:column}.mall__stage{position:relative;flex:1;min-height:0;margin:0 .6rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}.mall__canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:pointer}.mall__avatar{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.mall__avatar canvas{width:100%!important;height:100%!important;display:block}.mall__hint{position:absolute;left:50%;bottom:.6rem;transform:translate(-50%);background:#ffffffb3;color:var(--ink);font-weight:800;font-size:.8rem;padding:.35rem .9rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);pointer-events:none;white-space:nowrap}.mall__controls{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.7rem .8rem 1rem}.mall__move{font-family:inherit;font-size:1.6rem;line-height:1;width:64px;height:56px;flex:none;display:grid;place-items:center;border:none;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--rose),var(--violet-deep));box-shadow:0 8px 20px #ff5f9e59;cursor:pointer;touch-action:none;user-select:none}.mall__move:active{transform:scale(.94)}.mall__enter{font-family:inherit;font-weight:900;font-size:1rem;color:var(--ink);background:linear-gradient(135deg,var(--gold),#ffe6a6);border:none;border-radius:var(--radius-pill);padding:.8rem 1.2rem;min-width:0;flex:1;max-width:340px;box-shadow:var(--shadow);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:pop .3s ease}.mall__enter:active{transform:scale(.97)}.salon-hub{display:flex;flex-direction:column;align-items:center;gap:1rem}.dressup__preview{width:100%;max-width:420px;margin:0 auto .6rem;height:clamp(240px,44vh,380px);border-radius:var(--radius);overflow:hidden;padding:0;background:linear-gradient(160deg,#efe9e1,#e0d7cb)}.dressup__canvas{width:100%;height:100%;display:block}.dressup__tip{text-align:center;color:var(--ink-soft);font-weight:700;font-size:.82rem;margin-bottom:.6rem}.shop-card--worn{outline:2px solid var(--gold);outline-offset:-2px}.bar__banner{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.6rem 1.1rem;border-radius:var(--radius-pill);font-weight:800;color:var(--ink);margin:0 auto .6rem}.bar__banner-emoji{font-size:1.4rem}.bar__count{font-weight:900;color:var(--rose-deep);font-variant-numeric:tabular-nums}.maze{height:100dvh;display:flex;flex-direction:column}.maze__top{margin:0 .6rem .4rem;padding:.5rem .8rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.35rem}.maze__reqrow{font-weight:800;font-size:.95rem;color:var(--ink)}.maze__req{color:var(--rose-deep);font-weight:900}.maze__timer{display:flex;align-items:center;gap:.5rem}.maze__timer-bar{flex:1;min-width:0;height:12px;background:#ff8fc733;border-radius:var(--radius-pill);overflow:hidden}.maze__timer-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--mint),var(--sky));border-radius:var(--radius-pill);transition:width .1s linear}.maze__timer-fill--low{background:linear-gradient(90deg,var(--gold),var(--rose-deep));animation:pulseLow .7s ease-in-out infinite}.maze__timer-num{font-weight:900;color:var(--violet-deep);font-variant-numeric:tabular-nums;min-width:2.6em;text-align:right}.maze__meta{display:flex;justify-content:space-between;align-items:center;font-weight:900}.maze__hearts{letter-spacing:.1em}.maze__scorebox{color:var(--violet-deep)}.maze__stage{position:relative;flex:1;min-height:0;margin:0 .6rem;border-radius:var(--radius);overflow:hidden;background:#efe6dc}.maze__canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.maze__host{position:absolute;inset:0}.maze__host canvas{display:block}.studio__nails3d{position:absolute;inset:0;z-index:2;touch-action:none}.studio__nails3d canvas{display:block}.maze__dpad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,52px);grid-template-areas:". u ." "l d r";gap:7px;justify-content:center;padding:.5rem 0 .9rem}.maze__dpad--u{grid-area:u}.maze__dpad--l{grid-area:l}.maze__dpad--d{grid-area:d}.maze__dpad--r{grid-area:r}.maze__dpad-btn{font-family:inherit;font-size:1.5rem;line-height:1;display:grid;place-items:center;border:none;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--rose),var(--violet-deep));box-shadow:0 6px 16px #ff5f9e52;cursor:pointer;touch-action:none;user-select:none}.maze__dpad-btn:active{transform:scale(.92)}.barg{height:100dvh;display:flex;flex-direction:column}.barg__reciperow{font-weight:800;font-size:.9rem;color:var(--ink-soft)}.barg__recipe{color:var(--violet-deep);font-weight:900;letter-spacing:.06em}.barg__stage{position:relative;flex:1;min-height:0;margin:0 .6rem;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#f3ecf5,#e7dcea)}.barg__canvas{position:absolute;inset:0;width:100%;height:100%}.barg__palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:.4rem;padding:.5rem .6rem .2rem}.barg__ing{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);cursor:pointer}.barg__ing:active{transform:scale(.94)}.barg__ing-emoji{font-size:1.5rem}.barg__ing-name{font-size:.66rem;font-weight:800;color:var(--ink)}.barg__actions{display:flex;gap:.6rem;justify-content:center;padding:.4rem .6rem .9rem}.barg__serve{flex:1;max-width:240px}#signature{position:fixed;right:10px;bottom:8px;z-index:60;pointer-events:none;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);background:#ffffff8c;border:1px solid rgba(255,255,255,.6);padding:3px 11px;border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);user-select:none}#signature b{color:var(--rose-deep);letter-spacing:.14em}@media(max-width:600px){.hud{margin:.4rem;gap:.4rem;padding:.4rem .6rem}.stat{font-size:.82rem;padding:.3rem .55rem}.menu{gap:1rem;padding:1rem 1rem 3rem}.menu__grid{grid-template-columns:repeat(2,1fr);width:100%}.sub__body{padding:.4rem .7rem 3rem}.tabs{gap:.35rem}.tab{padding:.4rem .7rem;font-size:.85rem}.shop__grid,.ach__list{grid-template-columns:1fr}#signature{font-size:.6rem;padding:2px 8px;right:6px;bottom:6px}}@media(max-width:380px){.menu__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.05ms!important}}.hud{margin-top:max(.7rem,env(safe-area-inset-top));margin-left:max(.7rem,env(safe-area-inset-left));margin-right:max(.7rem,env(safe-area-inset-right))}#toasts{padding-top:max(.8rem,env(safe-area-inset-top))}.mall__controls{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.maze__dpad,.barg__actions{padding-bottom:calc(.9rem + env(safe-area-inset-bottom))}.salon__tools{margin-bottom:calc(.7rem + env(safe-area-inset-bottom))}.studio__actions{padding-bottom:calc(.6rem + env(safe-area-inset-bottom))}.sub__body{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}#signature{right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.stage-loader{position:absolute;inset:0;z-index:6;display:grid;place-items:center;align-content:center;gap:.5rem;color:var(--ink-soft);font-weight:800;font-size:.9rem;pointer-events:none;background:#f4efe966;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .45s ease}.stage-loader--hide{opacity:0}.stage-loader__spin{font-size:1.9rem;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}