#root{height:100%}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#24122e;--night-2:#3a1d47;--sugar:#fff3e2;--spice:#ff3d8b;--chilli:#e8412c;--gold:#ffc94a;--ink:#1a0c22;--display:"Bowlby One","Arial Black",Impact,sans-serif;--body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}[hidden]{display:none!important}html,body{overscroll-behavior:none;height:100dvh;margin:0}body{background:var(--night);color:var(--sugar);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}#wrap{justify-content:center;height:100dvh;display:flex}#stage{aspect-ratio:9/16;background:var(--night-2);touch-action:none;max-width:100%;height:100%;position:relative;overflow:hidden}#sky,#selfie,#gl,#fx{width:100%;height:100%;position:absolute;inset:0}#sky{background:linear-gradient(#3b2a7a 0%,#8a3f96 30%,#e0568a 55%,#ff9a6b 72%,#ffe0b0 84%)}#selfie{object-fit:cover;transform:scaleX(-1)}#fx{pointer-events:none}.layer{padding-block:16px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));position:absolute;inset:0}#hud{pointer-events:none;padding-top:calc(16px + env(safe-area-inset-top,0px));flex-direction:column;align-items:center;gap:6px;display:flex}#timer{font-family:var(--display);color:var(--sugar);text-shadow:0 3px 0 var(--ink),0 0 14px #00000073;font-variant-numeric:tabular-nums;font-size:clamp(22px,6.5vh,40px)}#chip{letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--gold);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}#banner{text-align:center;font-family:var(--display);color:var(--spice);-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 var(--ink);pointer-events:none;text-wrap:balance;padding-inline:16px;font-size:clamp(34px,9vh,64px);line-height:1.05;position:absolute;top:30%;left:0;right:0}#banner.small{color:var(--sugar);font-size:clamp(24px,5.6vh,38px)}#controls{left:0;right:0;bottom:calc(9% + env(safe-area-inset-bottom,0px));justify-content:center;gap:22%;display:flex;position:absolute}.arrow{pointer-events:none;aspect-ratio:1;cursor:pointer;touch-action:none;background:#1a0c22c7;border:0;border-radius:50%;place-items:center;width:clamp(64px,19%,96px);display:grid;box-shadow:0 4px #00000059}.arrow svg{width:52%;height:52%;fill:var(--sugar)}.arrow.on{background:var(--spice);box-shadow:none;transform:translateY(3px)}.arrow:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.overlay{text-align:center;background:linear-gradient(#24122e80,#24122ee6);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);max-width:30ch;font-size:13px;font-weight:800;line-height:1.5}h1{font-family:var(--display);color:var(--sugar);text-shadow:0 5px 0 var(--spice);text-wrap:balance;margin:0;font-size:clamp(38px,9.5vh,68px);font-weight:400;line-height:.98}.overlay p{max-width:30ch;margin:0;font-size:16px;line-height:1.45}.fine{opacity:.8;font-size:12.5px!important}.btn{font-family:var(--display);cursor:pointer;background:var(--spice);color:var(--ink);box-shadow:0 5px 0 var(--ink);border:0;border-radius:999px;padding:14px 28px;font-size:20px;text-decoration:none;display:inline-block}.btn.alt{background:var(--sugar)}.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}#camBtn{top:calc(14px + env(safe-area-inset-top,0px));right:max(14px, env(safe-area-inset-right,0px));cursor:pointer;z-index:5;background:#1a0c22c7;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}#camBtn svg{width:24px;height:24px;fill:var(--sugar)}#camBtn.on{background:var(--spice)}#camBtn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#note{left:0;right:0;top:calc(clamp(22px,6.5vh,40px) + 112px + env(safe-area-inset-top,0px));pointer-events:none;z-index:5;justify-content:center;padding-inline:16px;display:flex;position:absolute}#note span{background:var(--ink);color:var(--sugar);text-align:center;border-radius:12px;max-width:30ch;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.35}.wordmark{font-family:var(--display);letter-spacing:.14em;color:var(--spice);text-shadow:0 2px 0 var(--ink);font-size:clamp(20px,4.6vh,30px)}.link{color:var(--gold);cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline}#wintime{font-family:var(--display);color:var(--gold);text-shadow:0 4px 0 var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(34px,8vh,56px)}.row .btn{padding:12px 20px;font-size:17px}#pop{white-space:nowrap;text-align:center;font-family:var(--display);color:var(--gold);-webkit-text-stroke:1.5px var(--ink);text-shadow:0 3px 0 var(--ink);pointer-events:none;font-size:clamp(20px,4.6vh,30px);position:absolute;top:40%;left:50%;transform:translate(-50%,-100%)}#speech{white-space:nowrap;background:var(--sugar);color:var(--ink);pointer-events:none;border-radius:14px;padding:7px 12px;font-size:14px;font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-100%);box-shadow:0 3px #1a0c2280}#speech:after{content:"";border:7px solid #0000;border-top-color:var(--sugar);border-bottom:0;margin-left:-7px;position:absolute;bottom:-7px;left:50%}#hint{left:0;right:0;bottom:calc(9% + 112px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;padding-inline:16px;display:flex;position:absolute}#hint span{background:var(--ink);color:var(--sugar);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800}#sharetext{background:var(--ink);-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;border-radius:12px;padding:10px 12px;font-size:13px}#stats{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:800}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#muteBtn{top:calc(14px + env(safe-area-inset-top,0px));left:max(14px, env(safe-area-inset-left,0px));cursor:pointer;z-index:5;background:#1a0c22c7;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}#muteBtn svg{width:24px;height:24px;fill:var(--sugar)}#muteBtn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media (height<=680px){.overlay{gap:9px}h1{font-size:clamp(30px,8vh,52px)}.overlay p{font-size:14.5px}.row{gap:8px}.row .btn{padding:10px 16px;font-size:15px}}#win{padding:calc(64px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px));background:0 0;justify-content:space-between}#win .card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--spice);background:#1a0c22d6;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:360px;display:flex;box-shadow:0 0 18px #ff3d8b73}#win .top{padding:8px 16px;animation:.5s cubic-bezier(.2,1.6,.4,1) both stampIn}#win .stamp{font-family:var(--display);color:var(--sugar);text-transform:uppercase;white-space:nowrap;font-size:clamp(20px,3.4vh,26px)}#win #wintime{font-size:inherit;text-shadow:none;color:var(--gold)}#win h1{font-family:var(--body);color:var(--spice);text-shadow:none;font-size:15px;font-weight:800;line-height:1.2}#win .bottom{padding:12px 14px;animation:.55s cubic-bezier(.2,.9,.3,1) 2s both dockUp}#win .bottom p{font-size:12.5px}#win #best:empty{display:none}#win .row{gap:8px}#win .row .btn{padding:10px 16px;font-size:15px}@keyframes stampIn{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes dockUp{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#win .top,#win .bottom{animation-duration:10ms}}.countdown{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--gold);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:5px 12px;font-size:13px;transform:rotate(-2deg)}.pillrow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{font:700 13px var(--body);color:var(--gold);border:1.5px solid var(--gold);cursor:pointer;background:#1a0c22b3;border-radius:999px;padding:6px 14px;text-decoration:none}.pill:disabled{opacity:.6}.extras{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:320px;display:flex}.perk{cursor:pointer;width:100%;max-width:320px;color:var(--ink);background:var(--gold);border:2px dashed var(--ink);font:800 12px var(--body);text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:6px 12px;display:flex}.perk .code{font-family:var(--display);letter-spacing:.08em;font-size:20px;font-weight:400}.perk small{font:600 10px var(--body);text-transform:none;opacity:.8}.linkbtn{color:var(--sugar);font:700 12px var(--body);cursor:pointer;background:0 0;border:0;padding:2px;text-decoration:underline}#win .tixbtn{text-align:center;width:100%;max-width:320px;margin-top:4px;padding:12px 20px;font-size:18px}.minirow{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.minirow .pillrow{gap:6px}.tease{opacity:.85;font-size:12px}.initials{align-items:center;gap:8px;display:flex}.initials input{text-align:center;width:78px;font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1.5px solid var(--gold);background:#00000059;border-radius:8px;padding:3px 4px;font-size:20px}.board{font-variant-numeric:tabular-nums;width:100%;max-height:22vh;margin:0;padding:0;font-size:12.5px;list-style:none;overflow:auto}.board li{border-radius:6px;grid-template-columns:2.2em 1fr auto;align-items:center;gap:10px;padding:2px 10px;display:grid}.board li .rk{text-align:right;opacity:.7}.board li .ini{font-family:var(--display);justify-content:flex-start;font-weight:400;display:flex}.board li .ini i{text-align:center;width:1.15em;font-style:normal;display:inline-block}.board li .tm{text-align:right}.board li.me{background:var(--sugar);color:var(--ink)}.boardnote{font-size:12px}.boardModal{z-index:50;background:#0a040eb3;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.boardCard{border:1.5px solid var(--gold);background:#1a0c22f2;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:18px;display:flex}.boardCard h2{font-family:var(--display);color:var(--gold);margin:0;font-size:20px;font-weight:400}.boardCard .board{max-height:50vh;font-size:15px}.challenge-badge{background:var(--ink);color:var(--gold);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--gold);border-radius:999px;margin:6px auto;padding:7px 14px;font-size:13px;font-weight:800;display:inline-block}.challenge-hud{background:var(--gold);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800;box-shadow:0 3px #1a0c2280}.challenge-result{color:var(--sugar);margin:6px 0 0;font-size:13px;font-weight:800}.challenge-result.win{color:var(--gold)}#stage{touch-action:auto}#stage:has(#controls:not([hidden])){touch-action:none}.overlay{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));justify-content:safe center;overflow-y:auto}#win{justify-content:flex-start;gap:12px}#win .card{flex-shrink:0}#win .bottom{margin-top:auto}.overlay>*{flex-shrink:0}.boardModal{touch-action:pan-y;overflow-y:auto}@media (height<=680px){#win{padding-top:calc(60px + env(safe-area-inset-top,0px))}#start{padding-top:calc(64px + env(safe-area-inset-top,0px))}#start .eyebrow br+br+br{display:none}}@media (width<=520px){#stage{aspect-ratio:auto;width:100%}}