.intro{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-4);position:relative;overflow:hidden}.intro__stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:720px;margin-bottom:var(--space-7)}.intro__line{font-size:clamp(1.4rem,4vw,2rem);text-align:center;color:var(--ink);line-height:1.35;font-weight:600;white-space:pre-line;letter-spacing:-.01em}.intro__line--final{font-family:var(--font-hand);font-weight:600;color:var(--plum);font-size:clamp(1.8rem,5vw,2.6rem);margin-top:var(--space-2)}.intro__btn{font-size:1.15rem;padding:18px 36px}.intro__decor{position:absolute;font-size:2.6rem;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.85}.intro__decor--1{top:15%;left:12%}.intro__decor--2{top:25%;right:14%;font-size:2rem}.intro__decor--3{bottom:18%;right:18%}.intro__credit{position:absolute;bottom:var(--space-5);font-size:1.1rem;color:var(--plum)}@media (max-width: 640px){.intro__decor--1{left:8%;top:12%;font-size:2rem}.intro__decor--2{right:8%;top:18%;font-size:1.6rem}.intro__decor--3{right:12%;bottom:22%;font-size:2rem}}.cake-wrap{display:flex;align-items:flex-end;justify-content:center;width:100%;filter:drop-shadow(0 12px 24px rgba(106,76,147,.15))}.cake-wrap--compact{filter:drop-shadow(0 6px 12px rgba(106,76,147,.12))}.cake-svg{max-width:100%;height:auto}.layer-transition{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4)}.layer-transition__top{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.layer-transition__hand{font-family:var(--font-hand);font-size:1.4rem;color:var(--plum)}.layer-transition__title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;color:var(--ink)}.layer-transition__sub{color:var(--ink-soft);font-size:1.05rem}.layer-transition__cake{display:flex;align-items:flex-end;justify-content:center}.layer-transition__stats{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);max-width:480px;width:100%}.layer-transition__score{display:flex;align-items:baseline;gap:4px}.layer-transition__score-num{font-size:2.8rem;font-weight:700;color:var(--pink-deep);line-height:1}.layer-transition__score-lbl{color:var(--ink-soft);font-weight:600}.layer-transition__comment{font-size:1.4rem;color:var(--plum);text-align:center;line-height:1.3}.ending{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);gap:var(--space-5);position:relative}.ending__cake-stage{display:flex;justify-content:center}.ending__lighting-text{font-size:2rem;color:var(--plum)}.ending__scorecard-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);max-width:540px;width:100%}.ending__cake-mini{display:flex;justify-content:center}.scorecard{width:100%;display:flex;flex-direction:column;gap:var(--space-5);align-items:center}.scorecard__head{text-align:center}.scorecard__hand{font-family:var(--font-hand);font-size:1.25rem;color:var(--plum);line-height:1}.scorecard__title{font-size:1.6rem;font-weight:700;color:var(--ink);margin-top:2px}.scorecard__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:0}.scorecard__row{display:grid;grid-template-columns:28px 1fr 110px 36px;gap:var(--space-3);align-items:center}.scorecard__icon{font-size:1.2rem;text-align:center}.scorecard__label{font-size:.95rem;font-weight:600;color:var(--ink)}.scorecard__bar{height:12px;background:var(--cream-dark);border-radius:var(--r-pill);overflow:hidden;position:relative}.scorecard__fill{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--lavender));border-radius:var(--r-pill)}.scorecard__num{text-align:right;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.95rem}.ending--message{justify-content:center}.ending__cake-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.ending__lines{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.ending__line{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:600;color:var(--ink);line-height:1.3}.ending__line--final{font-family:var(--font-hand);font-size:clamp(2.4rem,6vw,3.4rem);color:var(--pink-deep);margin-top:var(--space-3)}.ending__replay{position:relative;z-index:1;margin-top:var(--space-5)}@media (max-width: 480px){.scorecard__row{grid-template-columns:24px 1fr 80px 32px;gap:var(--space-2)}.scorecard__label{font-size:.85rem}}.mute-toggle{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:#fffbf5b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:1.2rem;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-out)}.mute-toggle:hover{transform:scale(1.05)}.mute-toggle:active{transform:scale(.95)}.level__hint{font-size:1.2rem;color:var(--ink-soft);opacity:.7}.circle-canvas-wrap{position:relative;width:min(90vw,520px);height:min(60vh,520px);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;border:2px dashed var(--lavender-soft)}.circle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}.circle-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:var(--plum);font-size:1.25rem;pointer-events:none;white-space:nowrap}.circle-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.circle-score{display:flex;align-items:baseline;gap:2px}.circle-score__num{font-size:3.5rem;font-weight:700;color:var(--pink-deep);line-height:1}.circle-score__lbl{font-size:1.4rem;color:var(--ink-soft);font-weight:600}.color-stage{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);width:100%;max-width:560px}.color-swatch{aspect-ratio:1;border-radius:var(--r-lg);box-shadow:var(--shadow-md),inset 0 0 0 4px #fff9;transition:background-color .1s linear;position:relative}.color-swatch__lbl{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-family:var(--font-hand);font-size:1.2rem;color:var(--plum)}.color-sliders{width:100%;max-width:560px;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-5)}.color-slider{display:flex;flex-direction:column;gap:var(--space-2)}.color-slider__head{display:flex;justify-content:space-between;font-size:.95rem;color:var(--ink-soft);font-weight:600}.color-slider__head strong{color:var(--ink);font-variant-numeric:tabular-nums}input[type=range].color-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;outline:none;background:var(--cream-dark);cursor:pointer}input[type=range].color-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--pink);box-shadow:var(--shadow-sm);cursor:grab}input[type=range].color-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--pink);box-shadow:var(--shadow-sm);cursor:grab}.biryani-shop{width:100%;max-width:720px;display:flex;flex-direction:column;gap:var(--space-4)}.biryani-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.biryani-hud-card{background:var(--paper);border-radius:var(--r-md);padding:var(--space-3);text-align:center;box-shadow:var(--shadow-sm)}.biryani-hud-card__lbl{font-size:.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.biryani-hud-card__val{font-size:1.6rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.biryani-hud-card__val--money{color:var(--pink-deep)}.biryani-hud-card__val--time{color:var(--plum)}.biryani-queue{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);min-height:240px}.biryani-customer{background:var(--paper);border-radius:var(--r-lg);padding:var(--space-3);text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;position:relative;overflow:hidden}.biryani-customer__face{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.biryani-customer__order{font-family:var(--font-hand);font-size:1.2rem;color:var(--plum);line-height:1.2}.biryani-patience{position:absolute;left:0;bottom:0;height:5px;background:var(--pink);transition:width .2s linear,background .2s linear}.biryani-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-2)}.biryani-action{background:var(--paper);border-radius:var(--r-md);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all .15s var(--ease-out);font-weight:600;font-size:.85rem;color:var(--ink);cursor:pointer}.biryani-action:hover{transform:translateY(-2px);border-color:var(--pink-soft)}.biryani-action--selected{border-color:var(--pink);background:var(--pink-soft)}.biryani-action__icon{font-size:1.6rem}.biryani-serve-row{display:flex;gap:var(--space-2);justify-content:center}.biryani-feedback{font-family:var(--font-hand);font-size:1.5rem;color:var(--plum);text-align:center;min-height:32px}.mudra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:min(90vw,480px)}.mudra-tile{aspect-ratio:1;border-radius:var(--r-lg);background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);box-shadow:var(--shadow-md);cursor:pointer;border:3px solid transparent;transition:all .2s var(--ease-out);position:relative;overflow:hidden}.mudra-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.mudra-tile--active{transform:scale(1.05);background:var(--pink-soft);border-color:var(--pink);box-shadow:0 0 40px #ff8fb899,var(--shadow-lg)}.mudra-tile--idle{opacity:.92}.mudra-tile__svg{width:60%;height:60%}.mudra-tile__name{font-family:var(--font-hand);font-size:1.3rem;color:var(--plum)}.mudra-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:1rem}.mudra-round-pips{display:flex;gap:6px}.mudra-pip{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.4}.mudra-pip--done{background:var(--pink);opacity:1}.sing-meter{width:min(90vw,480px);height:80px;background:var(--paper);border-radius:var(--r-pill);box-shadow:var(--shadow-md),inset 0 4px 12px #6a4c931a;position:relative;overflow:hidden}.sing-meter__zone{position:absolute;top:8px;bottom:8px;background:var(--yellow-soft);border-radius:var(--r-pill);border:2px dashed var(--yellow);z-index:1}.sing-meter__needle{position:absolute;top:0;bottom:0;width:8px;border-radius:var(--r-pill);background:var(--plum);box-shadow:0 0 20px #6a4c9366;z-index:3;transition:left 60ms linear}.sing-meter__notes{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);font-size:1.6rem;z-index:2;pointer-events:none}.sing-stats{display:flex;gap:var(--space-5);font-size:1rem;color:var(--ink-soft)}.sing-stats strong{display:block;font-size:1.6rem;color:var(--ink);font-variant-numeric:tabular-nums}.sing-mic-btn{font-size:1.1rem}.sing-bar{width:min(90vw,480px);height:10px;background:var(--cream-dark);border-radius:var(--r-pill);overflow:hidden;position:relative}.sing-bar__fill{height:100%;background:var(--pink);transition:width .1s linear}.sing-no-mic{text-align:center;color:var(--ink-soft);max-width:420px;line-height:1.5}.quiz-card{width:100%;max-width:560px;display:flex;flex-direction:column;gap:var(--space-4)}.quiz-question{background:var(--paper);border-radius:var(--r-lg);padding:var(--space-6) var(--space-5);text-align:center;box-shadow:var(--shadow-md)}.quiz-question__jp{font-size:2.2rem;font-weight:700;color:var(--ink);letter-spacing:.02em}.quiz-question__hint{margin-top:var(--space-2);font-family:var(--font-hand);font-size:1.1rem;color:var(--ink-soft)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quiz-option{background:var(--paper);border-radius:var(--r-md);padding:var(--space-4);font-size:1rem;font-weight:600;color:var(--ink);border:2px solid transparent;box-shadow:var(--shadow-sm);transition:all .18s var(--ease-out);cursor:pointer;text-align:center}.quiz-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--pink-soft)}.quiz-option--right{background:#c8f0d7;border-color:#6cc894}.quiz-option--wrong{background:#ffd0d0;border-color:#e66a6a}.quiz-progress{display:flex;justify-content:center;gap:6px}@media (max-width: 480px){.quiz-options{grid-template-columns:1fr}}:root{--pink: #FF8FB8;--pink-soft: #FFD0E1;--pink-deep: #E66A98;--cream: #FFF6EC;--cream-dark: #F5E9D7;--yellow: #FFD56B;--yellow-soft: #FFE8B0;--lavender: #CDB4FF;--lavender-soft: #E5D7FF;--blue: #9AD7F5;--blue-soft: #C8E8F8;--plum: #6A4C93;--plum-soft: #8A6DB0;--ink: #3A2E4A;--ink-soft: #6B5E7A;--muted: #B5A8C0;--paper: #FFFBF5;--font-body: "Quicksand", system-ui, -apple-system, sans-serif;--font-hand: "Caveat", "Quicksand", cursive;--r-sm: 8px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(106, 76, 147, .08);--shadow-md: 0 8px 24px rgba(106, 76, 147, .12);--shadow-lg: 0 16px 48px rgba(106, 76, 147, .18);--shadow-glow: 0 0 40px rgba(255, 143, 184, .4);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100vh;width:100%;overflow-x:hidden}body{font-family:var(--font-body);font-weight:500;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;overscroll-behavior:none}#root{display:flex;flex-direction:column}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.5}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 20% 10%,var(--pink-soft) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--lavender-soft) 0%,transparent 50%),radial-gradient(ellipse at 60% 90%,var(--yellow-soft) 0%,transparent 55%),radial-gradient(ellipse at 10% 80%,var(--blue-soft) 0%,transparent 50%),var(--cream)}.app-bg:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:radial-gradient(circle at 1px 1px,rgba(106,76,147,.06) 1px,transparent 0);background-size:24px 24px;opacity:.5}.card{background:var(--paper);border-radius:var(--r-lg);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 28px;border-radius:var(--r-pill);background:var(--pink);color:#fff;font-weight:700;font-size:1rem;letter-spacing:.02em;box-shadow:0 4px 0 var(--pink-deep),var(--shadow-md);transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--pink-deep),var(--shadow-lg)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--pink-deep),var(--shadow-sm)}.btn--ghost{background:transparent;color:var(--plum);box-shadow:none;border:2px solid var(--plum-soft)}.btn--ghost:hover:not(:disabled){background:var(--lavender-soft);transform:translateY(-2px);box-shadow:none}.btn--ghost:active:not(:disabled){transform:translateY(0)}.hand{font-family:var(--font-hand);font-weight:600}.level{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4);gap:var(--space-5)}.level__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;max-width:640px}.level__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--plum);color:var(--cream);border-radius:var(--r-pill);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.level__title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;color:var(--ink);line-height:1.15}.level__sub{font-family:var(--font-hand);font-size:clamp(1.2rem,3vw,1.5rem);color:var(--plum)}.level__stage{flex:1;width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5)}.level__footer{width:100%;max-width:720px;display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4)}.feedback-bubble{font-family:var(--font-hand);font-size:clamp(1.4rem,3.5vw,1.8rem);color:var(--plum);text-align:center;padding:var(--space-3) var(--space-5);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-height:56px;display:flex;align-items:center;justify-content:center}.progress-rail{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10;background:#fffbf5b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:14px 10px;border-radius:999px;box-shadow:var(--shadow-sm)}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);opacity:.4;transition:all .3s var(--ease-out)}.progress-dot--done{background:var(--pink);opacity:1}.progress-dot--current{background:var(--plum);opacity:1;transform:scale(1.4)}.flex{display:flex}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}canvas{touch-action:none;display:block}@media (max-width: 640px){.card{padding:var(--space-5)}.btn{padding:12px 22px;font-size:.95rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}