:root{--stage-w: round(down, min(100vw, 56.25vh ), 1px);--stage-h: round(down, min(100vh, calc(100vw * 1920 / 1080)), 1px);--u: calc(var(--stage-w) / 100);--uh: calc(var(--stage-h) / 100);--clay-cream: #f0e6d8;--clay-cream-deep: #ded0b9;--clay-paper: #f6ecdc;--clay-paper-lit: #fdf6ea;--clay-paper-edge: #c4a97f;--clay-ink: #3d3327;--clay-ink-soft: #6d6152;--clay-label: #fdf5e6;--clay-green: #57ad35;--clay-green-dark: #3a7d24;--clay-green-deep: #2d6a1a;--clay-green-light: #8cc63f;--clay-red: #d9432e;--clay-red-light: #ea6a52;--clay-red-dark: #9d2a1a;--clay-orange: #e8801c;--clay-orange-light: #f5a244;--clay-orange-dark: #a4540a;--clay-yellow: #f2c230;--clay-blue: #3d8fd4;--clay-blue-light: #6bb0e6;--clay-blue-dark: #245f8f;--clay-brown: #8a5a34;--clay-gray: #9a9a94;--neon: #b6ff5a;--neon-hot: #ffffff;--clay-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23g)'/></svg>");--clay-mottle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='3' seed='9' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncR type='linear' slope='0.42' intercept='0.29'/><feFuncG type='linear' slope='0.42' intercept='0.29'/><feFuncB type='linear' slope='0.42' intercept='0.29'/></feComponentTransfer></filter><rect width='300' height='300' filter='url(%23m)'/></svg>");--lift: calc(var(--u) * .85);--clay-relief: inset 0 0 0 calc(var(--u) * .28) rgba(61, 51, 39, .18), inset 0 calc(var(--u) * .62) calc(var(--u) * .5) rgba(255, 255, 255, .68), inset 0 calc(var(--u) * -.95) calc(var(--u) * 1) rgba(61, 51, 39, .28), inset calc(var(--u) * .5) 0 calc(var(--u) * 1) rgba(255, 255, 255, .2), inset calc(var(--u) * -.5) 0 calc(var(--u) * 1) rgba(61, 51, 39, .14);--clay-relief-deep: inset 0 0 0 calc(var(--u) * .3) rgba(61, 51, 39, .24), inset 0 calc(var(--u) * .7) calc(var(--u) * .55) rgba(255, 255, 255, .55), inset 0 calc(var(--u) * -1.2) calc(var(--u) * 1.2) rgba(61, 51, 39, .34);--clay-socket: inset 0 calc(var(--u) * 1.3) calc(var(--u) * 1.6) rgba(61, 51, 39, .55), inset 0 calc(var(--u) * -.55) calc(var(--u) * .3) rgba(255, 255, 255, .7), inset 0 0 0 calc(var(--u) * .3) rgba(61, 51, 39, .28);--shadow-soft: 0 calc(var(--u) * .4) calc(var(--u) * 1) rgba(61, 51, 39, .28);--shadow-lift: 0 calc(var(--u) * .8) calc(var(--u) * 1.8) rgba(61, 51, 39, .35);--shadow-drop: 0 calc(var(--u) * 1.2) calc(var(--u) * 2.6) rgba(61, 51, 39, .4);--radius-s: calc(var(--u) * 1.4) calc(var(--u) * 1.7) calc(var(--u) * 1.3) calc(var(--u) * 1.6) / calc(var(--u) * 1.6) calc(var(--u) * 1.3) calc(var(--u) * 1.7) calc(var(--u) * 1.4);--radius-m: calc(var(--u) * 2.4) calc(var(--u) * 2.9) calc(var(--u) * 2.2) calc(var(--u) * 2.7) / calc(var(--u) * 2.7) calc(var(--u) * 2.2) calc(var(--u) * 2.9) calc(var(--u) * 2.4);--radius-l: calc(var(--u) * 4.2) calc(var(--u) * 5) calc(var(--u) * 3.8) calc(var(--u) * 4.6) / calc(var(--u) * 4.6) calc(var(--u) * 3.8) calc(var(--u) * 5) calc(var(--u) * 4.2);--emboss-light: -.035em -.035em 0 rgba(45, 30, 15, .45), .035em -.035em 0 rgba(45, 30, 15, .45), -.035em .035em 0 rgba(45, 30, 15, .45), .035em .035em 0 rgba(45, 30, 15, .45), 0 .075em 0 rgba(45, 30, 15, .55), 0 .14em .09em rgba(45, 30, 15, .38);--emboss-dark: 0 calc(var(--u) * .22) 0 rgba(255, 255, 255, .85), 0 calc(var(--u) * .55) calc(var(--u) * .45) rgba(61, 51, 39, .22);--font: "Nunito", "Comfortaa", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#2a231a;font-family:var(--font);color:var(--clay-ink);-webkit-font-smoothing:antialiased}body{user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}html.is-kiosk,html.is-kiosk *{cursor:none!important}#app{position:fixed;top:round(down,calc(50vh - var(--stage-h) / 2),1px);left:round(down,calc(50vw - var(--stage-w) / 2),1px);width:var(--stage-w);height:var(--stage-h);overflow:hidden;background:var(--clay-cream)}.clay-surface,.iconbtn,.closebtn,.btn,.ribbon__text,.tile__face--empty,.topbar__center,#bubble,#tiles-strip{background-color:transparent;background-image:var(--clay-mottle),var(--clay-fill, linear-gradient(180deg, var(--clay-paper-lit), var(--clay-paper)));background-size:calc(var(--u) * 34) calc(var(--u) * 34),auto;background-repeat:repeat,no-repeat;background-blend-mode:soft-light,normal}.clay-surface,.iconbtn,.closebtn,.btn,.tile__face,.topbar__center,#bubble,#checklist-sheet,.start__panel,.end__panel{position:relative;isolation:isolate}.clay-surface:after,.iconbtn:after,.closebtn:after,.btn:after,.tile__face:after,.topbar__center:after,#bubble:after,#checklist-sheet:after,.start__panel:after,.end__panel:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--clay-grain);background-size:calc(var(--u) * 11);mix-blend-mode:overlay;opacity:.24;pointer-events:none;z-index:1}#scene-host,#viewport{position:absolute;inset:0;overflow:hidden}#viewport{touch-action:none}#scene-shake{position:absolute;inset:0}#scene{position:absolute;top:0;left:0;transform-origin:0 0;backface-visibility:hidden}#scene-shake.is-shaking{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{0%,to{transform:scale(1.03) translate(0)}10%,90%{transform:scale(1.03) translate(-4px)}20%,80%{transform:scale(1.03) translate(8px)}30%,50%,70%{transform:scale(1.03) translate(-13px)}40%,60%{transform:scale(1.03) translate(13px)}}.layer{position:absolute;transition:opacity .6s ease;pointer-events:none;-webkit-user-drag:none}#scene.is-instant .layer{transition:none}.layer.is-revealed{animation:reveal-pop .7s ease}@keyframes reveal-pop{0%{filter:brightness(2.2) saturate(.4)}35%{filter:brightness(1.5) saturate(.9)}to{filter:none}}#fx{position:absolute;inset:0;pointer-events:none;overflow:visible}#fx-outlines>g{opacity:0;transition:opacity .24s ease}#fx-outlines>g.is-on{opacity:1;animation:neon-pulse 1s ease-in-out 1.2s infinite alternate}#fx-outlines path{stroke:var(--neon-hot)}#fx-outlines path.hl-glow{stroke:var(--neon)}@keyframes neon-pulse{0%{opacity:.75}to{opacity:1}}#fx-hint{opacity:0;stroke:var(--neon);transition:opacity .32s ease}#fx-hint.is-on{opacity:.55;animation:hint-pulse 1.5s ease-in-out infinite alternate}@keyframes hint-pulse{0%{opacity:.28}to{opacity:.7}}#ui{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}#ui[hidden]{display:none}#ui button,#ui #tiles-strip,#ui #checklist-sheet{pointer-events:auto}#topbar{position:relative;display:flex;align-items:flex-start;padding:calc(var(--u) * 2.4);gap:calc(var(--u) * 1.4)}.topbar__left{display:flex;gap:calc(var(--u) * 1.6)}.iconbtn{--clay-fill: linear-gradient(180deg, var(--clay-blue-light), var(--clay-blue) 52%, var(--clay-blue-dark));--edge: var(--clay-blue-dark);width:calc(var(--u) * 10);height:calc(var(--u) * 10);padding:0;border:0;border-radius:52% 48% 51% 49%/49% 52% 48% 51%;display:grid;place-items:center;box-shadow:var(--clay-relief),0 var(--lift) 0 var(--edge),0 calc(var(--lift) + var(--u) * .6) calc(var(--u) * 1.6) #3d33276b;transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}.iconbtn svg,.closebtn svg{position:relative;z-index:2;width:58%;height:58%;fill:none;stroke:var(--clay-label);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 calc(var(--u) * .22) 0 rgba(45,30,15,.45))}.iconbtn:active,.closebtn:active,.btn:active{transform:translateY(var(--lift));filter:brightness(.95);box-shadow:var(--clay-relief),0 0 0 var(--edge),0 calc(var(--u) * .3) calc(var(--u) * .6) #3d332759}.iconbtn--home{--clay-fill: linear-gradient(180deg, var(--clay-orange-light), var(--clay-orange) 52%, var(--clay-orange-dark));--edge: var(--clay-orange-dark);border-radius:50% 47% 52% 51%/51% 53% 47% 49%}.iconbtn--list{border-radius:48% 52% 49% 51%/52% 48% 51% 49%}.closebtn{--clay-fill: linear-gradient(180deg, var(--clay-red-light), var(--clay-red) 52%, var(--clay-red-dark));--edge: var(--clay-red-dark);position:absolute;top:calc(var(--u) * -3);right:calc(var(--u) * -2);z-index:3;width:calc(var(--u) * 8.4);height:calc(var(--u) * 8.4);padding:0;border:0;border-radius:51% 49% 52% 48%/48% 52% 49% 51%;display:grid;place-items:center;box-shadow:var(--clay-relief),0 var(--lift) 0 var(--edge),0 calc(var(--lift) + var(--u) * .5) calc(var(--u) * 1.4) #3d33276b;transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}.topbar__center{--clay-fill: linear-gradient(180deg, var(--clay-paper-lit), var(--clay-paper) 62%, var(--clay-cream-deep));position:absolute;left:50%;top:calc(var(--u) * 2.4);translate:-50% 0;display:flex;align-items:center;gap:calc(var(--u) * 1.8);max-width:calc(var(--u) * 58);padding:calc(var(--u) * 1.1) calc(var(--u) * 2.8);border-radius:calc(var(--u) * 4.4) calc(var(--u) * 5) calc(var(--u) * 4.2) calc(var(--u) * 4.8) / calc(var(--u) * 4.8) calc(var(--u) * 4.2) calc(var(--u) * 5) calc(var(--u) * 4.4);box-shadow:var(--clay-relief),0 calc(var(--u) * .8) 0 var(--clay-paper-edge),0 calc(var(--u) * 1.6) calc(var(--u) * 2.4) #3d332766}.stat{position:relative;z-index:2;display:flex;align-items:baseline;gap:calc(var(--u) * .7);white-space:nowrap}.stat b{font-size:calc(var(--u) * 4.6);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-shadow:var(--emboss-dark)}.stat__icon{font-size:calc(var(--u) * 3.2)}.stat__label{font-size:calc(var(--u) * 1.9);font-weight:800;color:var(--clay-ink-soft)}.stat__of{font-size:calc(var(--u) * 3);color:var(--clay-ink-soft)}.stat__sep{position:relative;z-index:2;width:calc(var(--u) * .4);height:calc(var(--u) * 4);border-radius:999px;background:var(--clay-paper-edge);box-shadow:inset 0 0 calc(var(--u) * .3) #3d332759,calc(var(--u) * .12) 0 0 #fff9}#hud-count{display:inline-block;color:var(--clay-green-dark)}#hud-count.is-bumped{animation:count-bump .42s cubic-bezier(.2,1.5,.4,1)}@keyframes count-bump{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}#topbar.is-urgent .stat--time{color:var(--clay-red);animation:urgent 1s steps(2) infinite}@keyframes urgent{50%{opacity:.55}}#topbar.is-paused .stat--time{opacity:.5}.ribbon{--ribbon-face: linear-gradient(180deg, #74c14b, #56ad34 52%, #418c24);--ribbon-edge: #2f6a1c;position:absolute;top:calc(var(--u) * -3.4);left:50%;translate:-50% 0;width:max-content;max-width:calc(100% + var(--u) * 5);z-index:2;display:grid;place-items:center;pointer-events:none}.ribbon:before,.ribbon:after{content:"";position:absolute;z-index:0;top:calc(var(--u) * 1.6);width:calc(var(--u) * 7);height:calc(var(--u) * 7.6);background:var(--ribbon-edge);box-shadow:0 calc(var(--u) * .5) calc(var(--u) * 1.1) #3d33276b}.ribbon:before{left:calc(var(--u) * -5.2);clip-path:polygon(0 0,100% 0,100% 100%,62% 62%,0 100%);border-radius:calc(var(--u) * 1.2) 0 0 calc(var(--u) * .8)}.ribbon:after{right:calc(var(--u) * -5.2);clip-path:polygon(0 0,100% 0,100% 100%,38% 62%,0 100%);border-radius:0 calc(var(--u) * 1.2) calc(var(--u) * .8) 0}.ribbon__text{--clay-fill: var(--ribbon-face);position:relative;z-index:1;display:block;max-width:100%;padding:calc(var(--u) * 1.3) calc(var(--u) * 4);border-radius:calc(var(--u) * 1.8) calc(var(--u) * 2.2) calc(var(--u) * 2) calc(var(--u) * 1.6) / calc(var(--u) * 2.2) calc(var(--u) * 1.8) calc(var(--u) * 1.6) calc(var(--u) * 2);box-shadow:var(--clay-relief),0 calc(var(--u) * .75) 0 var(--ribbon-edge),0 calc(var(--u) * 1.5) calc(var(--u) * 2) #3d332766;color:var(--clay-label);font-size:calc(var(--u) * 2.9);font-weight:900;line-height:1.08;text-transform:uppercase;letter-spacing:.02em;text-align:center;text-shadow:var(--emboss-light)}#inspector-row{position:absolute;left:0;right:0;bottom:0;height:calc(var(--uh) * 54);z-index:1;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(12%);transition:opacity .24s ease,transform .38s cubic-bezier(.2,1.2,.4,1),visibility .24s}#inspector-row.is-on{opacity:1;visibility:visible;transform:none}#inspector{position:absolute;left:calc(var(--u) * -3);bottom:0;height:100%;width:auto;filter:drop-shadow(calc(var(--u) * .6) calc(var(--u) * .8) calc(var(--u) * 1.4) rgba(61,51,39,.5));transition:left .38s cubic-bezier(.2,1.2,.4,1),transform .38s cubic-bezier(.2,1.2,.4,1)}#inspector-row.is-right #inspector{left:calc(100% + var(--u) * 3);transform:translate(-100%)}#bubble{--clay-fill: linear-gradient(180deg, var(--clay-paper-lit), var(--clay-paper) 70%, var(--clay-cream-deep));position:absolute;left:calc(var(--u) * 34);right:calc(var(--u) * 3);bottom:60%;padding:calc(var(--u) * 2.6) calc(var(--u) * 3);border-radius:var(--radius-l);box-shadow:var(--clay-relief),0 calc(var(--u) * .9) 0 var(--clay-paper-edge),0 calc(var(--u) * 1.8) calc(var(--u) * 2.8) #3d33276b;pointer-events:none;transition:left .38s cubic-bezier(.2,1.2,.4,1),right .38s cubic-bezier(.2,1.2,.4,1),transform .38s cubic-bezier(.2,1.2,.4,1)}#inspector-row.is-right #bubble{left:calc(var(--u) * 3);right:calc(var(--u) * 34)}#inspector-row.is-instant #inspector,#inspector-row.is-instant #bubble{transition:none}#bubble:before{content:"";position:absolute;left:calc(var(--u) * -2.2);top:calc(var(--u) * 3.4);width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.4);background:var(--clay-paper);clip-path:polygon(100% 0,100% 100%,0 55%);filter:drop-shadow(calc(var(--u) * -.25) calc(var(--u) * .3) 0 rgba(61,51,39,.16));z-index:0}#inspector-row.is-right #bubble:before{left:auto;right:calc(var(--u) * -2.2);clip-path:polygon(0 0,0 100%,100% 55%);filter:drop-shadow(calc(var(--u) * .25) calc(var(--u) * .3) 0 rgba(61,51,39,.16))}#bubble-text{position:relative;z-index:2;margin:0;font-size:calc(var(--u) * 2.55);line-height:1.38;font-weight:700}.btn--next{position:relative;z-index:2;display:block;margin:calc(var(--u) * 2.2) 0 0 auto;pointer-events:auto}.btn--next[hidden]{display:none}#pinch-hint{position:absolute;left:0;right:0;top:calc(var(--uh) * 20);z-index:3;display:grid;justify-items:center;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(calc(var(--u) * 2)) scale(.94);transition:opacity .3s ease,transform .42s cubic-bezier(.2,1.2,.4,1),visibility .3s}#pinch-hint.is-on{opacity:1;visibility:visible;transform:none}#pinch-hint-stage{position:relative;width:calc(var(--u) * 48);aspect-ratio:1383 / 1478}#pinch-hint-stage:before{content:"";position:absolute;inset:-18%;background:radial-gradient(closest-side,#2d241a8c,#2d241a00 88%)}#pinch-hint-stage svg{position:relative;display:block;filter:drop-shadow(0 calc(var(--u) * .3) calc(var(--u) * .5) rgba(30,22,12,.55))}#bottom{margin-top:auto;padding-bottom:calc(var(--u) * 2);position:relative;z-index:2}#tiles-strip{--clay-fill: linear-gradient(180deg, #e6d8bb 0%, #d6c4a1 55%, #c3ad86 100%);overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:none;padding:calc(var(--u) * 1.8) calc(var(--u) * 2);box-shadow:inset 0 calc(var(--u) * .6) 0 #ffffff9e,inset 0 calc(var(--u) * -.6) calc(var(--u) * 1) #3d33273d,0 calc(var(--u) * -.5) calc(var(--u) * 1.8) #3d332766}#tiles-strip::-webkit-scrollbar{display:none}#tiles{display:flex;gap:calc(var(--u) * 1.4);width:max-content}.tile{width:calc(var(--u) * 15);height:calc(var(--u) * 15);flex:none;perspective:calc(var(--u) * 60)}.tile__inner{position:relative;width:100%;height:100%;transition:transform .62s cubic-bezier(.4,.7,.2,1);transform-style:preserve-3d}.tile.is-found .tile__inner{transform:rotateY(180deg)}.tile__face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;backface-visibility:hidden}.tile__face--empty{--clay-fill: linear-gradient(180deg, #b8a37c 0%, #cdba98 42%, #ddcdb0 100%);border-radius:calc(var(--u) * 2.6) calc(var(--u) * 3) calc(var(--u) * 2.4) calc(var(--u) * 2.8) / calc(var(--u) * 2.8) calc(var(--u) * 2.4) calc(var(--u) * 3) calc(var(--u) * 2.6);box-shadow:var(--clay-socket)}.tile__no{position:relative;z-index:2;font-size:calc(var(--u) * 4);font-weight:900;color:#3d332757;text-shadow:0 calc(var(--u) * .24) 0 rgba(255,255,255,.75)}.tile__face--done{transform:rotateY(180deg);border:calc(var(--u) * .5) solid var(--clay-green);border-radius:calc(var(--u) * 2.8) calc(var(--u) * 2.4) calc(var(--u) * 3) calc(var(--u) * 2.6) / calc(var(--u) * 2.4) calc(var(--u) * 2.8) calc(var(--u) * 2.6) calc(var(--u) * 3);background:var(--clay-paper);box-shadow:var(--shadow-soft),inset 0 0 calc(var(--u) * 1.2) #3d33274d}.tile__face--done img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.tile__check{position:absolute;right:calc(var(--u) * .4);bottom:calc(var(--u) * .3);z-index:3;display:grid;place-items:center;width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);border-radius:52% 48% 50% 50%/48% 52% 50% 50%;background-image:linear-gradient(180deg,var(--clay-green-light),var(--clay-green) 55%,var(--clay-green-deep));box-shadow:var(--clay-relief),0 calc(var(--u) * .35) calc(var(--u) * .8) #3d332773}.tile__check svg,.cl-row__check svg{width:62%;height:62%;fill:none;stroke:var(--clay-label);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 calc(var(--u) * .16) 0 rgba(45,30,15,.45))}#reset-zoom{position:absolute;right:calc(var(--u) * 2.4);bottom:calc(var(--uh) * 13);z-index:3;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s}#ui.is-zoomed #reset-zoom{visibility:visible;opacity:1}#checklist-sheet{--clay-fill: linear-gradient(180deg, var(--clay-paper-lit), var(--clay-paper) 70%, var(--clay-cream-deep));position:absolute;left:calc(var(--u) * 2.5);right:calc(var(--u) * 2.5);top:calc(var(--uh) * 9);max-height:calc(var(--uh) * 36);display:flex;flex-direction:column;z-index:0;padding:calc(var(--u) * 5.6) calc(var(--u) * 2.6) calc(var(--u) * 2.6);border-radius:var(--radius-l);box-shadow:var(--clay-relief),0 calc(var(--u) * 1) 0 var(--clay-paper-edge),0 calc(var(--u) * 2) calc(var(--u) * 3.2) #3d332773;animation:sheet-in .26s cubic-bezier(.2,1.3,.5,1)}#checklist-sheet[hidden],#checklist-sheet.is-pinned .closebtn{display:none}@keyframes sheet-in{0%{opacity:0;transform:scale(.94) translateY(calc(var(--u) * -2))}}#checklist-list{position:relative;z-index:2;margin:0;padding:0 calc(var(--u) * .4);display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:calc(var(--u) * 1.2);row-gap:calc(var(--u) * .4);overflow-y:auto;scrollbar-width:none;list-style:none;counter-reset:cl}#checklist-list::-webkit-scrollbar{display:none}.cl-row{position:relative;display:flex;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .6);border-radius:var(--radius-m);counter-increment:cl;min-height:calc(2.3em + var(--u) * 1.2);font-size:calc(var(--u) * 2.78);font-weight:700;line-height:1.15;color:var(--clay-ink-soft)}.cl-row:before{content:counter(cl);flex:none;display:grid;place-items:center;width:calc(var(--u) * 3.2);height:calc(var(--u) * 3.2);border-radius:52% 48% 50% 50%/48% 52% 50% 50%;background-image:linear-gradient(180deg,var(--clay-cream),var(--clay-cream-deep));box-shadow:inset 0 calc(var(--u) * .3) 0 #ffffffb3,inset 0 calc(var(--u) * -.35) calc(var(--u) * .4) #3d332740,0 calc(var(--u) * .25) calc(var(--u) * .5) #3d332747;font-size:calc(var(--u) * 2.1);font-weight:900;color:var(--clay-ink)}.cl-row__label{flex:1}.cl-row__check{position:absolute;left:calc(var(--u) * .6);top:50%;display:grid;place-items:center;width:calc(var(--u) * 3.2);height:calc(var(--u) * 3.2);border-radius:51% 49% 50% 50%/49% 51% 50% 50%;background-image:linear-gradient(180deg,var(--clay-green-light),var(--clay-green-dark));box-shadow:inset 0 calc(var(--u) * .25) 0 #ffffff73,0 calc(var(--u) * .25) calc(var(--u) * .5) #3d33274d;opacity:0;transform:translateY(-50%) scale(.6);transition:opacity .2s ease,transform .26s cubic-bezier(.2,1.4,.5,1)}.cl-row.is-found{background:#8cc63f3d;color:var(--clay-green-dark);box-shadow:inset 0 0 0 calc(var(--u) * .18) #3a7d2447}.cl-row.is-found:before{background-image:linear-gradient(180deg,var(--clay-green-light),var(--clay-green-deep));color:transparent}.cl-row.is-found .cl-row__check{opacity:1;transform:translateY(-50%) scale(1)}.btn{--clay-fill: linear-gradient(180deg, var(--clay-green-light), var(--clay-green) 52%, var(--clay-green-deep));--edge: var(--clay-green-deep);font-family:inherit;font-size:calc(var(--u) * 2.6);font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--clay-label);border:0;border-radius:calc(var(--u) * 2.6) calc(var(--u) * 3.1) calc(var(--u) * 2.4) calc(var(--u) * 2.9) / calc(var(--u) * 3) calc(var(--u) * 2.4) calc(var(--u) * 2.8) calc(var(--u) * 2.6);padding:calc(var(--u) * 1.5) calc(var(--u) * 3.6);box-shadow:var(--clay-relief-deep),0 var(--lift) 0 var(--edge),0 calc(var(--lift) + var(--u) * .7) calc(var(--u) * 1.8) #3d33276b;text-shadow:var(--emboss-light);transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}.btn:disabled{--clay-fill: linear-gradient(180deg, #c3c3bb, #9a9a94 55%, #7d7d77);--edge: #6a6a64;cursor:default}.btn--ghost{--clay-fill: linear-gradient(180deg, var(--clay-blue-light), var(--clay-blue) 52%, var(--clay-blue-dark));--edge: var(--clay-blue-dark)}.btn--xl{--lift: calc(var(--u) * 1.15);font-size:calc(var(--u) * 3.8);padding:calc(var(--u) * 2.2) calc(var(--u) * 6);border-radius:calc(var(--u) * 4) calc(var(--u) * 4.7) calc(var(--u) * 3.7) calc(var(--u) * 4.4) / calc(var(--u) * 4.5) calc(var(--u) * 3.8) calc(var(--u) * 4.6) calc(var(--u) * 4)}#start-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;padding:calc(var(--uh) * 2.2) calc(var(--u) * 5) 0;background:linear-gradient(180deg,#f0e6d8eb,#f0e6d8cc 48%,#f0e6d8f7)}#app.is-start #scene-host{filter:blur(calc(var(--u) * .7)) saturate(.85);transform:scale(1.03)}html.is-lite #app.is-start #scene-host{visibility:hidden;filter:none}html.is-lite #start-screen{background:linear-gradient(180deg,var(--clay-paper-lit) 0%,var(--clay-paper) 45%,var(--clay-cream-deep) 100%)}#start-screen[hidden]{display:none}.start__logo{align-self:center;height:calc(var(--uh) * 12);width:auto;margin-bottom:calc(var(--uh) * 1.2);filter:drop-shadow(0 calc(var(--u) * .4) calc(var(--u) * .9) rgba(61,51,39,.3))}.start__panel{--clay-fill: linear-gradient(180deg, var(--clay-paper-lit), var(--clay-paper) 68%, var(--clay-cream-deep));text-align:center;padding:calc(var(--u) * 4.5) calc(var(--u) * 3.5);border-radius:var(--radius-l);box-shadow:var(--clay-relief),0 calc(var(--u) * 1) 0 var(--clay-paper-edge),0 calc(var(--u) * 2) calc(var(--u) * 3.2) #3d332766}.start__panel>*{position:relative;z-index:2}.start__title{margin:0;font-size:calc(var(--u) * 8);line-height:1.02;font-weight:900;color:var(--clay-green-dark);text-shadow:0 calc(var(--u) * .35) 0 rgba(255,255,255,.95),0 calc(var(--u) * .7) calc(var(--u) * .5) rgba(61,51,39,.18)}.start__subtitle{margin:calc(var(--u) * 2.4) auto calc(var(--u) * 3.6);max-width:28ch;font-size:calc(var(--u) * 3);line-height:1.38;font-weight:700;color:var(--clay-ink-soft)}.start__progress{margin-top:calc(var(--u) * 2.2);font-size:calc(var(--u) * 2);font-weight:700;color:var(--clay-ink-soft);min-height:calc(var(--u) * 3)}.start__progress.is-error{color:var(--clay-red)}.start__mascot{position:absolute;left:calc(var(--u) * 3);bottom:0;height:50%;filter:drop-shadow(calc(var(--u) * .6) calc(var(--u) * .9) calc(var(--u) * 1.6) rgba(61,51,39,.45))}#end-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--u) * 4) calc(var(--u) * 4) calc(var(--uh) * 36);z-index:5;pointer-events:auto;background:#2d241a99;animation:fade-in .32s ease}#end-overlay[hidden]{display:none}@keyframes fade-in{0%{opacity:0}}.end__panel{--clay-fill: linear-gradient(180deg, var(--clay-paper-lit), var(--clay-paper) 68%, var(--clay-cream-deep));width:min(calc(var(--u) * 86),100%);text-align:center;padding:calc(var(--u) * 8) calc(var(--u) * 4.5) calc(var(--u) * 4.5);border-radius:var(--radius-l);box-shadow:var(--clay-relief),0 calc(var(--u) * 1.1) 0 var(--clay-paper-edge),0 calc(var(--u) * 2.2) calc(var(--u) * 3.4) #3d332780;animation:pop-in .38s cubic-bezier(.2,1.3,.5,1)}.end__panel>*:not(.ribbon){position:relative;z-index:2}@keyframes pop-in{0%{opacity:0;transform:scale(.9) translateY(calc(var(--u) * 3))}}.end__title{font-size:calc(var(--u) * 3.4)}#end-overlay[data-kind=lose] .ribbon{--ribbon-face: linear-gradient(180deg, #e8664e, #d9432e 52%, #b53021);--ribbon-edge: #8f2416}.end__panel .btn{max-width:100%}.end__text{margin:0 auto calc(var(--u) * 3.4);max-width:26ch;font-size:calc(var(--u) * 2.6);line-height:1.4;font-weight:700;color:var(--clay-ink-soft)}.end__mascot{position:absolute;left:calc(var(--u) * 2);bottom:0;height:calc(var(--uh) * 54);pointer-events:none;filter:drop-shadow(calc(var(--u) * .6) calc(var(--u) * .9) calc(var(--u) * 1.6) rgba(61,51,39,.5))}#fireworks{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}#fireworks[hidden]{display:none}