.ux-app{--ux-ink:#1f2d3d;--ux-red:#e8423a;--ux-gold:#ffd24a;--ux-teal:#1f8f86;--ux-green:#3fbf62;--ux-paper:#fffdf6;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#dfeef0}.ux-app.riot{animation:ux-shake .5s linear 2}@keyframes ux-shake{0%,to{transform:none}25%{transform:translate(-8px,3px)}50%{transform:translate(7px,-2px)}75%{transform:translate(-5px,-1px)}}.ux-scene{width:100%;height:100%;display:block;z-index:0}.ux-scene,.ux-zone{position:absolute;inset:0}.ux-zone{z-index:2;touch-action:none;cursor:pointer}.ux-app:not([data-phase=play]) .ux-zone{pointer-events:none}.ux-app:not([data-phase=play]):not([data-phase=ending]) :is(.ux-head,.ux-keys,.ux-pause-btn,.ux-hint,.ux-toast,.ux-dial,.ux-prompt,.ux-panel,.ux-fuse){display:none}.ux-dial{position:absolute;z-index:3;left:0;top:0;width:78px;height:78px;border-radius:50%;pointer-events:none;--tol:28;background:radial-gradient(circle,rgba(255,253,246,.95) 54%,transparent 55%),conic-gradient(from calc(180deg - 8deg),rgba(63,191,98,.95) 0 16deg,transparent 0),conic-gradient(from calc(180deg - var(--tol) * 1deg),rgba(255,160,32,.9) 0 calc(var(--tol) * 2deg),rgba(31,45,61,.55) 0);border:3px solid #fff;box-shadow:0 3px 0 rgba(31,45,61,.35);opacity:0;transition:opacity .15s,box-shadow .1s}.ux-dial.show{opacity:1}.ux-dial[data-glow=good]{box-shadow:0 0 0 4px #ffa020,0 3px 0 rgba(31,45,61,.35)}.ux-dial[data-glow=perfect]{box-shadow:0 0 0 5px #3aff6a,0 3px 0 rgba(31,45,61,.35)}.ux-dial-mark{position:absolute;inset:0;display:block}.ux-dial-mark b{position:absolute;left:50%;bottom:2px;width:24px;height:15px;margin-left:-12px;border-radius:3px;border:2px solid var(--ux-ink);background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 4px,#111 4px 5px,#fff 5px 7px);box-sizing:border-box}.ux-dial-laser{position:absolute;left:50%;bottom:-9px;width:4px;height:20px;margin-left:-2px;background:var(--ux-red);border-radius:2px;box-shadow:0 0 6px var(--ux-red)}.ux-dial:after{content:"🛒";position:absolute;inset:0;display:grid;place-items:center;font-size:20px;opacity:.5}.ux-fuse{position:absolute;z-index:3;left:0;top:0;pointer-events:none;opacity:0;padding:4px 10px;border-radius:12px;background:var(--ux-ink);color:#ffd0c8;font:800 20px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:2px solid #fff}.ux-fuse.show{opacity:1;animation:ux-pulse .3s ease-in-out infinite alternate}.ux-head{position:absolute;z-index:4;left:0;right:0;top:0;pointer-events:none;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;padding:calc(env(safe-area-inset-top, 0px) + 8px) 108px 0 10px}.ux-receipt{display:flex;align-items:baseline;gap:6px;padding:5px 12px 7px;background:var(--ux-paper);color:var(--ux-ink);font:800 22px/1 Courier New,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:4px 4px 0 0;position:relative;box-shadow:0 3px 0 rgba(31,45,61,.25);-webkit-mask:linear-gradient(#000 0 0) top /100% calc(100% - 5px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /10px 5px repeat-x;mask:linear-gradient(#000 0 0) top /100% calc(100% - 5px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /10px 5px repeat-x}.ux-receipt span{font-size:11px;letter-spacing:.08em;color:#6a7686}.ux-combo{font-style:normal;color:var(--ux-red);font-size:18px}.ux-combo.pop{animation:ux-pop .25s ease-out}@keyframes ux-pop{0%{transform:scale(1.6)}to{transform:none}}.ux-item-chip{display:flex;align-items:baseline;gap:5px;padding:5px 10px;border-radius:12px;background:rgba(255,253,246,.95);border:2px solid #fff;color:var(--ux-ink);font:800 18px/1.1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 3px 0 rgba(31,45,61,.25)}.ux-item-chip span{font-size:10px;letter-spacing:.06em;color:#5a6a80}.ux-meter{flex:1 1 100%;display:flex;align-items:center;gap:6px;max-width:420px;padding:4px 10px 4px 6px;border-radius:14px;background:rgba(31,45,61,.86);border:2px solid #fff;box-shadow:0 3px 0 rgba(31,45,61,.3)}.ux-meter-face{font-size:22px;line-height:1}.ux-meter-bar{flex:1 1;height:14px;border-radius:8px;background:rgba(255,255,255,.2);overflow:hidden}.ux-meter-bar i{display:block;height:100%;width:calc(var(--k, 0) * 100%);border-radius:8px;background:linear-gradient(90deg,#7fd36a,#ffd24a 45%,#ff6a3a 75%,#e8231a);background-size:calc(100% / max(var(--k, .01), .01)) 100%;transition:width .2s}.ux-meter-label{font:800 10px/1 Playful,sans-serif;letter-spacing:.08em;color:#ffd0c8}.ux-meter[data-level=hot]{animation:ux-wobble .35s linear infinite;border-color:#ffb3ad}@keyframes ux-wobble{50%{transform:translateX(2px)}}.ux-panel{position:absolute;z-index:5;left:50%;top:calc(env(safe-area-inset-top, 0px) + 104px);transform:translateX(-50%) scale(.9);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px 12px;border-radius:18px;min-width:210px;background:#06120a;border:3px solid #5cff7a;color:#5cff7a;font:800 14px/1.2 Courier New,monospace;text-align:center;box-shadow:0 5px 0 rgba(31,45,61,.4);opacity:0;transition:opacity .15s,transform .15s}.ux-panel.show{opacity:1;transform:translateX(-50%) scale(1)}.ux-panel b{font-size:18px;letter-spacing:.04em}.ux-panel em,.ux-panel span{font-style:normal;color:#b8ffc6;font-size:13px}.ux-age-bar{width:190px;height:16px;border-radius:8px;background:#1d3a24;overflow:hidden}.ux-age-bar i{display:block;height:100%;width:calc(var(--k, 0) * 100%);background:#5cff7a;transition:width .08s}.ux-age-row{display:flex;align-items:center;gap:8px;width:190px}.ux-age-time{flex:1 1;height:6px;border-radius:3px;background:#1d3a24;overflow:hidden}.ux-age-time i{display:block;height:100%;width:calc(var(--k, 1) * 100%);background:#ffb020}.ux-scale{position:relative;width:170px;height:88px;border-radius:88px 88px 0 0;background:#13261a;overflow:hidden;border:2px solid #5cff7a;border-bottom:0}.ux-scale-band{position:absolute;inset:0;background:conic-gradient(from calc(var(--from, -90) * 1deg) at 50% 100%,#5cff7a 0 calc(var(--span, 20) * 1deg),transparent 0);opacity:.85}.ux-scale-needle{position:absolute;left:50%;bottom:0;width:4px;height:80px;margin-left:-2px;background:#ffffff;transform-origin:50% 100%;border-radius:2px;box-shadow:0 0 6px #fff}.ux-banner{position:absolute;z-index:7;pointer-events:none;left:50%;top:45%;transform:translate(-50%,-50%) scale(.85);font:800 clamp(26px,8vw,54px)/1.05 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:92vw;-webkit-text-stroke:3px var(--ux-ink);paint-order:stroke fill;text-shadow:0 5px 0 rgba(31,45,61,.45);opacity:0;transition:opacity .18s,transform .18s;text-wrap:balance}.ux-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.ux-banner.red{color:#ffe1dc;-webkit-text-stroke-color:#9c1d10}.ux-banner.gold{color:#fff3c4;-webkit-text-stroke-color:#6a4a00}.ux-banner.green{color:#e3ffd9;-webkit-text-stroke-color:#2f6b2a}.ux-banner.small{font-size:clamp(20px,6vw,36px)}.ux-toast{position:absolute;z-index:7;pointer-events:none;left:50%;top:28%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.ux-toast-item{font:800 17px/1 Playful,sans-serif;color:#fff;padding:6px 12px;border-radius:10px;background:rgba(31,45,61,.88);animation:ux-toast 1.2s ease-out forwards;white-space:nowrap}.ux-toast-item.green{background:rgba(47,140,80,.94)}.ux-toast-item.red{background:rgba(200,50,40,.94)}.ux-toast-item.gold{background:rgba(170,115,10,.94)}@keyframes ux-toast{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.ux-prompt{position:absolute;z-index:7;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 22px);transform:translateX(-50%);pointer-events:none;min-height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:22px;font:800 20px/1.1 Playful,sans-serif;color:var(--ux-ink);background:rgba(255,253,246,.95);border:4px solid #fff;box-shadow:0 5px 0 rgba(31,45,61,.35);white-space:nowrap;opacity:0;transition:opacity .12s,background .1s}.ux-prompt:not(.show){visibility:hidden;transition:opacity .12s,visibility 0s .12s}.ux-prompt.show{opacity:1}.ux-prompt.go{background:#ffefc4;color:#8a4a00;border-color:#ffb020}.ux-prompt.bag{background:#dff5e4;color:#1d6b38;border-color:var(--ux-green)}.ux-hint{position:absolute;z-index:7;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 104px);transform:translateX(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .2s}.ux-hint.show{opacity:1}.ux-hint-hand{font-size:52px;filter:drop-shadow(0 3px 0 rgba(31,45,61,.45))}.ux-hint.tap .ux-hint-hand{animation:ux-tap 1s ease-in-out infinite}.ux-hint.flick .ux-hint-hand{animation:ux-flick .9s ease-in infinite}.ux-hint-text{font:800 17px/1.1 Playful,sans-serif;color:#fff;background:rgba(31,45,61,.92);padding:7px 13px;border-radius:12px;white-space:nowrap}@keyframes ux-tap{0%,to{transform:translateY(0) scale(1)}40%,60%{transform:translateY(10px) scale(.9)}}@keyframes ux-flick{0%{transform:translateY(-24px);opacity:0}25%{opacity:1}to{transform:translateY(40px);opacity:0}}@keyframes ux-pulse{0%{scale:.92}to{scale:1.1}}.ux-keys{position:absolute;z-index:4;right:12px;bottom:12px;font:700 13px/1 Playful,sans-serif;color:#fff;background:rgba(31,45,61,.72);padding:6px 12px;border-radius:10px;pointer-events:none;white-space:nowrap}@media (hover:none),(max-width:1000px),(pointer:coarse){.ux-keys{display:none}}.ux-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 8px);right:10px;display:flex;gap:6px}.ux-icon-btn{width:44px;height:40px;padding:0;border-radius:12px;border:2px solid #fff;display:grid;place-items:center;background:rgba(255,253,246,.94);color:var(--ux-ink);cursor:pointer}.ux-icon-btn .off,.ux-icon-btn[aria-pressed=true] .on{display:none}.ux-icon-btn[aria-pressed=true] .off{display:inline}.ux-app:has(.overlay.show:not(.ux-menu)) .ux-corner{display:none}.playful-game .ux-menu{background:linear-gradient(90deg,rgba(31,45,61,0) 40%,rgba(31,45,61,.55) 70%);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-right:max(5vw,24px)}.ux-card{width:min(420px,100%);background:var(--play-paper);border:4px solid #fff;border-radius:28px;box-shadow:0 8px 0 var(--ux-teal);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;color:var(--ux-ink)}.ux-card,.ux-card>*{flex-shrink:0}.ux-kicker{font:800 12px/1.2 Playful,sans-serif;letter-spacing:.06em;color:var(--ux-red)}.ux-title{margin:0;font:800 clamp(36px,5.5vw,54px)/.95 Playful,sans-serif;color:#fff;letter-spacing:-.5px;-webkit-text-stroke:2.5px var(--ux-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ux-red)}.ux-pitch{margin:0;font-size:15px;line-height:1.45}.ux-pitch b{color:var(--ux-teal)}.ux-rules{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.ux-rules li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.25;background:#fff;border-radius:12px;padding:6px 10px}.ux-rules span{font-size:20px}.ux-best{margin:0;text-align:center;font-weight:800;color:var(--ux-red);min-height:1.2em}.ux-link-btn{background:none;border:0;color:var(--play-accent);font:800 17px/1.2 Playful,sans-serif;padding:8px;min-height:44px;cursor:pointer}.playful-game .ux-pause,.playful-game .ux-results{align-items:center;background:rgba(31,45,61,.6)}.ux-small-card{width:min(390px,100%);align-items:stretch;text-align:center}.ux-receipt-card{background:var(--ux-paper);border-radius:8px;box-shadow:0 8px 0 rgba(31,45,61,.35)}.ux-receipt-card :is(.ux-result-line,.ux-result-list,.ux-result-big span){font-family:Courier New,monospace}.ux-result-title{margin:0;font:800 clamp(32px,9vw,46px)/1 Playful,sans-serif;color:#e3ffd9;transform:rotate(-3deg);-webkit-text-stroke:3px #2f6b2a;paint-order:stroke fill;text-shadow:0 5px 0 rgba(47,107,42,.35)}.ux-results.fail .ux-result-title{color:#ffe1dc;-webkit-text-stroke-color:#9c1d10;text-shadow:0 5px 0 rgba(156,29,16,.35)}.ux-result-line{margin:0;font-size:15px;font-weight:700}.ux-result-big{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:2px dashed #b8c0c8;border-bottom:2px dashed #b8c0c8;padding:6px 4px}.ux-result-big span{font-weight:800;color:#52667a;letter-spacing:.1em}.ux-result-big b{font:800 48px/1 Courier New,monospace;color:var(--ux-red)}.ux-result-list{margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 10px;gap:4px 10px}.ux-result-list>div{display:flex;justify-content:space-between;gap:6px;padding:3px 2px;border-bottom:1px dotted #c8cfd6}.ux-result-list dt{color:#52667a;font-weight:700;font-size:14px}.ux-result-list dd{margin:0;font-weight:800;color:var(--ux-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ux-result-list .ux-worst{grid-column:1/-1;flex-direction:column;align-items:flex-start;text-align:left}.ux-result-list .ux-worst dd{color:var(--ux-red);white-space:normal}@media (max-aspect-ratio:4/5),(max-width:700px){.playful-game .ux-menu{align-items:center;justify-content:flex-end;padding:0 12px calc(env(safe-area-inset-bottom, 0px) + 12px);background:linear-gradient(180deg,rgba(31,45,61,0) 40%,rgba(31,45,61,.6) 62%)}.ux-menu .ux-card{max-height:60dvh;overflow-y:auto;gap:8px;padding:16px 16px 12px}.ux-menu .ux-pitch{font-size:14px}.ux-menu .ux-rules{display:none}.ux-menu #ux-start{position:-webkit-sticky;position:sticky;bottom:0;z-index:1}.ux-title{font-size:36px}.ux-results .ux-card{gap:8px;padding:16px}.ux-result-big b{font-size:40px}.ux-head{padding-right:104px}.ux-receipt{font-size:20px}.ux-prompt{font-size:18px;padding:10px 16px}}@media (max-height:560px){.playful-game .ux-menu{padding-top:12px;padding-bottom:12px}.ux-menu .ux-card{max-height:calc(100dvh - 24px);overflow-y:auto}.ux-menu .ux-rules{display:none}}@media (prefers-reduced-motion:reduce){.ux-app.riot,.ux-combo.pop,.ux-fuse.show,.ux-hint .ux-hint-hand,.ux-meter{animation:none!important}}