.sr-app{--sr-ink:#24304a;--sr-paper:#fffaf0;--sr-orange:#f08a3c;--sr-green:#2e7d5b;--sr-gold:#ffd45e;--sr-red:#d6453c;--play-accent:#f08a3c;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:#3a2a20;color:var(--sr-ink)}.sr-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.sr-app[data-phase=play] .sr-scene{cursor:crosshair}.sr-app:not([data-phase=play]) :is(.sr-top,.sr-meters,.sr-ticket,.sr-hint,.sr-bottom,.sr-quit,.sr-toast){display:none}.sr-app:not([data-phase=play]):not([data-phase=photo]) .sr-banner{display:none}.sr-top{position:absolute;z-index:4;left:12px;right:104px;top:calc(env(safe-area-inset-top, 0px) + 10px);display:flex;gap:8px;pointer-events:none}.sr-timer,.sr-top{align-items:center}.sr-timer{display:inline-flex;gap:6px;height:42px;padding:0 12px 0 10px;border-radius:21px;flex:0 0 auto;background:var(--sr-ink);color:#fff;border:2px solid #fff;box-shadow:0 3px 0 rgba(0,0,0,.25)}.sr-timer b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:40px}.sr-track{display:block;height:5px;width:46px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}.sr-track i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transition:transform .25s,background .3s}.sr-timer .sr-track i{background:var(--sr-gold)}.sr-low-time .sr-timer{background:var(--sr-red);animation:sr-pulse .5s ease-in-out infinite alternate}@keyframes sr-pulse{to{transform:scale(1.06)}}.sr-steps{display:flex;gap:3px;margin:0;padding:4px;list-style:none;border-radius:16px;background:rgba(255,250,240,.9);border:2px solid #fff;min-width:0;overflow:hidden;counter-reset:srstep}.sr-steps li{counter-increment:srstep}.sr-steps li:not(.on){font-size:0!important;padding:5px 0;width:22px;text-align:center}.sr-steps li:not(.on):before{content:counter(srstep);font-size:11px}.sr-steps li.done:before{content:"✓"}.sr-steps li{padding:5px 7px;border-radius:11px;font:800 11px/1 Playful,sans-serif;letter-spacing:.3px;color:#8a8478;white-space:nowrap}.sr-steps li.done{color:var(--sr-green)}.sr-steps li.on{background:var(--sr-orange);color:#fff}.sr-meters{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 60px);display:flex;gap:6px;pointer-events:none;flex-wrap:wrap}.sr-meter{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:16px;background:rgba(36,48,74,.86);color:#fff;border:2px solid rgba(255,255,255,.9)}.sr-meter small{font:800 9px/1 Playful,sans-serif;letter-spacing:.8px;opacity:.8}.sr-meter b{font:800 14px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sr-meter .sr-track{width:34px}.sr-meter[hidden]{display:none}.sr-meter.warn{background:var(--sr-red)}.sr-meter.good .sr-track i{background:#7fdc8a}.sr-ticket{position:absolute;z-index:5;left:12px;top:calc(env(safe-area-inset-top, 0px) + 100px);max-width:min(340px,calc(100% - 24px));padding:6px 10px;border-radius:12px 12px 12px 4px;border:2px solid #fff;text-align:left;cursor:pointer;background:var(--sr-paper);color:var(--sr-ink);box-shadow:0 3px 0 rgba(0,0,0,.2);transform:rotate(-1deg)}.sr-ticket-head{display:flex;gap:6px;align-items:baseline;font:700 12px/1.1 Playful,sans-serif}.sr-ticket-head b{font:800 10px/1 Playful,sans-serif;letter-spacing:1.2px;color:var(--sr-orange)}.sr-ticket-list{display:none;margin:6px 0 2px;padding:0;list-style:none}.sr-ticket[aria-expanded=true] .sr-ticket-list{display:block}.sr-order-notes li,.sr-r-notes li,.sr-ticket-list li{position:relative;padding-left:20px;margin:3px 0;font:700 12px/1.25 Playful,sans-serif}.sr-order-notes li:before,.sr-r-notes li:before,.sr-ticket-list li:before{content:"○";position:absolute;left:2px;top:0;color:#a39a88}.sr-r-notes li.ok:before,.sr-ticket-list li.ok:before{content:"✓";color:var(--sr-green);font-weight:900}.sr-r-notes li.bad:before,.sr-ticket-list li.bad:before{content:"✗";color:var(--sr-red);font-weight:900}.sr-hint{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 178px);max-width:calc(100% - 24px);width:max-content;padding:6px 12px;border-radius:12px;pointer-events:none;background:rgba(36,48,74,.8);color:#fff;font:700 12.5px/1.25 Playful,sans-serif;text-align:center}.sr-hint:empty{display:none}.sr-bottom{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);width:min(560px,calc(100% - 20px));display:flex;flex-direction:column;gap:8px}.sr-row{display:none;align-items:stretch;gap:8px;padding:8px;border-radius:20px;background:rgba(255,250,240,.94);border:3px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.22)}.sr-app[data-stage=clean] .sr-tools,.sr-app[data-stage=paint] .sr-paintrow,.sr-app[data-stage=patch] .sr-trayrow{display:flex}.sr-tool{flex:1 1;display:grid;justify-items:center;grid-gap:1px;gap:1px;padding:6px 4px 5px;border-radius:14px;border:2px solid #e2d8c4;background:#fff;color:var(--sr-ink);cursor:pointer;transition:transform .12s,background .2s}.sr-tool svg{width:30px;height:30px}.sr-tool span{font:800 13px/1 Playful,sans-serif}.sr-tool small{font:700 10px/1 Playful,sans-serif;color:#8a8478}.sr-tool[aria-checked=true]{background:var(--sr-ink);color:#fff;border-color:var(--sr-ink);transform:translateY(-3px)}.sr-tool[aria-checked=true] small{color:#ffd9b8}#sr-tool-soft svg{color:#c98b4e}#sr-tool-stiff svg{color:#3b3f46}#sr-tool-foam svg{color:#e5ac22}.sr-tool[aria-checked=true] svg{color:#fff}.sr-tray{flex:1 1;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px}.sr-patch{display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;min-height:58px;padding:4px 0;border-radius:12px;border:2px solid #e2d8c4;background:#fff;cursor:-webkit-grab;cursor:grab;touch-action:none;color:var(--sr-ink)}.sr-patch svg{width:32px;height:32px;overflow:visible}.sr-patch small{font:800 9px/1 Playful,sans-serif;color:#8a8478}.sr-patch.used{opacity:.55}.sr-mini{flex:0 0 64px;display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;border-radius:12px;border:2px solid var(--sr-ink);background:var(--sr-ink);color:#fff;cursor:pointer}.sr-mini span{font:800 10px/1 Playful,sans-serif}.sr-mini:disabled{opacity:.35;cursor:default}.sr-layer{flex:0 0 auto;display:grid;align-content:center;grid-gap:2px;gap:2px;min-width:78px;max-width:96px}.sr-layer small{font:800 9px/1 Playful,sans-serif;letter-spacing:1px;color:var(--sr-orange)}.sr-layer b{font:800 13px/1.1 Playful,sans-serif}.sr-palette{flex:1 1;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px}.sr-swatch{position:relative;min-height:46px;border-radius:50%;aspect-ratio:1;border:3px solid #fff;box-shadow:0 0 0 2px #e2d8c4,inset 0 -4px 0 rgba(0,0,0,.15);cursor:pointer;transition:transform .12s;align-self:center;justify-self:center;width:100%;max-width:50px;min-height:0}.sr-swatch[aria-checked=true]{transform:scale(1.12);box-shadow:0 0 0 3px var(--sr-ink),inset 0 -4px 0 rgba(0,0,0,.15)}.sr-swatch[aria-checked=true]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font:900 18px/1 sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.sr-palette.flash .sr-swatch{animation:sr-wiggle .4s ease-in-out 2}@keyframes sr-wiggle{50%{transform:translateY(-5px)}}.sr-actions{display:flex;gap:8px}.sr-next,.sr-turn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:50px;border-radius:16px;cursor:pointer;font:800 16px/1 Playful,sans-serif}.sr-turn{flex:0 0 auto;padding:0 14px;background:var(--sr-paper);color:var(--sr-ink);border:3px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.22)}.sr-turn span{font-size:13px}.sr-next{flex:1 1;background:var(--sr-gold);color:#604619;border:3px solid #bb842e;box-shadow:inset 0 3px 0 #fff2bd,0 4px 0 #bb842e}.sr-next:active,.sr-turn:active{transform:translateY(3px);box-shadow:none}.sr-next.ready{animation:sr-ready .9s ease-in-out infinite alternate}@keyframes sr-ready{to{transform:scale(1.03);box-shadow:inset 0 3px 0 #fff2bd,0 4px 0 #bb842e,0 0 0 5px rgba(255,212,94,.45)}}.sr-ghost{position:fixed;z-index:6;left:0;top:0;pointer-events:none;display:none;will-change:transform;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}.sr-ghost.show{display:block}.sr-ghost svg{display:block;overflow:visible}.sr-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 150px);transform:translate(-50%,-10px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);width:max-content;padding:8px 14px;border-radius:14px;background:var(--sr-ink);color:#fff;font:800 14px/1.2 Playful,sans-serif;text-align:center;transition:opacity .2s,transform .2s;box-shadow:0 4px 0 rgba(0,0,0,.25)}.sr-toast.show{opacity:1;transform:translate(-50%)}.sr-toast.bad{background:var(--sr-red)}.sr-toast.good{background:var(--sr-green)}.sr-banner{position:absolute;z-index:7;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:14px 26px 12px;border-radius:22px;background:var(--sr-paper);border:4px solid #fff;box-shadow:0 6px 0 rgba(0,0,0,.25);transition:opacity .25s,transform .35s cubic-bezier(.3,1.4,.5,1);text-align:center}.sr-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.sr-banner b{font:800 30px/1 Playful,sans-serif;color:var(--sr-orange);letter-spacing:.5px}.sr-banner span{font:700 14px/1.2 Playful,sans-serif;color:var(--sr-ink)}.sr-banner.good b{color:var(--sr-green)}.sr-split{position:absolute;z-index:6;top:0;bottom:0;left:0;width:0;display:none;touch-action:none}.sr-app[data-phase=photo] .sr-split.on{display:block}.sr-split-line{position:absolute;top:12%;height:var(--sr-split-h,40%);left:-2px;width:4px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 12px rgba(255,255,255,.7)}.sr-split-knob{position:absolute;left:-26px;top:calc(12% + var(--sr-split-h, 40%) / 2 - 22px);width:52px;height:44px;border-radius:22px;display:grid;place-items:center;cursor:ew-resize;background:var(--sr-paper);border:3px solid #fff;color:var(--sr-ink);font:900 18px/1 Playful,sans-serif;box-shadow:0 4px 0 rgba(0,0,0,.25);pointer-events:auto}.sr-split-tag{position:absolute;top:calc(12% - 30px);padding:4px 9px;border-radius:10px;font:800 11px/1 Playful,sans-serif;letter-spacing:1px;white-space:nowrap}.sr-before{right:10px;background:rgba(36,48,74,.85);color:#fff}.sr-after{left:10px;background:var(--sr-green);color:#fff}.sr-flash{position:absolute;inset:0;z-index:9;background:#fff;opacity:0;pointer-events:none}.sr-flash.go{animation:sr-flash .7s ease-out}@keyframes sr-flash{0%{opacity:.95}to{opacity:0}}.sr-corner{position:absolute;z-index:8;right:12px;top:calc(env(safe-area-inset-top, 0px) + 12px);display:flex;gap:8px}.sr-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sr-paper);color:var(--sr-ink);border:2px solid #fff;box-shadow:0 3px 0 rgba(0,0,0,.25);cursor:pointer}.sr-icon-btn .off,.sr-icon-btn[aria-pressed=true] .on{display:none}.sr-icon-btn[aria-pressed=true] .off{display:inline}.sr-app[data-phase=loading] .sr-corner{display:none}.sr-app .overlay{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.sr-menu.overlay{justify-content:flex-end;align-items:center;padding:64px 14px 14px;background:linear-gradient(180deg,rgba(58,42,32,0) 30%,rgba(58,42,32,.55))}.sr-panel{width:min(430px,100%);padding:18px 18px 16px;border-radius:26px;background:var(--sr-paper);border:4px solid #fff;box-shadow:0 7px 0 rgba(0,0,0,.28);text-align:left;color:var(--sr-ink);max-height:calc(100dvh - 90px);overflow-y:auto}.sr-kicker{display:block;font:800 10px/1 Playful,sans-serif;letter-spacing:1.6px;color:var(--sr-orange)}.sr-title{margin:6px 0 4px;font:800 44px/.9 Playful,sans-serif;color:var(--sr-ink);letter-spacing:-1px}.sr-title span{color:var(--sr-orange)}.sr-blurb{margin:6px 0 10px;font:700 14px/1.35 Playful,sans-serif}.sr-shoes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-bottom:10px}.sr-shoe{position:relative;display:grid;justify-items:center;grid-gap:3px;gap:3px;padding:7px 3px 6px;border-radius:14px;border:2px solid #e2d8c4;background:#fff;cursor:pointer;color:var(--sr-ink)}.sr-shoe i{display:block;width:38px;height:20px;border-radius:10px 14px 4px 4px;box-shadow:inset 0 -5px 0 var(--sole,#fff)}.sr-shoe b{font:800 10px/1.1 Playful,sans-serif;text-align:center}.sr-shoe small{font:800 10px/1 Playful,sans-serif;color:#e5a51c;letter-spacing:1px}.sr-shoe[aria-pressed=true]{border-color:var(--sr-orange);box-shadow:0 0 0 2px var(--sr-orange)}.sr-shoe:disabled{opacity:.45;cursor:not-allowed}.sr-shoe:disabled:after{content:"🔒";position:absolute;top:4px;right:4px;font-size:11px}.sr-rules{margin:0 0 12px;padding:0;list-style:none;display:grid;grid-gap:6px;gap:6px}.sr-rules li{display:flex;gap:8px;align-items:flex-start}.sr-rules span{flex:0 0 22px;height:22px;border-radius:8px;display:grid;place-items:center;background:var(--sr-ink);color:#fff;font:800 12px/1 Playful,sans-serif}.sr-rules p{margin:0;font:600 12.5px/1.3 Playful,sans-serif}.sr-rules b{color:var(--sr-orange)}.sr-app .sr-panel button.big,.sr-receipt button.big{width:100%}.sr-best{margin:8px 0 0;text-align:center;font:700 12px/1.3 Playful,sans-serif;color:#8a8478}.sr-order.overlay{justify-content:flex-end;align-items:center;padding:14px}.sr-receipt{width:min(400px,100%);padding:16px 18px;background:var(--sr-paper);color:var(--sr-ink);border-radius:6px 6px 22px 22px;box-shadow:0 7px 0 rgba(0,0,0,.28);border-top:8px dashed #e8dcc4;text-align:left;transform:rotate(-.6deg)}.sr-order-shoe{margin:6px 0 2px;font:800 26px/1 Playful,sans-serif}.sr-order-client{margin:4px 0 8px;font:600 13px/1.35 Playful,sans-serif}.sr-order-client b{color:var(--sr-orange)}.sr-order-notes{margin:0 0 8px;padding:8px 10px;list-style:none;background:#fff;border-radius:12px;border:2px solid #efe5d2}.sr-order-notes li{font-size:13px}.sr-order-notes li:before{content:"☐";color:var(--sr-orange)}.sr-order-time{margin:0 0 10px;font:600 12px/1.3 Playful,sans-serif;color:#6a6458}.sr-results.overlay{justify-content:flex-end;align-items:center;padding:14px;pointer-events:none}.sr-results .sr-panel{pointer-events:auto;max-height:56dvh}.sr-stars{display:flex;justify-content:center;gap:6px;margin-top:-2px}.sr-stars i{width:34px;height:34px;background:#e2d8c4;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transform:scale(.6);transition:transform .4s cubic-bezier(.3,1.6,.5,1),background .3s}.sr-stars i.on{background:var(--sr-gold);transform:scale(1)}.sr-result-title{margin:4px 0 0;text-align:center;font:800 28px/1 Playful,sans-serif;color:var(--sr-orange)}.sr-result-line{margin:4px 0 8px;text-align:center;font:600 13px/1.3 Playful,sans-serif}.sr-result-top{display:flex;gap:12px;align-items:center}.sr-result-big{flex:0 0 auto;display:grid;justify-items:center;padding:8px 12px;border-radius:16px;background:var(--sr-ink);color:#fff}.sr-result-big b{font:800 30px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sr-result-big span{font:700 11px/1 Playful,sans-serif;opacity:.8}.sr-result-list{flex:1 1;margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:3px 12px;gap:3px 12px}.sr-result-list div{display:flex;justify-content:space-between;font:700 12.5px/1.3 Playful,sans-serif}.sr-result-list dt{color:#7a7468}.sr-result-list dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sr-r-notes{margin:8px 0;padding:6px 10px;list-style:none;background:#fff;border-radius:12px;border:2px solid #efe5d2}.sr-result-btns{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:center}.sr-link-btn{border:0;background:none;color:var(--sr-ink);font:800 14px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 4px}.sr-results .share-btn{width:100%;margin-top:8px}.sr-allgames{display:block;margin-top:8px;text-align:center;font:700 12px/1 Playful,sans-serif;color:#7a7468}.sr-loading.overlay{background:#3a2a20;align-items:center;justify-content:center}@media (min-width:760px){.sr-menu.overlay{align-items:flex-end;justify-content:center;padding:40px 48px;background:linear-gradient(90deg,rgba(58,42,32,0) 45%,rgba(58,42,32,.5))}.sr-title{font-size:56px}.sr-order.overlay,.sr-results.overlay{align-items:flex-end;justify-content:center;padding:40px 48px}.sr-results .sr-panel{max-height:calc(100dvh - 80px)}.sr-meters,.sr-top{right:auto}.sr-hint{bottom:190px}}@media (max-width:380px){.sr-steps li{padding:5px;font-size:10px}.sr-timer .sr-track{display:none}}