@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2) format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Brush;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-brush-latin-ext-400-normal-Dwx6Pt9q.woff2) format("woff2"),url(/assets/caveat-brush-latin-ext-400-normal-CLkQDail.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Brush;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-brush-latin-400-normal-2w-6t9gW.woff2) format("woff2"),url(/assets/caveat-brush-latin-400-normal-B3pS0In6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #22304a;--paper: #fffdf5;--paper-2: #fff3c9;--accent: #ff7b54;--accent-2: #4dabf7;--good: #2fb86b;--bad: #ef5b5b;--author: #2ee6a6;--gold: #ffd23f;--silver: #cfd8e3;--bronze: #e0955f;--hand: "Gochi Hand", "Comic Sans MS", cursive;--title: "Caveat Brush", "Gochi Hand", cursive;--wobble: 255px 15px 225px 15px / 15px 225px 15px 255px;--wobble-2: 15px 255px 15px 225px / 225px 15px 255px 15px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#5ec8ff;font-family:var(--hand);color:var(--ink);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#game{position:fixed;inset:0;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px;overflow-y:auto}.screen>:first-child{margin-top:auto}.screen>:last-child{margin-bottom:auto}.screen.dim{background:#141e3c40}.logo{font-family:var(--title);font-size:clamp(64px,13vw,150px);line-height:.9;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);letter-spacing:2px;margin:0;display:flex}.logo span{display:inline-block;animation:bob 2.4s ease-in-out infinite}.logo span:nth-child(3n){color:var(--gold)}.logo span:nth-child(3n+1){color:#7ee8fa}.logo span:nth-child(3n+2){color:#ff9fb2}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.tagline{font-size:clamp(20px,3.5vw,30px);background:var(--paper);padding:4px 18px;border:3px solid var(--ink);border-radius:var(--wobble-2);transform:rotate(-1.5deg);margin:0}.btn{font-family:var(--hand);font-size:28px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:var(--wobble);padding:8px 28px 10px;cursor:pointer;box-shadow:4px 5px 0 var(--ink);transition:transform .08s,box-shadow .08s;min-width:160px}.btn:hover{transform:translate(-1px,-2px) rotate(-1deg);box-shadow:5px 7px 0 var(--ink)}.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--accent);color:#fff;-webkit-text-stroke:.6px var(--ink);font-size:34px}.btn.small{font-size:20px;padding:4px 14px 6px;min-width:0;box-shadow:3px 3px 0 var(--ink)}.btn:focus-visible{outline:3px dashed var(--accent-2);outline-offset:4px}.row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.panel{background:var(--paper);border:3px solid var(--ink);border-radius:var(--wobble-2);box-shadow:6px 7px 0 var(--ink);padding:18px 24px;max-width:min(560px,100%)}h2{font-family:var(--title);font-size:clamp(40px,7vw,64px);margin:0;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink)}.cards{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:1100px}.card{width:300px;max-width:100%;background:var(--paper);border:3px solid var(--ink);border-radius:var(--wobble);box-shadow:5px 6px 0 var(--ink);overflow:hidden;cursor:pointer;transition:transform .1s;text-align:left;font-family:var(--hand);color:var(--ink);padding:0}.card:nth-child(2){border-radius:var(--wobble-2)}.card:hover{transform:translateY(-4px) rotate(-.8deg)}.card .art{height:110px;position:relative;border-bottom:3px solid var(--ink);overflow:hidden}.card .art .num{position:absolute;left:12px;top:6px;font-family:var(--title);font-size:48px;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.card .art .medal{position:absolute;right:12px;top:12px}.card .body{padding:10px 14px 14px}.card .name{font-family:var(--title);font-size:30px;line-height:1}.card .desc{font-size:18px;opacity:.8;margin:4px 0 8px;min-height:44px}.card .pb{font-size:22px}.times{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:18px;align-items:center;margin-top:6px}.times .t{font-variant-numeric:tabular-nums}.art.grassland{background:linear-gradient(#5ec8ff,#d9f6ff 60%,#62d64f 60% 68%,#b9793d 68%)}.art.icecave{background:linear-gradient(#7c83fd,#c4e7ff 60%,#8ff3ff 60% 68%,#5a64d6 68%)}.art.neon{background:linear-gradient(#0b0a2e,#3b1263 60%,#ff4fd8 60% 64%,#17133f 64%)}.medal{display:inline-block;width:26px;height:26px;border-radius:50%;border:3px solid var(--ink);vertical-align:middle;position:relative}.medal.author{background:var(--author)}.medal.gold{background:var(--gold)}.medal.silver{background:var(--silver)}.medal.bronze{background:var(--bronze)}.medal.none{background:transparent;border-style:dashed;opacity:.5}.medal.big{width:110px;height:110px;border-width:5px;box-shadow:4px 5px 0 var(--ink)}.medal.author:after{content:"★";position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:var(--ink)}.medal.big.author:after{font-size:56px}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.timer{position:absolute;top:10px;left:50%;transform:translate(-50%) rotate(-1deg);font-family:var(--title);font-size:clamp(40px,7vw,64px);color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);display:flex;pointer-events:none}.timer .d{display:inline-block;width:.52em;text-align:center}.timer .p{display:inline-block;width:.25em;text-align:center}.target{position:absolute;top:clamp(62px,10vw,86px);left:50%;transform:translate(-50%);font-size:20px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--wobble);padding:0 12px 2px;white-space:nowrap;display:flex;gap:6px;align-items:center;pointer-events:none}.target .medal{width:16px;height:16px;border-width:2px}.target .medal.author:after{font-size:9px}.hud-left{position:absolute;top:12px;left:12px;display:flex;gap:8px}.hud-right{position:absolute;top:12px;right:12px;text-align:right;font-size:20px}.hud-right .pbbox{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--wobble-2);padding:0 10px 2px}.split{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-family:var(--title);font-size:48px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);pointer-events:none;animation:pop 1.4s ease-out forwards}.split.ahead{color:#7dffb0}.split.behind{color:#ff8a8a}.split.neutral{color:#fff}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}.countdown{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:var(--title);font-size:clamp(90px,18vw,180px);color:var(--gold);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);pointer-events:none;animation:count .5s ease-out}.countdown.go{color:#7dffb0}@keyframes count{0%{transform:translate(-50%,-50%) scale(1.8) rotate(-10deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1) rotate(3deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}.oops{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);font-family:var(--title);font-size:72px;color:#ff8a8a;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);pointer-events:none;animation:pop .9s ease-out forwards}.touch{position:absolute;bottom:0;left:0;right:0;display:none;justify-content:space-between;padding:0 16px calc(18px + env(safe-area-inset-bottom));pointer-events:none}.touch .grp{display:flex;gap:14px}.touch button{pointer-events:auto;width:84px;height:84px;border-radius:50%;border:3px solid var(--ink);background:#fffdf5bf;font-family:var(--title);font-size:40px;color:var(--ink);box-shadow:3px 4px 0 var(--ink);touch-action:none}.touch button.down{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink);background:var(--gold)}@media(pointer:coarse){.touch{display:flex}}body.force-touch .touch{display:flex}.results{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:rise .35s ease-out}@keyframes rise{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.results .time{font-family:var(--title);font-size:clamp(56px,10vw,88px);line-height:1;color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink)}.results .newpb{font-family:var(--title);font-size:34px;color:var(--accent);transform:rotate(-4deg);animation:wiggle .6s ease-in-out infinite alternate}@keyframes wiggle{0%{transform:rotate(-4deg) scale(1)}to{transform:rotate(3deg) scale(1.08)}}.results .info{font-size:22px}.stamp{animation:stamp .5s cubic-bezier(.2,1.6,.4,1) both;animation-delay:.25s}@keyframes stamp{0%{transform:scale(3) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(-8deg);opacity:1}}.medal-label{font-family:var(--title);font-size:30px}.muted{opacity:.7}.good{color:var(--good)}.bad{color:var(--bad)}.keys{font-size:18px;opacity:.8}kbd{font-family:var(--hand);border:2px solid var(--ink);border-radius:6px 8px 6px 9px;padding:0 6px;background:#fff;box-shadow:1px 2px 0 var(--ink)}.help{font-size:22px;line-height:1.5}.corner{position:absolute;top:12px;right:12px}.corner-left{position:absolute;top:12px;left:12px}.hint{position:absolute;top:clamp(100px,14vw,128px);left:50%;transform:translate(-50%) rotate(-1deg);max-width:min(560px,calc(100% - 32px));text-align:center;line-height:1.15;font-size:clamp(17px,2.4vw,22px);background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--wobble);box-shadow:3px 4px 0 var(--ink);padding:3px 14px 5px;pointer-events:none;animation:hint 6s ease-in-out forwards}@keyframes hint{0%{opacity:0;transform:translate(-50%,-10px) rotate(-1deg)}6%{opacity:1;transform:translate(-50%) rotate(-1deg)}85%{opacity:1}to{opacity:0}}.timer.done{animation:timer-pop .6s cubic-bezier(.2,1.8,.4,1) both;color:#fff7c2}.timer.done.gold{color:var(--gold)}.timer.done.author{color:var(--author)}.timer.done.silver{color:var(--silver)}.timer.done.bronze{color:var(--bronze)}@keyframes timer-pop{0%{transform:translate(-50%) scale(1) rotate(-1deg)}45%{transform:translate(-50%) scale(1.45) rotate(3deg)}to{transform:translate(-50%) scale(1.2) rotate(-2deg)}}.finish-stamp{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);font-family:var(--title);font-size:clamp(80px,15vw,150px);line-height:.9;color:#ff6b6b;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);pointer-events:none;text-align:center;animation:stamp-in .45s cubic-bezier(.2,1.6,.4,1) both}.finish-medal{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:6px;font-size:.4em;color:#fff;-webkit-text-stroke:2.5px var(--ink);text-shadow:3px 3px 0 var(--ink);animation:medal-in .4s .25s cubic-bezier(.2,1.6,.4,1) both}.finish-medal .medal{width:.9em;height:.9em;border-width:3px}@keyframes stamp-in{0%{transform:translate(-50%,-50%) scale(2.6) rotate(-20deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(-6deg);opacity:1}}@keyframes medal-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confetti-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-rain i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.1,.6,1);animation-fill-mode:both}.confetti-rain i:nth-child(3n){width:8px;height:8px;border-radius:50%}.confetti-rain i:nth-child(4n){width:14px;height:7px}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translate(var(--sway),105vh) rotate(var(--spin));opacity:.6}}.customise{--t: clamp(24px, min(7.2vh, 4.6vw), 52px);--pw: min(380px, 36vw, 60vh);gap:clamp(6px,2vh,18px);padding:clamp(8px,2vh,24px) 16px}.customise h2{font-size:clamp(30px,min(7vw,8vh),64px);line-height:1}.customise .btn.primary{font-size:clamp(22px,5vh,34px);padding:2px 28px 4px}.look-panel{display:flex;gap:clamp(12px,2.5vw,26px);align-items:center;justify-content:center;max-width:100%;padding:clamp(8px,2vh,18px) clamp(10px,2vw,24px)}.look-left{display:flex;flex-direction:column;gap:clamp(4px,1.2vh,10px);align-items:center;flex:none}.look-preview{width:var(--pw);aspect-ratio:14 / 9;border:3px solid var(--ink);border-radius:var(--wobble-2);box-shadow:4px 5px 0 var(--ink);background:#bfe3ff}.medal-summary{display:flex;gap:14px;font-size:clamp(16px,3vh,22px)}.medal-count{display:flex;align-items:center;gap:5px}.medal-count .medal{width:20px;height:20px;border-width:2px}.medal-count .medal.author:after{font-size:11px}.look-lists{display:flex;flex-direction:column;gap:calc(var(--t) * .32)}.chips{display:flex;flex-wrap:wrap;gap:calc(var(--t) * .18)}.look-chip{width:var(--t);height:var(--t);padding:0;display:grid;place-items:center;position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:14px 18px 12px 16px;cursor:pointer;transition:transform .08s}.look-chip:hover:not(.locked){transform:translateY(-2px) rotate(-2deg)}.look-chip.active{background:var(--gold);box-shadow:2px 3px 0 var(--ink);transform:translateY(-2px) rotate(-2deg)}.look-chip.locked{cursor:not-allowed;background:#e9e9e9}.look-chip.locked .swatch{opacity:.35;filter:grayscale(.6)}.look-chip:focus-visible{outline:3px dashed var(--accent-2);outline-offset:2px}.look-chip .req{position:absolute;right:-5px;bottom:-6px;display:flex;align-items:center;gap:1px;font-family:var(--hand);font-size:calc(var(--t) * .3);line-height:1;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:9px;padding:1px 3px 1px 1px}.look-chip .req .medal{width:calc(var(--t) * .26);height:calc(var(--t) * .26);border-width:1.5px}.look-chip .req .medal.author:after{font-size:calc(var(--t) * .15)}.swatch{width:calc(var(--t) * .62);height:calc(var(--t) * .62);border-radius:50%;border:2.5px solid var(--ink);display:inline-grid;place-items:center;flex:none}.swatch.icon{border:none;font-size:calc(var(--t) * .5);line-height:1}.swatch.man svg{width:100%;height:100%;filter:drop-shadow(0 0 1px var(--ink))}@media(max-height:460px)and (min-aspect-ratio:1/1){.customise h2{display:none}}@media(max-aspect-ratio:1/1){.customise{--t: clamp(26px, min((100vw - 70px) / 7.2, 4.6vh), 48px);--pw: min(100vw - 70px, 28vh * 14 / 9)}.look-panel{flex-direction:column}.look-lists{width:100%}}.unlocked{background:#fff3c9;border:2.5px dashed var(--ink);border-radius:var(--wobble);padding:6px 14px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:wiggle .6s ease-in-out 3 alternate}.swatch.pic{border:none;border-radius:0;width:86%;height:86%;object-fit:contain;pointer-events:none}.swatch.pic.sky{border:2px solid var(--ink);border-radius:8px 10px 7px 9px;width:80%;height:80%}.desync-toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:100;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:10px;background:#c92a2a;color:#fff;font:600 14px/1.3 system-ui,sans-serif;box-shadow:0 4px 16px #0000004d}.card-wrap{position:relative;width:300px;max-width:100%}.card-wrap .card{width:100%}.card-wrap .lb-open{position:absolute;right:10px;bottom:10px;font-size:22px;padding:2px 10px 4px}.lb-box{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 12px;border:2px dashed var(--ink);border-radius:var(--wobble);background:var(--paper-2)}.lb-status{font-size:22px;text-align:center}.lb-status.good{color:var(--good);font-family:var(--title);font-size:28px}.lb-status .muted{font-size:16px;color:var(--ink)}.lb-join{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:20px;text-align:center}.lb-join-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.lb-name{font:inherit;font-size:22px;width:12em;max-width:60vw;padding:4px 10px;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:var(--wobble-2);user-select:text;-webkit-user-select:text}.lb-name:focus{outline:3px dashed var(--accent-2);outline-offset:2px}.lb-msg{font-size:18px;color:var(--bad);min-height:1.2em}.lb-panel{width:min(620px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px}.lb-list{max-height:min(52vh,520px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:22px}.lb-count{font-size:18px;text-align:right}.lb-row{display:grid;grid-template-columns:3.2em 1fr auto auto;gap:10px;align-items:center;padding:3px 8px;border-radius:10px}.lb-row:nth-child(2n){background:#22304a0d}.lb-row.me{background:var(--paper-2);outline:2px solid var(--accent)}.lb-row.top1 .lb-rank{color:#c99400}.lb-row.top2 .lb-rank{color:#7b8794}.lb-row.top3 .lb-rank{color:#b86a33}.lb-rank{font-family:var(--title);font-size:26px}.lb-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-time{font-variant-numeric:tabular-nums;white-space:nowrap}.lb-time .muted{font-size:16px}.lb-actions{display:flex;gap:4px}.lb-actions .btn{font-size:16px;padding:2px 8px 3px;box-shadow:2px 2px 0 var(--ink)}.lb-gap{text-align:center;opacity:.5}.lb-footer{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:20px;border-top:2px dashed rgba(34,48,74,.3);padding-top:10px}@media(max-width:520px){.lb-row{grid-template-columns:2.6em 1fr auto;font-size:18px}.lb-row .lb-actions{grid-column:2 / -1;justify-content:flex-end}.lb-time .muted{display:none}}.turnstile-box{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:90}.foot-link{font-size:18px;color:var(--ink);opacity:.75}.foot-link:hover{opacity:1}.lb-note{font-size:16px;opacity:.8;max-width:30em}.lb-note a{color:var(--ink)}.lb-data{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.lb-data a{color:var(--ink)}.lb-code{font:700 24px/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:2px;padding:6px 12px;background:#fff;border:3px dashed var(--ink);border-radius:10px;user-select:all;-webkit-user-select:all}