@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(./playfair-display-latin-700-normal-CuDiGg7c.woff2)format("woff2"),url(./playfair-display-latin-700-normal-Bc_1Q1cG.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(./barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Fredericka the Great;font-style:normal;font-display:swap;font-weight:400;src:url(./fredericka-the-great-latin-400-normal-By-vzJE4.woff2)format("woff2"),url(./fredericka-the-great-latin-400-normal-CCM8XYdO.woff)format("woff")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--soot);height:100%;color:var(--chalk);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:var(--font-ui);letter-spacing:.02em;margin:0;font-size:18px;font-weight:500;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#ui>*{pointer-events:none}.overlay{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.btn{border:2px solid var(--copper);min-height:52px;color:var(--chalk);text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(#34312f,#1c1a19);border-radius:6px;padding:0 22px;font-size:19px;font-weight:600;box-shadow:0 2px #000,inset 0 1px #ffffff14}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(#c98445, var(--copper));color:var(--soot);border-color:#e2a568}.icon-btn{border:2px solid var(--copper);width:48px;height:48px;fill:var(--chalk);color:var(--chalk);background:#141312d1;border-radius:50%;flex:none;place-items:center;display:grid}.topbar{padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 8px calc(10px + env(safe-area-inset-left));background:linear-gradient(#141312eb,#14131200);align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.who{flex:1;min-width:0;line-height:1.1}.who-name{font-family:var(--font-title);letter-spacing:0;font-size:20px;font-weight:700}.who-wants{opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.05;display:-webkit-box;overflow:hidden}.timer{text-align:center;font-variant-numeric:tabular-nums;border:2px solid var(--charcoal);background:#141312d1;border-radius:6px;min-width:62px;padding:2px 8px;font-size:30px;font-weight:600}.timer.held{opacity:.55}.timer.low{border-color:var(--signal-red);animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.pips{left:0;right:0;top:calc(66px + env(safe-area-inset-top));flex-wrap:wrap;justify-content:center;gap:6px;padding:0 8px;display:flex;position:absolute}.pip{--p:0;text-transform:uppercase;letter-spacing:.08em;background:#141312d9;border:2px solid #5a5552;border-radius:13px;justify-content:center;align-items:center;gap:3px;min-width:56px;height:26px;padding:0 8px;font-size:14px;display:flex;position:relative;overflow:hidden}.pip-fill{width:calc(var(--p) * 1%);background:var(--copper);opacity:.75;transition:width .15s;position:absolute;top:0;bottom:0;left:0}.pip-label,.pip-tick{position:relative}.pip-tick{font-weight:700;display:none}.pip.done{border-color:var(--signal-green);animation:.35s pop}.pip.done .pip-fill{opacity:1;background:#2c8a4d}.pip.done .pip-tick{display:inline}@keyframes pop{40%{transform:scale(1.25)}}.toast{opacity:0;white-space:nowrap;font-family:var(--font-title);letter-spacing:0;text-shadow:0 2px #000,0 0 12px #000c;font-size:30px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.toast.show{animation:.75s ease-out forwards toast}.toast.good{color:var(--filament)}.toast.bad{color:#ff8a7d}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}70%{opacity:1;transform:translate(-50%,-62%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.fx{position:absolute;top:0;bottom:0;left:0;right:0}.sparkle{width:0;height:0;position:absolute}.sparkle i{background:var(--filament);transform-origin:3px 14px;border-radius:3px;width:6px;height:28px;animation:.7s ease-out forwards spark;position:absolute;top:-14px;left:-3px}.sparkle i:nth-child(2){--r:60deg}.sparkle i:nth-child(3){--r:120deg}.sparkle i:nth-child(4){--r:180deg}.sparkle i:nth-child(5){--r:240deg}.sparkle i:nth-child(6){--r:300deg}@keyframes spark{0%{transform:rotate(var(--r,0deg)) translateY(-6px) scaleY(.3);opacity:1}to{transform:rotate(var(--r,0deg)) translateY(-58px) scaleY(1);opacity:0}}.ring{width:0;height:0;position:absolute;top:0;left:0}.ring-target,.ring-pulse{border-radius:50%;width:88px;height:88px;position:absolute;top:-44px;left:-44px}.ring-target{border:4px dashed var(--chalk);opacity:.9;box-shadow:0 0 0 2px #00000080}.ring-pulse{border:5px solid var(--filament);box-shadow:0 0 10px #0009}.ring-target span{letter-spacing:.1em;color:var(--chalk);text-shadow:0 1px 3px #000;opacity:.55;place-items:center;font-size:22px;font-weight:600;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ring.beat .ring-target span{opacity:1;transform:scale(1.2)}.ring.beat .ring-target{background:#ffb45a47;border-style:solid;transform:scale(1.08)}.bands{right:calc(4px + env(safe-area-inset-right));position:absolute;top:0}.bands i{white-space:nowrap;min-width:46px;height:34px;color:var(--chalk);clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%);background:#141312e0;border:2px solid #6a625c;border-radius:4px;place-items:center;padding:0 9px 0 14px;font-size:20px;font-style:normal;font-weight:600;display:grid;position:absolute;top:-17px;right:0}.bands i.on{background:var(--copper);color:var(--soot);border-color:#e2a568}.bands i.done{border-color:var(--signal-green);background:#2c8a4d}.phone{right:calc(10px + env(safe-area-inset-right));border:3px solid var(--filament);background:var(--soot);width:76px;height:76px;fill:var(--chalk);color:var(--chalk);text-transform:uppercase;letter-spacing:.1em;border-radius:50%;align-content:center;place-items:center;font-size:13px;line-height:1;animation:.12s linear infinite alternate ringing;display:grid;position:absolute;top:54%;box-shadow:0 0 0 6px #ffb45a4d;pointer-events:auto!important}@keyframes ringing{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.call{right:calc(10px + env(safe-area-inset-right));background:var(--chalk);max-width:250px;color:var(--soot);border-radius:14px 14px 2px;padding:10px 14px;font-size:19px;font-weight:600;line-height:1.15;animation:.25s ease-out coach;position:absolute;top:54%;box-shadow:0 4px 12px #0009}.ghost{opacity:.9;filter:drop-shadow(0 3px 4px #0009);width:56px;height:70px;position:absolute;top:-4px;left:-18px}.ghost.drag{animation:1.7s ease-in-out infinite ghost-drag}@keyframes ghost-drag{0%{transform:translate(var(--x0), var(--y0)) scale(1.15);opacity:0}15%{transform:translate(var(--x0), var(--y0)) scale(1);opacity:.95}75%{transform:translate(var(--x1), var(--y1)) scale(1);opacity:.95}to{transform:translate(var(--x1), var(--y1)) scale(1.15);opacity:0}}.tray{padding:30px calc(10px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:linear-gradient(#14131200,#141312f0 30%);position:absolute;bottom:0;left:0;right:0}.tray-row{align-items:flex-end;gap:10px;display:flex}.tray-row>*{pointer-events:auto}.tray-top{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:10px;display:flex}.coach{border-left:5px solid var(--filament);color:var(--chalk);letter-spacing:.01em;background:#141312eb;border-radius:8px;align-self:stretch;padding:9px 14px;font-size:21px;font-weight:600;line-height:1.15;box-shadow:0 2px 8px #00000080}.coach.pop{animation:.3s ease-out coach}@keyframes coach{0%{opacity:0;transform:translateY(8px)scale(.97)}}.order{background:var(--kraft);color:#2b211a;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);border-radius:4px;margin-left:2px;padding:4px 12px 4px 22px;font-size:18px;font-weight:600;transform:rotate(-2deg);box-shadow:0 2px 6px #00000080;pointer-events:none!important}.tray-tool{flex:1;min-width:0}.tray-label{text-transform:uppercase;letter-spacing:.16em;opacity:.8;margin:0 0 4px 4px;font-size:14px}.dial{gap:5px;display:flex}.guard{min-width:0;height:54px;color:var(--chalk);background:#24211f;border:2px solid #6a625c;border-radius:50%/42%;flex:1;font-size:24px;font-weight:600}.guard.hint{border-color:var(--filament);animation:.7s ease-in-out infinite alternate hint}@keyframes hint{to{transform:translateY(-4px);box-shadow:0 0 0 5px #ffb45a8c}}.guard.on{background:linear-gradient(#c98445, var(--copper));color:var(--soot);border-color:#e2a568;transform:translateY(-5px);box-shadow:0 5px #000}.beat-hint{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;height:54px;font-size:22px;display:flex}.beat-dot{border:3px solid var(--filament);border-radius:50%;width:18px;height:18px}.btn.done{min-height:54px;padding:0 14px;font-size:17px}.gauge{background:#24211f;border:2px solid #6a625c;border-radius:17px;height:34px;position:relative;overflow:hidden}.gauge-band{background:repeating-linear-gradient(45deg,#2c8a4d 0 8px,#37a35c 8px 16px);position:absolute;top:0;bottom:0}.gauge-band:after{content:"✓";color:#fff;place-items:center;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.gauge-fill{border-right:4px solid var(--chalk);background:#ede8dc8c;width:0;position:absolute;top:0;bottom:0;left:0}.gauge-fill.good{background:#3fbf6a8c}.gauge-fill.bad{background:#d23b2e99}.tins{gap:8px;display:flex}.tin{min-width:0;color:var(--chalk);background:0 0;border:0;flex:1;justify-items:center;gap:4px;padding:0;display:grid}.tin-lid{width:66px;height:66px;font-family:var(--font-title);color:#2b2d30;background:radial-gradient(circle at 35% 30%,#f4f5f6,#9da1a6 70%,#6d7176);border:3px solid #5c6065;border-radius:50%;place-items:center;font-size:21px;font-weight:700;display:grid;box-shadow:0 3px #000,inset 0 0 0 4px #ffffff40}.tin-name{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:16px;font-weight:600}.tin.right .tin-lid{border-color:var(--signal-green);box-shadow:0 0 0 4px #3fbf6a80}.tin.right .tin-name:after{content:" ✓"}.tin.wrong{opacity:.4;animation:.3s shake}.tin.wrong .tin-name:after{content:" ✕"}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.card{padding-bottom:calc(7vh + env(safe-area-inset-bottom));background:linear-gradient(#14131200 30%,#141312b3 62%);place-items:end center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto!important}.tag{color:#2b211a;text-align:center;background:var(--kraft);clip-path:polygon(22% 0,78% 0,100% 12%,100% 100%,0 100%,0 12%);border-radius:10px;width:min(78vw,300px);padding:34px 18px 16px;animation:.4s cubic-bezier(.2,1.3,.4,1) tag-in;position:relative;transform:rotate(-3deg);box-shadow:inset 0 0 0 3px #3c281440}@keyframes tag-in{0%{transform:translateY(-120vh)rotate(-14deg)}}.tag-hole{background:var(--soot);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:10px;left:50%;box-shadow:0 0 0 4px #a8875a}.tag-title{font-family:var(--font-title);letter-spacing:0;font-size:22px;font-weight:700}.tag img{object-fit:cover;background:var(--charcoal);border:4px solid #2b211a;border-radius:50%;width:132px;height:132px;margin:8px auto 4px;display:block}.tag ul{margin:6px 0 8px;padding:0;font-size:22px;font-weight:600;line-height:1.25;list-style:none}.tag-who{text-transform:uppercase;letter-spacing:.16em;opacity:.75;font-size:15px}.tag .btn{width:100%;margin-top:2px}.tag-go{text-transform:uppercase;letter-spacing:.14em;opacity:.7;font-size:15px}.board{padding:16px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#14131200 40%,#141312cc 62%);place-items:end center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto!important}.chalk{text-align:center;width:min(90vw,340px);font-family:var(--font-chalk);letter-spacing:.03em;border:9px solid var(--walnut);background:radial-gradient(120% 90% at 30% 20%,#2f3331,#1b1e1d);border-radius:6px;padding:10px 16px 14px;animation:.35s ease-out board-in;box-shadow:0 10px 30px #000000b3,inset 0 0 40px #ffffff0a}@keyframes board-in{0%{opacity:0;transform:translateY(40px)}}.chalk-name{border-bottom:2px dashed #ede8dc66;padding-bottom:6px;font-size:22px}.stars{letter-spacing:4px;margin:6px 0 0;font-size:36px;line-height:1}.star{opacity:.45;display:inline-block}.star.lit{color:var(--filament);opacity:0;animation:.35s cubic-bezier(.2,1.6,.4,1) forwards star-in}@keyframes star-in{0%{opacity:0;transform:scale(2.4)rotate(-40deg)}to{opacity:1;transform:none}}.chalk-score{font-size:42px;line-height:1.05}.chalk-score small{opacity:.8;font-size:18px}.chalk table{border-collapse:collapse;width:100%;margin:2px 0 6px;font-size:17px}.chalk td{text-align:left;padding:0 4px}.chalk td:last-child{text-align:right}.chalk small{opacity:.6}.quote{font-family:var(--font-title);letter-spacing:0;margin:2px 0 10px;font-size:17px;font-style:italic}.chalk .btn{font-family:var(--font-ui);place-items:center;width:100%;text-decoration:none;display:grid}.chalk .btn+.btn{margin-top:10px}.board.full{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:calc(16px + env(safe-area-inset-top));background:#141312c7;place-items:start center;overflow-y:auto}.chalk.results{margin:auto 0}.chalk.results .btn,.chalk.results a.btn{place-items:center;width:100%;margin-top:10px;text-decoration:none;display:grid}.reward{justify-content:center;gap:8px;margin:4px 0 2px;display:flex}.tin-lid.small{border-width:2px;width:38px;height:38px;font-size:13px}.tin-lid.dim{opacity:.22}.initials{font-family:var(--font-ui);border:2px dashed #ede8dc66;border-radius:6px;margin:6px 0 4px;padding:8px}.initials label{color:var(--filament);font-size:18px;font-weight:600;display:block}.initials div{gap:8px;margin:6px 0 2px;display:flex}.initials input{border:2px solid var(--chalk);min-width:0;height:52px;color:var(--chalk);font:400 30px var(--font-chalk);letter-spacing:.3em;text-align:center;text-transform:uppercase;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#151817;border-radius:6px;flex:1}.initials .btn{padding:0 12px;font-size:16px;width:auto!important;margin:0!important}.initials small{opacity:.7;font-size:14px}.offer{border:2px dashed var(--filament);font-family:var(--font-ui);border-radius:6px;margin:8px 0 0;padding:8px 10px}.offer small{text-transform:uppercase;letter-spacing:.14em;color:var(--filament);font-size:13px}.offer p{margin:2px 0;font-size:19px}.offer b{font:400 24px var(--font-chalk);letter-spacing:.1em}.scores-box{border-top:2px dashed #ede8dc66;margin-top:14px;padding-top:8px}.scores-box h3{margin:0 0 4px;font-size:20px;font-weight:400}.scores{counter-reset:place;margin:0;padding:0;font-size:22px;list-style:none}.scores li{counter-increment:place;justify-content:space-between;padding:1px 18px;display:flex}.scores li span:before{content:counter(place) ". ";opacity:.6}.scores li.you{color:var(--filament)}.scores li b{font-weight:400}.scores-none{font-family:var(--font-ui);opacity:.7;margin:0;font-size:16px}.apps{font-family:var(--font-ui);flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:12px;font-size:17px;display:flex}.apps a{color:var(--chalk);pointer-events:auto;place-items:center;min-height:44px;display:grid}.share{z-index:5;background:#141312f0;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto!important}.share-box{justify-items:center;gap:10px;max-height:100%;display:grid}.share img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;pointer-events:auto;border-radius:8px;max-width:min(78vw,360px);max-height:66vh;box-shadow:0 10px 30px #000}.share p{margin:0;font-size:18px}.share-row{gap:10px;display:flex}.chalk table.run{margin:8px 0 4px;font-size:19px}.chalk table.run td{padding:3px 4px}.chalk table.run td:nth-child(2){text-align:center}.mini-stars{color:var(--filament);letter-spacing:1px;font-family:var(--font-ui)}.mini-stars i{opacity:.4;color:var(--chalk);font-style:normal}.rank{color:var(--filament);margin:2px 0 4px;font-size:30px;line-height:1.1}.rank small{color:var(--chalk);opacity:.75;font-size:15px;display:block}.best{font-family:var(--font-ui);opacity:.85;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:17px}.best.new{color:var(--filament);opacity:1;font-weight:600}.boot{padding:calc(18px + env(safe-area-inset-top)) 24px calc(22px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#141312f0 0%,#141312cc 22%,#14131200 34% 60%,#141312d6 72%,#141312f5 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto!important}.boot-top,.boot-bottom{flex-direction:column;align-items:center;gap:4px;display:flex}.boot .at-title,.boot.title .at-boot{display:none}.boot.title .at-title{display:flex}.boot.title{cursor:default;background:linear-gradient(#141312f0 0%,#141312cc 22%,#14131200 34% 50%,#141312e6 61%,#141312f7 100%)}.boot .play{min-width:220px}.boot .quick{min-height:48px;margin-top:8px;font-size:16px}.title-row{align-items:center;gap:14px;min-height:48px;margin-top:8px;display:flex}.sound-toggle{fill:currentColor;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-size:15px;display:flex}.title-best{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:16px}.boot h1{font-family:var(--font-title);letter-spacing:0;text-shadow:0 2px 10px #000;margin:8px 0 0;font-size:31px;font-weight:700;line-height:1.05}.boot-shop{text-transform:uppercase;letter-spacing:.2em;color:var(--copper);margin:4px 0 0;font-size:15px}.boot-line{opacity:.9;margin:6px 0 0;font-size:19px}.how{counter-reset:how;text-align:left;margin:0 0 14px;padding:0;font-size:19px;list-style:none}.how li{counter-increment:how;align-items:center;gap:10px;margin:7px 0;display:flex}.how li:before{content:counter(how);border:2px solid var(--copper);width:28px;height:28px;color:var(--filament);border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:600;display:grid}.boot .start,.boot .play{animation:.9s ease-in-out infinite alternate pulse}.logo{filter:drop-shadow(0 4px 10px #0009)}.paused{background:#141312d1;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto!important}.paused-box{text-align:center}.paused h2{font-family:var(--font-title);letter-spacing:0;margin:14px 0 18px;font-size:30px}.light{background:#0b0b0b;border:2px solid #3a3a3a;border-radius:10px;gap:8px;width:54px;margin:0 auto;padding:8px;display:grid}.light i{background:#2a2a2a;border-radius:50%;width:34px;height:34px;display:block}.light i:first-child{background:var(--signal-red);box-shadow:0 0 14px var(--signal-red)}.rotate{display:none}@media (orientation:landscape) and (max-height:480px) and (pointer:coarse){.rotate{z-index:10;background:var(--soot);font-family:var(--font-title);text-align:center;place-items:center;padding:24px;font-size:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto!important}}@media (max-width:370px){.who-wants{font-size:14px}.guard{height:50px;font-size:22px}.dial{gap:4px}}@media (prefers-reduced-motion:reduce){.boot .start,.boot .play,.timer.low,.ghost.drag{animation:none}.ghost.drag{transform:translate(var(--x0), var(--y0))}}.xmas-card{touch-action:pan-y;padding:calc(20px + env(safe-area-inset-top)) 22px calc(20px + env(safe-area-inset-bottom));text-align:center;background:radial-gradient(90% 60% at 50% 30%, var(--charcoal), var(--soot));flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto;pointer-events:auto!important}.xmas-card h1{font-family:var(--font-title);letter-spacing:0;margin:8px 0 0;font-size:30px;font-weight:700;line-height:1.05}.xmas-card img{border:4px solid var(--copper);background:var(--charcoal);aspect-ratio:1200/630;object-fit:cover;border-radius:8px;width:min(100%,520px);margin:12px 0 4px}.xmas-line{margin:4px 0 12px;font-size:19px}.xmas-card .btn{place-items:center;min-width:260px;text-decoration:none;display:grid}
