:root{--gutter:16px;--wonk:1}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--paper);color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;min-height:100dvh;font-size:20px;line-height:1.25}button{font:inherit}h1,h2,h3{margin:0;font-weight:400}.app{z-index:1;min-height:100dvh;position:relative}.screen{max-width:1180px;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) var(--gutter) calc(14px + env(safe-area-inset-bottom)) calc(var(--gutter) + 22px);flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.center{justify-content:center}.topbar{justify-content:space-between;align-items:center;gap:10px;min-height:56px;display:flex}.page-title{align-items:center;gap:8px;font-size:1.6rem;line-height:1.1;display:flex}.big-note{text-align:center;margin:6px 0;font-size:1.3rem}.paper{background:var(--floor);border:2px solid var(--ink);box-shadow:4px 5px 0 var(--shadow);border-radius:12px;padding:12px 14px 14px;position:relative}.paper h2{margin-bottom:8px;font-size:1.35rem}.paper h2 .count{color:var(--pencil);font-size:1rem}.note{--ink:var(--note-ink);--pencil:var(--note-pencil);--wheel:var(--note-wheel);min-width:56px;min-height:56px;color:var(--note-ink);background:var(--note-yellow);border:2.5px solid var(--note-ink);box-shadow:3px 4px 0 var(--shadow);transform:rotate(calc(var(--tilt,0deg) * var(--wonk)));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:1.25rem;line-height:1.1;transition:transform 80ms ease-out,box-shadow 80ms;display:inline-flex;position:relative}.note:active:not(.disabled){transform:rotate(calc(var(--tilt,0deg) * var(--wonk))) translate(2px, 3px);box-shadow:1px 1px 0 var(--shadow)}.note:focus-visible{outline:3px dashed var(--blue);outline-offset:4px}.note.tone-yellow{background:var(--note-yellow)}.note.tone-pink{background:var(--note-pink)}.note.tone-blue{background:var(--note-blue)}.note.tone-green{background:var(--note-green)}.note.tone-orange{background:var(--note-orange)}.note.tone-white{background:var(--note-white)}.note.big{min-height:68px;padding:10px 28px;font-size:1.6rem}.note.disabled{opacity:.45;filter:saturate(.5);cursor:default}.note.pressed{background:var(--hl);box-shadow:inset 0 0 0 3px #00000014, 3px 4px 0 var(--shadow)}.home{justify-content:flex-start;align-items:center}.home .topbar{width:100%}.title-block{text-align:center;flex-direction:column;align-items:center;margin-top:4vh;display:flex}.title{letter-spacing:1px;transform:rotate(calc(-2deg * var(--wonk)));font-size:clamp(3rem,13vw,5.2rem);line-height:.95}.title.small{font-size:clamp(2.2rem,9vw,3.4rem)}.title-bots{align-items:flex-end;gap:2px;margin-bottom:4px;display:flex}.title-star{animation:7s linear infinite spin-slow}.tagline{max-width:22em;margin:10px 0 0;font-size:1.3rem}.scribble{margin-top:-2px;display:block}.menu{flex-direction:column;gap:22px;width:min(100%,360px);margin-top:5vh;display:flex}.menu .note{width:100%}.lang{font-size:1.1rem}.hop{animation:1.8s ease-in-out infinite hop}.hop.d1{animation-delay:.3s}.hop.d2{animation-delay:.6s}.hop.d3{animation-delay:.9s}@keyframes hop{0%,60%,to{transform:translateY(0)rotate(0)}75%{transform:translateY(-9px)rotate(-5deg)}88%{transform:translateY(0)rotate(3deg)scale(1.04,.96)}}@keyframes spin-slow{to{transform:rotate(360deg)}}.picker{flex-direction:column;align-items:center;gap:14px;display:flex}.step-title{text-align:center;font-size:1.45rem}.letters{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;width:100%;max-width:620px;display:grid}.letters .note{padding:0;font-size:1.8rem}.words{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;width:100%;max-width:760px;display:grid}.word{flex-direction:column;min-height:88px;padding:8px}.word-icon{font-size:2rem;line-height:1}.word-icon.big{font-size:2.6rem}.word-text{letter-spacing:1px;font-size:1.25rem}.code-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0 12px;display:flex}.code-word{letter-spacing:2px;font-size:2.2rem}.code-dash{font-size:2.2rem}.digit{flex-direction:column;align-items:center;gap:6px;display:flex}.digit-value{text-align:center;border-bottom:3px solid var(--ink);width:72px;font-size:3.2rem;line-height:1.1}.digit-btn{width:72px;font-size:1.4rem}.connecting{justify-content:center;align-items:center}.spinner-doodle{font-size:3rem;animation:.8s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)translate(8px)}}.lobby{max-width:760px}.code-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:18px;display:flex}.code-label{color:var(--pencil);font-size:1.1rem}.code-big.small{font-size:1.5rem}.code-big{letter-spacing:2px;align-items:center;gap:10px;font-size:clamp(2.3rem,11vw,3.6rem);line-height:1;display:flex}.code-icon{font-size:.9em}.code-tell{font-size:1.15rem}.practice-bots{gap:4px;display:flex}.players ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.player{border-left:6px solid var(--seat);border-radius:4px;align-items:center;gap:10px;padding:2px 6px;display:flex}.player.away{opacity:.5}.pname{font-size:1.35rem}.tag{border:1.5px solid var(--ink);border-radius:12px 4px;align-items:center;padding:0 8px;font-size:.95rem;display:inline-flex}.tag.you{background:var(--hl);color:var(--note-ink);border-color:var(--note-ink)}.tag.host{border:none;padding:0}.tag.away{border-style:dashed}.robot-picker{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;display:grid}.robot-choice{flex-direction:column;gap:0;min-height:88px;padding:6px 4px}.robot-choice .robot-name{font-size:1rem}.robot-choice.taken{opacity:.4}.mode-card{flex-direction:column;gap:2px;min-width:150px;padding:8px 12px}.mode-icons{gap:0;display:flex}.mode-name{font-size:1.4rem}.mode-hint{opacity:.8;max-width:12em;font-size:.95rem}.pick-card{flex:1 1 0;min-width:0;max-width:150px;padding:8px 6px}.mode .row,.size .row{flex-wrap:nowrap;gap:8px}.pick-card.mode-card .mode-name{font-size:1.25rem}.pick-card .mode-hint{max-width:none}.size-card .mode-name{font-size:1.6rem;line-height:1}.pick-detail{text-align:center;color:var(--pencil);margin:10px 0 0;font-size:1.05rem}.maze-glyph-box{fill:none;stroke:currentColor;stroke-width:2px}.maze-glyph-wall{stroke:currentColor;stroke-width:2px;stroke-linecap:round}.lobby-go{justify-content:center;padding:8px 0 24px;display:flex}.board{position:relative}.board-svg{width:100%;height:100%;display:block;overflow:visible}.bot-shadow{fill:#00000021}.bot[data-status=dnf] .upright{filter:grayscale();opacity:.55}.bot[data-status=done] .bot-shadow{fill:#ffc80059}.fx-text{font-family:var(--font);fill:var(--ink);font-size:17px}.trap.hidden.mine .trap-inner{opacity:.8}.trap-ring{fill:none;stroke-width:2px;stroke-dasharray:4 4;opacity:.8}.trap-inner{transform-box:fill-box;transform-origin:50%}.goal-inner{animation:2.4s ease-in-out infinite star-wiggle}@keyframes star-wiggle{0%,to{transform:rotate(-6deg)scale(1)}50%{transform:rotate(6deg)scale(1.08)}}.tap{fill:#0000;cursor:pointer}.tap:hover{fill:#ffe06659}.tap.shake{fill:#e4572e59;transform-box:fill-box;transform-origin:50%;animation:.4s tile-shake}@keyframes tile-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.hiding{max-width:1100px}.hiding-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hiding-head .page-title{font-size:1.45rem}.hiding-main{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.hide-board{aspect-ratio:1;width:min(100%,62vh);margin:0 auto}.hiding-side{flex-direction:column;align-items:center;gap:12px;display:flex}.hint{text-align:center;margin:0;font-size:1.15rem}.slots{justify-content:center;gap:8px;width:100%;display:flex}.slot svg{width:100%;max-width:46px;height:auto}.slot{text-align:center;border:2px dashed var(--pencil);opacity:.55;border-radius:12px 4px 14px 6px;flex-direction:column;flex:0 84px;align-items:center;min-width:0;padding:4px;font-size:.85rem;line-height:1.05;display:flex}.slot.full{border-style:solid;border-color:var(--ink);opacity:1;background:var(--floor);transform:rotate(calc(-2deg * var(--wonk)))}.others{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.others h3{text-align:center;width:100%;color:var(--pencil);font-size:1.05rem}.other{align-items:center;gap:4px;font-size:1.2rem;display:flex}.timer{border:2px solid var(--ink);background:var(--floor);white-space:nowrap;border-radius:20px 6px 18px 8px;padding:2px 10px;font-size:1.3rem}.timer.hurry{background:var(--note-pink);color:var(--note-ink);border-color:var(--note-ink);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.07) rotate(calc(-2deg * var(--wonk)))}}.live{height:100dvh;min-height:0;padding:calc(6px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom)) 12px;gap:8px;overflow:hidden}.hud{flex-wrap:nowrap;align-items:center;gap:10px;min-height:56px;display:flex}.hud .energy{align-items:center;gap:4px;margin-right:auto;display:flex}.hud .energy .lbl{color:var(--pencil);font-size:.95rem}.battery-text{font-family:var(--font);fill:var(--ink);font-size:19px}.end-round{padding:4px 10px;font-size:1rem}.live-grid{flex:auto;grid-template:"minis""me"minmax(0,1fr)"controls"/minmax(0,1fr);gap:8px;min-height:0;display:grid}.minis{grid-area:minis;justify-content:center;gap:8px;display:flex}.me-board{grid-area:me;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.me-board .board{aspect-ratio:1;max-width:100%;height:100%}.controls{flex-direction:column;grid-area:controls;gap:4px;min-width:0;display:flex}.mini-wrap{flex-direction:column;align-items:center;width:96px;display:flex}.mini-wrap .board{width:96px;height:96px}.live.n1 .mini-wrap,.live.n1 .mini-wrap .board{width:104px}.live.n1 .mini-wrap .board{height:104px}.mini-label{white-space:nowrap;align-items:center;gap:4px;margin-top:2px;font-size:.95rem;line-height:1;display:flex}.mini-label .dot{background:var(--seat);border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px}.mini-label .tag{padding:0 4px;font-size:.8rem}.mini-label .star{color:#d19a00;border:none;font-size:1rem}.board.mini .board-svg{filter:drop-shadow(2px 2px 0 var(--shadow))}.mini-wrap.pickable{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px}.mini-wrap.pickable:active{transform:scale(.96)}.mini-wrap.pickable:focus-visible{outline:3px dashed var(--blue);outline-offset:3px}.watching{z-index:3;white-space:nowrap;background:var(--paper);max-width:calc(100% - 16px);color:var(--ink);border:2px solid var(--seat,var(--ink));box-shadow:2px 3px 0 var(--shadow);pointer-events:none;border-radius:14px;align-items:center;gap:6px;padding:2px 12px;font-size:1.05rem;display:flex;position:absolute;top:4px;left:50%;overflow:hidden;transform:translate(-50%)}.watching .dot{background:var(--seat);border-radius:50%;flex:none;width:10px;height:10px}.watching-hint{color:var(--pencil);text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.status-note{transform:rotate(calc(-1.5deg * var(--wonk)));min-height:1.6em;color:var(--ink);white-space:nowrap;pointer-events:none;text-overflow:ellipsis;border-radius:16px 4px 16px 6px;align-self:center;max-width:100%;padding:0 12px;font-size:1.15rem;overflow:hidden}.status-note.good,.status-note.bad{color:var(--note-ink);border:2px solid var(--note-ink);box-shadow:2px 3px 0 var(--shadow)}.status-note.good{background:var(--note-green)}.status-note.bad{background:var(--note-pink)}.queue{align-items:center;gap:8px;min-height:64px;display:flex}.queue-strip{scrollbar-width:none;border-bottom:2px dashed var(--pencil);flex:auto;align-items:center;gap:8px;min-width:0;min-height:68px;padding:6px 4px 8px;display:flex;overflow:auto hidden}.queue-strip::-webkit-scrollbar{display:none}.block{flex:none;align-items:center;gap:2px;display:inline-flex}.note.block{flex-direction:row;min-width:60px;min-height:56px;padding:2px 6px;font-size:1.15rem}.note.block.head{box-shadow:0 0 0 3px var(--orange), 3px 4px 0 var(--shadow)}.block .dots{justify-content:center;gap:2px;display:flex;position:absolute;bottom:3px;left:6px;right:6px}.block .dots i{border:1px solid var(--note-ink);border-radius:50%;width:5px;height:5px}.block .dots i.on{background:var(--note-ink)}.block.done{opacity:.5;padding:0 2px;font-size:1rem}.block.done .of{font-size:.8rem}.queue-hint{color:var(--pencil);padding:0 6px;font-size:1.05rem}.restart{flex:none;padding:4px 8px}.pad{justify-content:center;align-items:center;gap:12px;display:flex}.pad.hand-right{flex-direction:row-reverse}.hand-toggle,.skin-toggle{gap:6px;padding:4px 10px;font-size:1.05rem}.pad-keys{gap:8px;display:grid}.pad-keys.arrows{grid-template-rows:repeat(3,72px);grid-template-columns:repeat(3,72px)}.pad-keys.turns{grid-template-rows:repeat(2,76px);grid-template-columns:repeat(3,76px)}.pad-key{width:100%;height:100%;padding:0}.pad-keys.code .no-left{border:2px dashed var(--pencil);opacity:.35;border-radius:12px}.go-need{margin-top:2px;font-size:.45em;line-height:1;display:block}.go{flex-direction:column}.facing-arrow{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pad-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.go{border-radius:28px;min-width:104px;min-height:120px;padding:8px 10px;font-size:2.4rem}.go.ready{animation:1.1s ease-in-out infinite go-pulse}@keyframes go-pulse{50%{transform:rotate(calc(var(--tilt,0deg) * var(--wonk))) scale(1.06)}}.go-text{letter-spacing:1px}.pad-small{justify-content:space-between;gap:10px;display:flex}.small-key{flex:1;padding:4px}.emote-bar{position:relative}.emote-toggle{padding:4px 10px}.emote-pop{top:calc(68px + env(safe-area-inset-top));z-index:30;background:var(--floor);border:2px solid var(--ink);width:max-content;max-width:calc(100vw - 24px);box-shadow:4px 5px 0 var(--shadow);border-radius:18px 6px 18px 8px;grid-template-columns:repeat(2,auto);gap:10px;padding:12px;display:grid;position:fixed;right:max(12px,50vw - 578px)}.emote-btn{white-space:nowrap;justify-content:flex-start;min-width:0;padding:4px 10px;font-size:1.1rem}.emote-btn svg{flex:none}.emote-btn .emote-word{text-overflow:ellipsis;min-width:0;overflow:hidden}.emote-bubbles{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.emote-bubble{align-items:center;gap:2px;animation:.35s cubic-bezier(.34,1.6,.64,1) pop-in;display:flex}.bubble{background:var(--note-white);color:var(--note-ink);border:2px solid var(--note-ink);box-shadow:2px 3px 0 var(--shadow);border-radius:20px 20px 20px 4px;padding:4px 12px;font-size:1.3rem}@keyframes pop-in{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.countdown-overlay{z-index:50;background:color-mix(in srgb, var(--paper) 55%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.countdown-card{text-align:center;transform:rotate(calc(-3deg * var(--wonk)))}.countdown-card .ready{font-size:2rem}.countdown-card .num{color:var(--red);-webkit-text-stroke:2px var(--note-ink);font-size:9rem;line-height:1;animation:.9s cubic-bezier(.34,1.6,.64,1) count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(.2)rotate(-20deg)}40%{opacity:1;transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}.results{max-width:900px}.results-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.podium{flex-direction:column;gap:8px;display:flex}.rank-row{border-left:7px solid var(--seat);transform:rotate(calc(var(--tilt) * var(--wonk)));background:var(--paper);border-radius:6px;grid-template-columns:48px 52px 1fr;grid-template-areas:"rank bot name""rank bot stats""rank bot wins";align-items:center;column-gap:8px;padding:6px 8px;display:grid}.rank-row .rank{text-align:center;grid-area:rank;font-size:1.8rem}.rank-row .robot-icon{grid-area:bot}.rank-row .pname{grid-area:name;align-items:center;gap:6px;font-size:1.35rem;display:flex}.rank-row .stats{flex-wrap:wrap;grid-area:stats;gap:12px;font-size:1.05rem;display:flex}.rank-row .wins{grid-area:wins}.rank-row.rank-1:not(.dnf){background:var(--note-yellow);color:var(--note-ink);--ink:var(--note-ink)}.rank-row.dnf{opacity:.75}.trap-mazes{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-content:center;gap:12px 14px;display:grid}.trap-maze{flex-direction:column;justify-self:center;align-items:center;width:100%;min-width:0;max-width:170px;display:flex}.trap-maze .mini-wrap{width:100%}.trap-maze .mini-wrap .board{aspect-ratio:1;width:100%;height:auto}.trap-maze .hid-by{text-align:center;line-height:1.1}.hid-by{color:var(--pencil);font-size:1rem}.results-go{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;padding:8px 0 28px;display:flex}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;max-width:min(92vw,520px);transform:translateX(-50%) rotate(calc(-1.5deg * var(--wonk)));background:var(--note-pink);color:var(--note-ink);border:2.5px solid var(--note-ink);text-align:center;box-shadow:4px 5px 0 var(--shadow);border-radius:16px 6px 18px;padding:10px 18px;font-size:1.25rem;animation:.3s cubic-bezier(.34,1.6,.64,1) toast-in;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(30px)rotate(-6deg)}}.reconnecting{z-index:60;background:var(--note-yellow);color:var(--note-ink);border:2px solid var(--note-ink);border-radius:12px;padding:2px 12px;position:fixed;top:8px;left:50%;transform:translate(-50%)}@media (min-width:720px){.hiding-main{grid-template-columns:minmax(0,1fr) 300px}.hide-board{width:min(100%,76vh)}}@media (orientation:landscape) and (min-width:640px){.live-grid{grid-template:"me minis""me controls"minmax(0,1fr)/minmax(0,1fr) fit-content(460px)}.controls{justify-content:flex-end}.minis{flex-wrap:wrap;justify-content:flex-start}.mini-wrap,.mini-wrap .board{width:116px}.mini-wrap .board{height:116px}}@media (orientation:landscape) and (max-height:520px){.pad-keys.arrows{grid-template-rows:repeat(3,60px);grid-template-columns:repeat(3,60px)}.go{min-width:110px;min-height:96px}}@media (orientation:portrait){.controls{position:relative}.status-note{z-index:3;max-width:calc(100% - 16px);transform:translateX(-50%) rotate(calc(-1.5deg * var(--wonk)));position:absolute;bottom:calc(100% + 2px);left:50%}.status-note:not(.good):not(.bad):not(:empty){background:var(--paper);box-shadow:2px 3px 0 var(--shadow)}}@media (orientation:portrait) and (max-height:760px){.pad{gap:10px}.pad-keys{gap:6px}.pad-keys.arrows{grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px)}.pad-keys.turns{grid-template-rows:repeat(2,62px);grid-template-columns:repeat(3,62px)}.go{min-width:96px;min-height:92px;font-size:2.1rem}.pad-actions{gap:8px}.mini-wrap,.mini-wrap .board{width:72px}.mini-wrap .board{height:72px}.live.n1 .mini-wrap,.live.n1 .mini-wrap .board{width:84px}.live.n1 .mini-wrap .board{height:84px}.queue{min-height:56px}.queue-strip{min-height:58px;padding:4px 4px 6px}.note.block{min-width:54px;min-height:48px}}@media (prefers-reduced-motion:reduce){.boil,.hop,.title-star,.goal-inner,.go.ready,.timer.hurry,.spinner-doodle{filter:none!important;animation:none!important}.note{transition:none}}.practice-bots{justify-content:center;gap:6px;display:flex}.hud .timer{font-size:1.15rem}@media (max-width:480px){.hud{gap:6px}.hud .energy .lbl{display:none}.hud .end-round{min-width:0;max-width:84px;padding:2px 8px;font-size:.9rem}.hud .emote-toggle{padding:2px 6px}}@media (orientation:landscape) and (min-width:640px){.minis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.minis .mini-wrap{width:auto}.minis .mini-wrap .board{aspect-ratio:1;width:100%;height:auto}}@media (orientation:landscape) and (min-width:900px) and (min-height:700px){.pad-keys.arrows{grid-template-rows:repeat(3,84px);grid-template-columns:repeat(3,84px)}.pad-keys.turns{grid-template-rows:repeat(2,88px);grid-template-columns:repeat(3,88px)}.go{min-width:130px;min-height:140px}}.lobby-go,.results-go{z-index:5;margin:0 calc(-1 * var(--gutter));padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--paper) 30%);position:sticky;bottom:0}.fly-ghost{z-index:50;pointer-events:none;width:40px;height:40px;position:fixed}.fly-ghost svg{width:100%;height:100%}.block .n.pop{animation:.22s ease-out n-pop;display:inline-block}@keyframes n-pop{0%{transform:scale(1.7)rotate(-8deg)}to{transform:scale(1)rotate(0)}}.note.block.stale{opacity:.75}.note.block .stale-mark{pointer-events:none;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 50' preserveAspectRatio='none'%3E%3Cpath d='M4,40 L20,12 L26,38 L40,8 L46,36 L56,14' fill='none' stroke='%23c0392b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' opacity='0.7'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;animation:.35s ease-out both scribble-in;position:absolute;top:4px;bottom:4px;left:2px;right:2px}.note.block.stale:nth-child(2) .stale-mark{animation-delay:60ms}.note.block.stale:nth-child(3) .stale-mark{animation-delay:.12s}.note.block.stale:nth-child(n+4) .stale-mark{animation-delay:.18s}@keyframes scribble-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.bump-card{border:2px solid var(--note-ink);background:var(--note-pink);min-width:0;color:var(--note-ink);box-shadow:2px 3px 0 var(--shadow);transform:rotate(calc(-1deg * var(--wonk)));border-radius:16px 4px 16px 6px;flex-wrap:nowrap;align-items:center;gap:6px;padding:3px 6px 3px 10px;animation:.25s ease-out card-in;display:flex}.bump-card .bump-text{flex:auto;min-width:0;font-size:1.02rem;line-height:1.05}.bump-card .note{white-space:nowrap;flex:none;min-width:0;min-height:44px;padding:4px 10px;font-size:1.05rem}@keyframes card-in{0%{opacity:0;transform:rotate(-1deg)scale(.85)}}.me-board .my-board.jolt{animation:.4s ease-out jolt}@keyframes jolt{20%{transform:translate(-6px,3px)rotate(-1deg)}40%{transform:translate(5px,-3px)rotate(1deg)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.trap-burst{aspect-ratio:1;pointer-events:none;z-index:5;flex-direction:column;justify-content:center;align-items:center;width:min(72%,300px);margin:auto;animation:1.7s ease-out forwards burst;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.trap-burst .burst-bg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.trap-burst .burst-bg path{fill:var(--hl);stroke:var(--note-ink);stroke-width:2.5px;stroke-linejoin:round}.trap-burst .burst-word{color:var(--red);letter-spacing:1px;-webkit-text-stroke:1.5px var(--note-ink);text-shadow:3px 3px 0 var(--note-ink);font-size:clamp(2rem,9vw,3.2rem);position:relative;transform:rotate(-8deg)}.trap-burst .burst-by{max-width:58%;color:var(--note-ink);text-align:center;justify-content:center;align-items:center;gap:4px;font-size:1.1rem;line-height:1.05;display:flex;position:relative;transform:rotate(3deg)}.trap-burst .burst-by span{min-width:0}@keyframes burst{0%{opacity:0;transform:scale(0)rotate(-20deg)}14%{opacity:1;transform:scale(1.12)rotate(4deg)}22%{transform:scale(1)rotate(0)}82%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.9)rotate(3deg)}}.gotcha{z-index:40;pointer-events:none;white-space:nowrap;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 14px;font-size:1.15rem;animation:2.6s ease-out forwards gotcha;display:flex;position:fixed;top:6px;left:50%}@keyframes gotcha{0%{opacity:0;transform:translate(-50%,-120%)rotate(-4deg)}10%{opacity:1;transform:translate(-50%,8px)rotate(2deg)}16%{transform:translate(-50%)rotate(-1deg)}85%{opacity:1;transform:translate(-50%)rotate(-1deg)}to{opacity:0;transform:translate(-50%,-120%)rotate(-4deg)}}.sound-toggle{min-width:52px;padding:4px 8px}@media (prefers-reduced-motion:reduce){.trap-burst,.gotcha,.bump-card,.block .n.pop,.note.block .stale-mark,.me-board .my-board.jolt{animation-duration:10ms}.trap-burst{opacity:1;animation:none}}