@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;color:#fff2dc;width:100%;height:100%;margin:0;font-family:Nunito,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:none;background:#ffffff0c;border:1px solid #ffffff25;border-radius:14px;min-width:44px;min-height:44px;transition:background .15s,transform .15s}button:hover{background:#ffffff20}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f5d693}button:disabled{cursor:default;opacity:.45}button:active{transform:scale(.96)}[hidden]{display:none!important}#game{width:100%;height:100%;position:fixed;inset:0}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:auto auto minmax(120px,1fr) auto;display:grid;position:fixed;inset:0}#ui button,#ui input,#ui select,#ui #overlay{pointer-events:auto}.top{justify-content:space-between;align-items:center;padding:22px 36px 10px;display:flex}.brand span{letter-spacing:.18em;color:#decddda6;font-size:10px;font-weight:700}.brand h1{letter-spacing:-.04em;margin:4px 0 0;font-size:25px;line-height:1.1}nav{gap:10px;display:flex}nav button{width:44px;font-size:20px}.moon{color:#36243f;background:#f7d6a1;border-color:#0000;font-size:26px}.status{justify-content:space-between;align-items:center;gap:18px;padding:8px 36px;display:flex}.mode{text-transform:uppercase;letter-spacing:.12em;color:#eed4a6;font-size:11px}h2{letter-spacing:-.02em;margin:7px 0;font-size:clamp(14px,1.7vw,21px);font-weight:400}.heat{letter-spacing:.08em;color:#ebdcd1;min-width:150px;font-size:10px}.heat span:nth-child(2){float:right;margin-left:16px}progress{accent-color:#e8ca90;background:#ffffff16;border:0;border-radius:8px;width:100%;height:7px;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff16}progress::-webkit-progress-value{background:#e8ca90;border-radius:8px}.heat progress{margin-top:9px;display:block}#stage{min-height:120px;position:relative}.slot{z-index:2;border:0;border-radius:22px;position:absolute;background:0 0!important}.slot-number{color:#ffeddba3;border-radius:50%;min-width:20px;padding:3px;font-size:10px;position:absolute;top:0;left:0}.slot-name{color:#f2e1dbb0;white-space:nowrap;font-size:11px;position:absolute;bottom:0;left:0;right:0}#slot-menu{z-index:5;background:#261e33;border:1px solid #fff2dc33;border-radius:16px;gap:4px;padding:3px;display:flex;position:absolute;box-shadow:0 8px 24px #0003}#slot-menu button{border:0;border-radius:11px;min-width:44px;min-height:44px;font-size:16px}#slot-menu button.active{color:#261e33;background:#e8ca90}#tray{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#241c31b3;border-top:1px solid #ffffff18;border-radius:28px 28px 0 0;padding:22px 36px 14px}#categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.category-title{text-transform:uppercase;letter-spacing:.14em;color:var(--color);margin-bottom:12px;font-size:10px;font-weight:700}.category-beat{--color:#ffa35c}.category-groove{--color:#b399fc}.category-melody{--color:#73dbce}.category-voice{--color:#f6a6cb}.mask-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.mask{background:0 0;border-color:#0000;border-radius:13px;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:65px;padding:5px 2px 2px;display:flex}.shape{background:var(--color);color:#302238;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;transition:transform .15s;display:grid;box-shadow:0 5px #0002}.groove .shape{border-radius:8px}.melody .shape{clip-path:polygon(50% 0,100% 95%,0 95%);border-radius:0;padding-top:8px}.voice .shape{clip-path:polygon(50% 96%,8% 58%,0 32%,8% 13%,28% 6%,50% 24%,72% 6%,92% 13%,100% 32%,92% 58%);border-radius:0;padding-bottom:3px}.mask-name{text-overflow:ellipsis;white-space:nowrap;color:#e4d5e2b0;max-width:100%;font-size:9px;overflow:hidden}.mask.used .shape{opacity:.32;box-shadow:none}.mask.picked{border-color:var(--color);background:#ffffff16}.mask.picked .shape{transform:translateY(-5px)}.mask.hinted{border-color:#f4d38f;box-shadow:0 0 15px #f4d38f44}.mask:hover .shape{transform:translateY(-3px)}footer{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}footer p{color:#d3bdcfb3;margin:0;font-size:11px}#hint{background:#fff3;min-width:70px;font-size:18px}#hint span{font-size:12px}#overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#18131c75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#modal{overscroll-behavior:contain;touch-action:pan-y;text-align:center;pointer-events:auto;background:#2b2237ee;border:1px solid #e4c5ba40;border-radius:28px;width:min(100%,500px);max-width:500px;max-height:92dvh;padding:34px;overflow:auto;box-shadow:0 30px 100px #130e1f66}#modal h2{margin:0 0 18px;font-size:28px;font-weight:600}#modal p{color:#d3bfd3;font-size:12px;line-height:1.7}#modal button{min-height:46px;margin:7px;padding:11px 18px}#modal .primary{color:#30213a;background:#eed29e;border:0;font-weight:650}#modal label{text-align:left;color:#d3bfd3;margin:18px 0;font-size:12px;display:block}#modal input[type=range]{accent-color:#eed29e;touch-action:pan-x;width:100%;margin-top:12px;display:block}#modal input:not([type=range]),#modal select{color:#fff2dc;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#1d182a;border:1px solid #ffffff2b;border-radius:12px;width:100%;margin:12px 0;padding:12px;display:block}#mix-current{text-align:center;letter-spacing:.08em;font-family:monospace;font-size:23px}.start-symbol{color:#46304f;background:#f3d3a5;border-radius:28px;place-items:center;width:84px;height:84px;margin:0 auto 26px;font-size:45px;display:grid;transform:rotate(-8deg)}.bonus-symbol{color:#f3d3a5;font-size:90px;animation:1s ease-in-out infinite alternate float}.bonus-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.bonus-grid button{text-align:left;min-height:68px;font-size:12px}#toast{z-index:15;color:#302138;background:#f2d6a8;border-radius:16px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:13px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0003}#drag-ghost{z-index:50;pointer-events:none;color:#32213b;white-space:nowrap;background:#f5dcb3;border-radius:18px;padding:12px 18px;position:fixed;transform:translate(-50%,-130%);box-shadow:0 12px 30px #0005}.pending{animation:.6s ease-in-out infinite alternate float}@keyframes float{to{transform:translateY(-5px)}}@media (width<=1000px){#categories{gap:10px}.top{padding:18px 22px 8px}.status{padding:8px 22px}#tray{padding:18px 22px 12px}.shape{width:34px;height:34px}.mask-name{font-size:8px}}@media (orientation:portrait){.top{padding:18px 20px 8px}.brand span{font-size:8px}.brand h1{font-size:19px}nav{gap:5px}nav button{width:44px;min-width:44px}.status{align-items:flex-start;padding:10px 20px 0}.status h2{max-width:210px;font-size:13px;line-height:1.5}.heat{letter-spacing:0;min-width:80px;max-width:90px;font-size:8px}.mode{font-size:9px}#tray{border-radius:24px 24px 0 0;padding:16px 20px 12px}#categories{grid-template-columns:1fr;gap:6px}.category{grid-template-columns:66px 1fr;align-items:center;gap:6px;display:grid}.category-title{letter-spacing:.04em;margin:0;font-size:9px}.mask-row{gap:4px}.mask{min-width:44px;min-height:44px;padding:4px}.shape{width:32px;height:32px;font-size:11px}.mask-name{display:none}footer{gap:8px;margin-top:10px}footer p{max-width:230px;font-size:10px}#hint{min-width:58px}.slot-name{font-size:9px}#modal{padding:24px}#modal h2{font-size:23px}}@media (height<=500px){.top{padding-top:8px;padding-bottom:3px}.brand h1{font-size:18px}.status{padding-top:3px;padding-bottom:3px}.status h2{margin:2px 0;font-size:12px}#tray{padding:8px 20px}#categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.category-title{margin-bottom:3px;font-size:8px}.mask{min-height:44px;padding:2px}.mask-name{display:none}.shape{width:29px;height:29px}footer{margin-top:4px}#hint{min-height:30px}.slot-name{font-size:9px}}.loading:before,.spinner{content:"";vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;margin-right:10px;animation:.7s linear infinite spin;display:inline-block}.spinner{width:32px;height:32px;margin:8px auto 24px;display:block}#modal-message{border-top:1px solid #ffffff20;padding-top:12px;color:#f6d69b!important}@keyframes spin{to{transform:rotate(360deg)}}.mask.dragging .shape{transform:scale(1.15);box-shadow:0 10px 15px #0004}#lever.coach{animation:.5s ease-in-out 3 coach}@keyframes coach{50%{transform:translateY(3px);box-shadow:0 0 0 8px #f5d69355}}@media (orientation:landscape) and (width<=1100px){#categories{grid-template-columns:1fr 1fr;gap:6px 12px}.category{grid-template-columns:48px 1fr;align-items:center;gap:4px;display:grid}.category-title{letter-spacing:0;margin:0;font-size:8px}.mask-row{gap:2px}.mask{min-width:44px;min-height:44px;padding:4px}.mask-name{display:none}.shape{width:32px;height:32px}#tray{padding:8px 20px}footer{margin-top:4px}#hint{min-height:44px}}@media (height<=500px){#ui{grid-template-rows:auto auto minmax(80px,1fr) auto}.top{padding-top:6px}#stage{min-height:80px}.brand h1{margin:0}.status h2{max-width:none}.heat{min-width:120px}footer p{font-size:10px}#modal{max-height:92dvh;padding:18px}#modal h2{font-size:21px}}.mask.hinted{animation:.7s ease-in-out infinite alternate hintGlow}@keyframes hintGlow{to{background:#f4d38f18;box-shadow:0 0 24px #f4d38f88}}@media (height<=500px){#modal[data-state=paused]{grid-template-columns:1fr 1fr;grid-template-areas:"title title""resume clear""music sfx""help help";gap:6px 12px;max-width:580px;display:grid}#modal[data-state=paused] h2{grid-area:title;margin-bottom:4px}#modal[data-state=paused] #resume{grid-area:resume;margin:0}#modal[data-state=paused] #clear{grid-area:clear;margin:0}#modal[data-state=paused] label{margin:6px 0}#modal[data-state=paused] label:first-of-type{grid-area:music}#modal[data-state=paused] label:nth-of-type(2){grid-area:sfx}#modal[data-state=paused] p{grid-area:help;margin:4px 0;font-size:11px;line-height:1.4}#modal[data-state=paused] input[type=range]{margin-top:6px}}.mask.with-art .shape{clip-path:none;box-shadow:none;background:0 0;border-radius:0;width:44px;height:44px;padding:0;position:relative}.mask.with-art .shape img{object-fit:contain;pointer-events:none;width:100%;height:100%}.mask.with-art .shape>span{color:#fff2dc;background:#2a1b3dcc;border-radius:50%;width:15px;height:15px;font-size:9px;line-height:15px;position:absolute;bottom:-2px;right:-2px}.moon img{object-fit:contain;pointer-events:none;width:28px;height:40px}@media (orientation:portrait),(height<=500px){.mask.with-art .shape{width:32px;height:32px}}#overlay:has(#modal[data-state=bonusShow]){-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:#100b2026}#modal[data-state=bonusShow]{box-shadow:none;pointer-events:none;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0;overflow:hidden}#modal[data-state=bonusShow] .bonus-symbol{display:none}#modal[data-state=bonusShow] h2{text-shadow:0 2px 15px #171020;position:absolute;top:12%;left:20px;right:20px}#modal[data-state=bonusShow] #skip{pointer-events:auto;background:#261d36e8;position:absolute;bottom:20px;right:20px}#modal[data-state=bonusShow] progress{width:min(55%,420px);position:absolute;bottom:40px;left:24px}html[data-state=bonusShow] .top,html[data-state=bonusShow] .status,html[data-state=bonusShow] #tray,html[data-state=bonusShow] #stage .slot{visibility:hidden}.ad-choice{color:#fff;background:#55465e;border:1px solid #a78baf;font-size:.875rem}.top nav button{color:#fff2dc;background:#261e33;border:1px solid #a38baa;place-items:center;height:44px;padding:0;line-height:1;display:grid}.top nav button:hover{background:#392c49}.top nav .moon{color:#261e33;background:#f7d6a1;border-color:#6b4c75}.top nav .moon:hover{background:#ffe4b9}.heat{color:#fff2dc;background:#261e33;border:1px solid #a38baa;border-radius:12px;padding:6px 9px}.heat progress{background:#645070}.heat progress::-webkit-progress-bar{background:#645070}@media (orientation:landscape) and (height<=500px){.status{gap:12px;padding-top:3px;padding-bottom:3px}.status>div:first-child{align-items:center;gap:12px;min-width:0;display:flex}.status .mode{white-space:nowrap;font-size:9px}.status h2{margin:0;font-size:11px;line-height:14px}.heat{letter-spacing:0;min-width:148px;padding:4px 8px}.heat span:nth-child(2){margin-left:8px}.heat progress{margin-top:4px}.slot-number,.slot-name{color:#fff2dc;background:#261e33;border-radius:4px;height:14px;padding:0;font-size:10px;line-height:14px;top:-16px;bottom:auto}.slot-number{width:12px;min-width:12px;left:0}.slot-name{text-align:center;left:14px;right:0}}