@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Mono:wght@400;500&family=Kalam:wght@400;700&display=swap');
:root{color-scheme:light;--paper:#f7f3fb;--ink:#3b2e50;--muted:#81748f;--purple:#8060b5;--lilac:#d5c0ee;--coral:#ed807e;--mint:#a8d9bd;--line:#dcd2e5;--display:'Bricolage Grotesque',Arial,sans-serif;--mono:'DM Mono',monospace;--hand:'Kalam',cursive;--outline:2.5px solid var(--ink)}
*{box-sizing:border-box}body{margin:0;font-family:var(--display);color:var(--ink);background:var(--paper);overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #946ac7;outline-offset:5px}a{color:inherit;text-decoration:none}button[hidden],[hidden]{display:none!important}.skip-link{position:absolute;top:-60px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.site-header{max-width:1420px;margin:auto;padding:30px 5%;display:flex;align-items:center;gap:30px}.brand{font-size:20px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;gap:11px}.brand-suffix{color:#a797b8;font-weight:500}.brand-face{width:34px;height:29px;border:2.3px solid var(--ink);border-radius:12px 12px 9px 9px;background:var(--mint);position:relative;transform:rotate(-7deg)}.brand-face:before,.brand-face:after{content:'';width:2px;height:7px;background:var(--ink);position:absolute;top:-6px;transform:rotate(-20deg);left:7px}.brand-face:after{left:auto;right:7px;transform:rotate(20deg)}.brand-face i{position:absolute;width:3px;height:5px;border-radius:2px;background:var(--ink);top:8px;left:8px}.brand-face i+i{left:auto;right:8px}.brand-face b{position:absolute;width:9px;height:5px;left:10px;top:15px;border:1.5px solid var(--ink);border-top:0;border-radius:0 0 9px 9px}.header-note{font:11px var(--mono);color:var(--muted);margin-left:20px}nav{display:flex;gap:10px;align-items:center;margin-left:auto}.round-button{width:35px;height:35px;border:1.5px solid #d7ccdf;background:transparent;border-radius:50%;font:500 16px var(--display);display:grid;place-items:center;transition:transform .2s,background .2s}.round-button:hover{background:#eae0f5;transform:rotate(-7deg)}.round-button svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.github-link{font:11px var(--mono);margin-left:12px;white-space:nowrap}.github-link>span{font-size:18px;margin-left:8px}.playground{max-width:1160px;margin:40px auto 0;display:grid;grid-template-columns:350px 1fr;gap:75px;padding:0 35px;align-items:center}.intro{position:relative;padding-bottom:20px}.tiny-label{display:flex;align-items:center;gap:8px;font:10px var(--mono);font-weight:500;letter-spacing:1.2px;color:var(--muted)}.asterisk{font-size:29px;color:var(--purple);line-height:1}.intro h1{font:800 103px/.91 var(--display);letter-spacing:-7px;margin:23px 0 25px;position:relative}.title-dash{display:inline-block;font-size:72px;transform:translateY(-10px);margin:0 2px;letter-spacing:-6px}.bug-word{position:relative;color:var(--coral);display:inline-block;transform:rotate(-3deg)}.bug-word svg{position:absolute;left:1%;bottom:-12px;width:99%;height:21px;fill:none;stroke:var(--coral);stroke-width:3;stroke-linecap:round}.title-dot{display:inline-block;transform:rotate(10deg);color:var(--purple);margin-left:5px}.tagline{font-size:17px;font-weight:600;margin:32px 0 11px;letter-spacing:-.3px}.instructions{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.instructions strong{font-weight:500;color:var(--ink)}.mode-select{display:flex;gap:6px;margin:26px 0 14px}.mode-select button{font:11px var(--mono);border:1.5px solid transparent;background:transparent;border-radius:9px;padding:9px 11px;color:var(--muted)}.mode-select button>span{font-size:9px;margin-left:6px;opacity:.7}.mode-select button[aria-pressed=true]{border-color:#cbbadb;background:#ebe0f5;color:var(--ink)}.mode-select button:disabled{opacity:.55}.primary-button{border:var(--outline);background:var(--coral);border-radius:13px;padding:16px 22px;min-height:57px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-weight:700;font-size:18px;box-shadow:0 5px 0 var(--ink);transition:transform .14s,box-shadow .14s;min-width:250px}.primary-button>span{font-size:26px;font-weight:500;line-height:1}.primary-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.primary-button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.primary-button:disabled{background:#e2d7ec;box-shadow:0 3px 0 #9e8bb5;transform:none;border-color:#9e8bb5;color:#8f7c9f}.input-hint{font:10px var(--mono);color:var(--muted);margin:19px 0 0}kbd{display:inline-grid;place-items:center;font:9px var(--mono);min-width:19px;min-height:19px;padding:1px 4px;border:1px solid #cdc0d9;background:#f8f4fc;border-radius:4px;box-shadow:0 2px 0 #dbd1e4;color:var(--muted);margin:0 2px}.doodle-note{position:absolute;right:-28px;bottom:100px;transform:rotate(-9deg);display:flex;align-items:center;gap:8px;pointer-events:none}.doodle-note svg{height:52px;width:44px;fill:none;stroke:#b396ca;stroke-width:2;stroke-linecap:round;transform:rotate(180deg)}.doodle-note>span{font:15px/1.2 var(--hand);color:#a386b9}.personal-best{display:flex;align-items:center;gap:9px;color:#9c8aac;font:9px var(--mono);letter-spacing:.4px;margin-top:48px}.personal-best>span{font-size:20px;color:#b6a1cd}.personal-best strong{font-size:15px;font-weight:500;color:var(--purple);margin-left:4px}.game-scene{position:relative;min-width:0;padding-top:15px}.machine{position:relative;background:#d7c3ed;border:3px solid var(--ink);border-radius:25px 25px 30px 30px;padding:18px 23px 0;box-shadow:inset 0 3px 0 #eee1fb,0 10px 0 #a78bbf,0 13px 0 var(--ink),0 27px 40px #9982b62b;z-index:1;transform:rotate(1.2deg)}.machine:before,.machine:after{content:'+';position:absolute;bottom:16px;font:17px var(--mono);color:#8e73a5;background:#bfabd5;border:1px solid #a38bb9;height:16px;width:16px;display:grid;place-content:center;border-radius:50%;box-shadow:0 1px 0 #eadcf7}.machine:before{left:14px}.machine:after{right:14px}.machine-top{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:#775f91;padding:0 1px 17px}.window-dots{display:flex;gap:5px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#f5a29b;border:1px solid #805e89;box-shadow:inset 0 1px 0 #fff5}.window-dots i:nth-child(2){background:#efd8ed}.window-dots i:nth-child(3){background:#a7cdbb}.build-label{font-size:8px;display:flex;align-items:center;gap:5px}.build-label>i{background:#548969;width:5px;height:5px;border-radius:50%;box-shadow:0 0 0 2px #adcab160}.scoreboard{border:2px solid var(--ink);background:#4a3b5f;border-radius:12px;padding:18px 22px 16px;display:grid;grid-template-columns:1fr 1fr 1fr;box-shadow:inset 0 4px 0 #32283e,inset 0 0 15px #37283d30;position:relative}.scoreboard:after{content:'';position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 3px 4px);opacity:.015;pointer-events:none}.scoreboard>div{text-align:center}.scoreboard>div:first-child{text-align:left}.scoreboard>div:last-child{text-align:right}.scoreboard>div>span{font:8px var(--mono);color:#c7b4dc;letter-spacing:1px}.scoreboard strong{font:500 34px var(--mono);display:block;margin-top:6px;color:#f4d3ec;text-shadow:0 0 8px #f4d3ec20;font-variant-numeric:tabular-nums;letter-spacing:-1px}.scoreboard .time-block strong{color:#b5e0ca}.scoreboard strong>span{font-size:15px;margin-left:2px;color:#c2accf}.game-message{display:flex;align-items:center;justify-content:center;gap:10px;font:10px var(--mono);color:#73598e;height:43px;text-align:center;white-space:nowrap}.combo{background:#8156ac;color:#fff3fd;border-radius:8px;padding:3px 7px;font-size:10px;box-shadow:0 2px 0 #543771}.game-board{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 14px;padding:9px 0 0;isolation:isolate;position:relative}.hole{display:block;position:relative;border:0;background:transparent;padding:0;height:124px;width:100%;border-radius:18px;outline-offset:-2px;user-select:none;-webkit-user-select:none}.hole .well{position:absolute;left:5%;right:5%;height:39px;bottom:33px;border-radius:50%;background:#594466;border:2px solid var(--ink);box-shadow:inset 0 7px 8px #30203888,0 2px 0 #f4e7ff;transition:transform .15s}.creature-window{position:absolute;left:0;right:0;top:-24px;bottom:36px;overflow:hidden;pointer-events:none}.character{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,115%);width:117px;height:125px;transition:transform .14s cubic-bezier(.2,1.3,.4,1);transform-origin:50% 100%;will-change:transform}.character svg{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 0 #38223e12)}.hole.up .character{transform:translate(-50%,0)}.hole.up.bonus .character{animation:wiggle .55s ease-in-out infinite alternate}.hole.hit .character{transform:translate(-50%,16%) scale(1.13,.76)!important;transition:transform .08s}.hole.bot-hit .character{transform:translate(-50%,4%) rotate(-12deg)!important;transition:transform .08s}.hole .key-front{position:absolute;left:0;right:0;bottom:5px;height:40px;background:#eee3f9;border:2px solid var(--ink);border-radius:10px 10px 13px 13px;box-shadow:0 5px 0 #b099c8,0 7px 0 var(--ink),inset 0 3px 0 #fff9;transition:transform .1s,box-shadow .1s;display:flex;justify-content:center;align-items:center}.key-front:before{content:'';position:absolute;left:6px;right:6px;top:4px;height:9px;background:#fbf5ff;border-radius:8px;opacity:.7}.key-letter{font:12px var(--mono);color:#9882af;position:relative;top:2px}.hole.pressed .key-front{transform:translateY(5px);box-shadow:0 0 0 #b099c8,0 2px 0 var(--ink),inset 0 3px 0 #fff9}.hole:hover .key-front{background:#f7edff}.hole:focus-visible{outline:3px solid #9469c9;outline-offset:5px}.hole.bot-hit .key-front{background:#edaaa5}.hole .target-label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font:8px var(--mono);color:#fff;background:#785395;padding:3px 6px;border-radius:6px;z-index:2;pointer-events:none;opacity:0}.hole.up.bonus .target-label{opacity:1}.hole .hit-score{position:absolute;left:50%;top:13px;font:800 24px var(--display);color:#e56c70;text-shadow:2px 2px #fff,-2px -2px #fff,-2px 2px #fff,2px -2px #fff;transform:translateX(-50%);z-index:10;pointer-events:none;animation:scoreFly .8s ease-out forwards;white-space:nowrap}.hole .hit-score.bad{color:#8061a0}.machine-bottom{display:flex;align-items:center;gap:12px;padding:23px 0 0}.assist-button{display:flex;align-items:center;gap:9px;width:100%;border:2px solid #89709e;background:#cab5df;border-radius:12px;padding:9px 12px;text-align:left;min-height:53px;box-shadow:0 3px 0 #a287ba;transition:background .2s,transform .12s}.assist-button>span:nth-child(2){flex:1}.assist-face{height:29px;width:29px;border-radius:9px;background:#dbcbea;border:1.7px solid #927aa7;color:#8d75a2;font:25px var(--mono);display:grid;place-content:center}.assist-button strong{display:block;font:500 9px var(--mono);letter-spacing:.5px;color:#6c527f}.assist-button small{display:block;font:8px var(--mono);margin-top:4px;color:#856b98}.assist-button kbd{font-size:7px;min-height:17px;color:#947ca8;background:#e0d0ee;border-color:#aa92bf;box-shadow:0 2px 0 #ad96bf}.charge-dots{display:flex;gap:3px}.charge-dots i{height:12px;width:5px;background:#b5a0ca;border:1px solid #a38ab9;border-radius:2px}.charge-dots i.filled{background:#98cfb1;border-color:#6b9d80}.assist-button.ready{background:#b5dbc5;border-color:var(--ink);box-shadow:0 3px 0 #688c78;cursor:pointer}.assist-button.ready .assist-face{background:#d0ecda;color:#568767;border-color:#5c7f6a}.assist-button.ready strong{color:#3d5d49}.assist-button.ready small{color:#55745e}.assist-button.ready kbd{background:#d9ede1;border-color:#789c84;color:#3f694f;box-shadow:0 2px 0 #8db69c}.assist-button.ready:active{transform:translateY(3px);box-shadow:none}.pause-button{flex-shrink:0;width:45px;height:53px;border:2px solid #8f76a4;border-radius:12px;background:#e3d3f1;box-shadow:0 3px 0 #a88cbe;font-size:22px;display:grid;place-items:center}.pause-button:disabled{opacity:.5}.pause-button:active{transform:translateY(3px);box-shadow:none}.case-bottom{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:7px var(--mono);letter-spacing:.7px;color:#977dae}.speaker{font-size:15px;letter-spacing:2px;color:#b199c5}.board-shadow{position:absolute;left:3%;right:0;bottom:79px;height:35px;background:#ac94c8;filter:blur(15px);opacity:.18;border-radius:50%;z-index:0}.sticker{background:#f9f2f8;border:2px solid var(--ink);box-shadow:0 3px 0 #b196c8;border-radius:50%;width:106px;height:82px;position:absolute;top:-17px;right:-24px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);font:700 15px/1.05 var(--display);text-align:center;z-index:3;pointer-events:none}.sticker>span{position:absolute;right:15px;bottom:13px;font-size:10px}.character-legend{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:39px;position:relative;z-index:1}.character-legend>div{display:flex;align-items:center;gap:6px}.character-legend>div>span{width:39px;height:44px;display:block;transform:rotate(-6deg)}.character-legend>div>span>svg{width:100%;height:100%}.character-legend p{margin:0}.character-legend strong{display:block;font:500 8px var(--mono);letter-spacing:.3px}.character-legend small{display:block;font:8px var(--mono);color:var(--muted);margin-top:5px;white-space:nowrap}.scene-spark{position:absolute;width:28px;height:28px;fill:none;stroke:#bfa4d9;stroke-width:2}.spark-one{top:145px;right:-51px;transform:rotate(12deg);width:37px;height:37px}.spark-two{bottom:35px;left:-35px;width:22px;height:22px;stroke:var(--coral)}footer{max-width:1270px;margin:52px auto 0;padding:0 40px 27px;display:flex;align-items:center;justify-content:space-between;gap:30px;font:9px/1.9 var(--mono);color:#a18cac}footer p{margin:0}footer a{color:#7d6394}.footer-note{font:14px var(--hand);transform:rotate(-3deg);color:#b298c8}#cursor-mallet{position:fixed;width:83px;height:90px;pointer-events:none;z-index:40;display:none;transform:translate(-23%,-59%) rotate(7deg);transform-origin:80% 90%}#cursor-mallet svg{width:100%;height:100%;filter:drop-shadow(1px 4px 0 #482e5820)}#cursor-mallet.swing{animation:bonk .15s ease-out}.board-overlay{position:absolute;inset:38px 10px 50px;border-radius:18px;background:#ede3f2e8;backdrop-filter:blur(5px);z-index:20;display:grid;place-items:center;text-align:center;padding:20px}.board-overlay>div>span{font-size:45px}.board-overlay h2{font-size:34px;letter-spacing:-1.5px;margin:14px 0 5px}.board-overlay p{font-size:13px;color:var(--muted);margin:0 0 23px}.board-overlay .primary-button{min-width:220px;margin:auto;font-size:16px}.machine.buddy-flash{animation:buddy .5s ease-out}.machine.ouch{animation:shake .25s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#particles{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.particle{position:absolute;pointer-events:none;border-radius:2px;animation:particle .65s cubic-bezier(.2,.6,.3,1) forwards}.particle.star{background:none!important}.particle svg{width:100%;height:100%;fill:currentColor;stroke:var(--ink);stroke-width:1}.cheer{position:fixed;font:700 28px var(--hand);color:#7c53ab;pointer-events:none;z-index:45;animation:cheer 1.2s ease-out forwards;transform:translate(-50%,-50%) rotate(-9deg);text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;white-space:nowrap}dialog{border:var(--outline);border-radius:25px;background:var(--paper);color:var(--ink);padding:34px;width:470px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);box-shadow:0 9px 0 #a58bbd,0 12px 0 var(--ink),0 30px 70px #3b2e5040}dialog::backdrop{background:#5a457873;backdrop-filter:blur(5px)}.close-button{position:absolute;right:16px;top:15px;width:29px;height:29px;border:1.5px solid #cdbdde;border-radius:50%;background:none;font-size:22px;line-height:1}.close-button:hover{background:#e5d8f0}dialog h2{font:800 37px/1.05 var(--display);letter-spacing:-1.8px;margin:17px 0 21px}dialog p{font-size:14px;line-height:1.65;color:#806991}dialog p strong{color:var(--ink);font-weight:600}.key-guide{display:flex;flex-direction:column;align-items:center;gap:5px;margin:20px 0}.key-guide kbd{width:29px;height:29px;font-size:12px}.small-print{font:10px/1.8 var(--mono)}dialog .primary-button{width:100%;margin-top:23px;font-size:16px;min-height:53px}#result-dialog{text-align:center;padding-top:28px;overflow:visible}#result-dialog .tiny-label{display:block;font-size:9px;letter-spacing:.7px}#result-dialog h2{font-size:35px;margin:16px 0 8px}.result-mascot{width:100px;height:106px;margin:-84px auto 15px;transform:rotate(-8deg);filter:drop-shadow(0 5px 0 #c7acd54f)}.result-mascot svg{width:100%;height:100%}.final-score strong{display:block;font:800 76px/1.1 var(--display);letter-spacing:-4px;color:#9269ba}.final-score>span{font:9px var(--mono);letter-spacing:2px;color:#a087b4}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;padding:18px 0;border-top:1px dashed #cdbadd;border-bottom:1px dashed #cdbadd;gap:8px;margin:20px 0}.result-stats>span{font:8px var(--mono);color:#9175a6;letter-spacing:.1px}.result-stats strong{display:block;font:600 27px var(--display);color:var(--ink);margin-bottom:6px}.share-button{border:0;background:none;color:#856598;font:11px var(--mono);margin-top:19px;padding:8px}.noscript{padding:20px;color:var(--ink);text-align:center}body[data-status=playing] .build-label>i{animation:pulse 1.2s infinite}body[data-status=paused] .hole.up .character{animation-play-state:paused}body[data-status=over] .build-label>i{background:var(--coral)}.time-block.urgent strong{color:#f0a5a3;animation:pulse .7s infinite}.hole.demo .character{animation:idle 2s ease-in-out infinite}.hole.demo:nth-child(2) .character{animation-delay:-.7s}.hole.demo:nth-child(9) .character{animation-delay:-1.3s}.creature-svg .eyes{transform-origin:80px 82px;animation:blink 5s infinite}.creature-svg .antenna{transform-origin:80px 46px;animation:antenna 2s ease-in-out infinite alternate}
@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes antenna{to{transform:rotate(5deg)}}@keyframes idle{0%,100%{transform:translate(-50%,4%)}50%{transform:translate(-50%,-3%) rotate(3deg)}}@keyframes wiggle{from{transform:translate(-50%,0) rotate(-3deg)}to{transform:translate(-50%,-3%) rotate(3deg)}}@keyframes scoreFly{0%{opacity:1;transform:translate(-50%,0) scale(.75)}25%{transform:translate(-50%,-10px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-53px) scale(1)}}@keyframes particle{to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}@keyframes bonk{0%{transform:translate(-23%,-59%) rotate(7deg)}45%{transform:translate(-23%,-42%) rotate(-36deg)}100%{transform:translate(-23%,-59%) rotate(7deg)}}@keyframes buddy{30%{box-shadow:inset 0 0 60px #bce7d4,0 10px 0 #a78bbf,0 13px 0 var(--ink),0 0 55px #9dd3b8}}@keyframes shake{0%,100%{transform:rotate(1.2deg)}25%{transform:translateX(-5px) rotate(0deg)}75%{transform:translateX(5px) rotate(2.4deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes cheer{0%{opacity:0;translate:0 10px}20%,70%{opacity:1;translate:0 -10px}100%{opacity:0;translate:0 -30px}}
@media(hover:hover) and (pointer:fine){.game-board.playing,.game-board.playing .hole{cursor:none}}
@media(min-width:1500px){.playground{margin-top:60px;max-width:1260px;grid-template-columns:380px 1fr;gap:100px}.intro h1{font-size:118px}.machine{padding-left:27px;padding-right:27px}.hole{height:137px}.character{width:129px;height:139px}.scoreboard{padding:20px 25px}.scoreboard strong{font-size:38px}.game-message{height:48px}.intro .primary-button{min-width:277px}.doodle-note{right:-10px}.character-legend{gap:27px}.character-legend strong,.character-legend small{font-size:9px}}
@media(max-width:1100px){.playground{gap:40px;grid-template-columns:300px 1fr;padding:0 45px;margin-top:28px}.intro h1{font-size:91px;letter-spacing:-6px}.title-dash{font-size:58px}.doodle-note{right:-20px;bottom:95px}.doodle-note>span{font-size:13px}.doodle-note svg{width:32px}.machine{padding:16px 18px 0}.hole{height:117px}.character{width:108px;height:116px}.game-board{gap:5px 10px}.scoreboard{padding:17px 15px 15px}.scoreboard strong{font-size:30px}.scoreboard>div>span{font-size:7px}.machine-top{font-size:9px}.build-label{font-size:7px}.machine-bottom{padding-top:22px}.assist-button{padding:8px;gap:7px}.assist-button kbd{display:none}.assist-button strong{font-size:8px}.assist-button small{font-size:7px}.charge-dots{gap:2px}.charge-dots i{width:4px;height:10px}.case-bottom{font-size:6px;padding:0 10px}.sticker{right:-20px;top:-22px;width:95px;height:75px;font-size:14px}.character-legend{gap:13px}.character-legend>div{gap:4px}.character-legend>div>span{width:30px;height:38px}.character-legend strong,.character-legend small{font-size:7px}.spark-one{right:-35px;width:25px}.spark-two{left:-28px}.primary-button{min-width:235px}.header-note{font-size:9px;margin-left:0}.site-header{padding-left:40px;padding-right:40px}.game-message{font-size:9px}}
@media(max-width:850px){.header-note{display:none}.playground{grid-template-columns:245px 1fr;gap:22px;padding:0 30px}.intro h1{font-size:78px;letter-spacing:-5px}.title-dash{font-size:51px;transform:translateY(-7px)}.tagline{font-size:14px}.instructions{font-size:12px}.tiny-label{font-size:8px;letter-spacing:.8px}.primary-button{min-width:210px;font-size:16px;padding:13px 18px;min-height:53px}.mode-select button{font-size:9px;padding:8px}.mode-select button>span{font-size:8px;margin-left:4px}.doodle-note{display:none}.personal-best{margin-top:31px}.input-hint{font-size:8px}.machine{padding-left:13px;padding-right:13px;border-width:2.5px}.hole{height:104px}.character{width:97px;height:104px}.creature-window{top:-22px;bottom:32px}.hole .key-front{height:34px}.hole .well{bottom:28px;height:34px}.scoreboard{padding:15px 12px 12px}.scoreboard strong{font-size:26px}.game-message{font-size:8px;height:37px}.game-board{gap:7px 9px}.assist-button{gap:6px;min-height:48px}.assist-face{height:25px;width:25px}.assist-button small{font-size:6px}.assist-button strong{font-size:7px}.charge-dots i{width:3px;height:8px}.pause-button{width:36px;height:48px}.machine-bottom{gap:7px;padding-top:19px}.case-bottom{padding:0 12px;height:44px;font-size:5px}.speaker{font-size:12px}.machine-top{font-size:8px;padding-bottom:14px}.build-label{font-size:6px}.window-dots{gap:3px}.window-dots i{width:6px;height:6px}.character-legend{gap:9px}.character-legend strong,.character-legend small{font-size:6px}.character-legend>div>span{width:27px;height:35px}.sticker{width:83px;height:64px;font-size:12px;right:-17px;top:-18px}.sticker>span{font-size:8px;bottom:10px;right:14px}.spark-one{display:none}.spark-two{width:18px;left:-22px}.board-shadow{bottom:63px}footer{font-size:8px;padding-left:30px;padding-right:30px;margin-top:45px}.footer-note{font-size:11px}}
@media(max-width:680px){.site-header{padding:22px 22px 15px;gap:10px}.brand{font-size:18px;gap:8px}.brand-face{transform:scale(.88) rotate(-7deg);margin-left:-3px}.round-button{height:32px;width:32px}.github-link{font-size:10px;margin-left:7px}.github-link>span{margin-left:3px}.playground{display:flex;flex-direction:column;gap:29px;margin:14px auto 0;padding:0 22px;max-width:530px}.intro{width:100%;display:grid;grid-template-columns:1fr auto;padding-bottom:0;align-items:center;gap:0 18px}.intro>.tiny-label{grid-column:1/-1;font-size:8px;gap:6px}.asterisk{font-size:23px}.intro h1{font-size:65px;line-height:.95;letter-spacing:-4px;grid-column:1/-1;margin:12px 0 19px;white-space:nowrap}.intro h1 br{display:none}.intro h1 .title-dash{font-size:47px;transform:translateY(-5px);margin:0}.bug-word svg{bottom:-9px;height:14px}.title-dot{margin-left:3px}.tagline{display:none}.instructions{grid-column:1;font-size:11px;line-height:1.6;margin-bottom:10px}.desktop-break{display:none}.mode-select{grid-column:1;grid-row:4;margin:0;gap:3px}.mode-select button{padding:8px;font-size:9px}.intro>.primary-button{grid-column:2;grid-row:3/5;min-width:139px;min-height:52px;font-size:14px;padding:12px 14px;gap:10px;box-shadow:0 4px 0 var(--ink)}.intro>.primary-button span{font-size:20px}.input-hint{display:none}.personal-best{display:none}.game-scene{width:100%;padding-top:9px}.machine{padding:16px 17px 0;border-radius:21px 21px 25px 25px;transform:rotate(.7deg)}.scoreboard{padding:15px 15px 13px;border-radius:10px}.scoreboard strong{font-size:29px}.scoreboard>div>span{font-size:7px}.scoreboard strong>span{font-size:13px}.machine-top{font-size:9px;padding-bottom:15px}.window-dots i{width:7px;height:7px}.window-dots{gap:4px}.build-label{font-size:7px}.game-message{font-size:9px;height:41px}.hole{height:111px}.character{width:108px;height:115px}.creature-window{bottom:33px;top:-23px}.game-board{gap:6px 11px;padding-top:7px}.hole .key-front{height:36px;border-radius:9px 9px 11px 11px}.hole .well{bottom:31px;height:35px}.key-letter{font-size:10px}.machine-bottom{padding-top:21px;gap:10px}.assist-button{min-height:48px;padding:8px 10px;gap:8px}.assist-button strong{font-size:8px}.assist-button small{font-size:7px}.assist-face{width:27px;height:27px}.charge-dots{gap:3px}.charge-dots i{width:4px;height:10px}.pause-button{height:48px;width:40px}.case-bottom{font-size:6px;padding:0 15px;height:46px}.speaker{font-size:14px}.sticker{width:85px;height:65px;font-size:12px;top:-24px;right:-10px;transform:rotate(11deg)}.sticker>span{font-size:8px}.character-legend{margin-top:33px;gap:16px}.character-legend>div>span{width:32px;height:38px}.character-legend strong,.character-legend small{font-size:7px}.spark-two{display:none}.board-shadow{bottom:59px}.board-overlay{inset:35px 10px 48px}.board-overlay h2{font-size:29px}.board-overlay .primary-button{min-width:190px}.board-overlay>div>span{font-size:37px}footer{margin-top:31px;padding:0 22px 25px;display:block;text-align:center;font-size:8px}.footer-note{display:block;margin-top:12px;font-size:12px}.machine:before,.machine:after{bottom:14px;height:13px;width:13px;font-size:14px}.machine:before{left:10px}.machine:after{right:10px}.hole .hit-score{font-size:22px}.scene-spark{display:none}dialog{padding:27px;border-radius:22px}dialog h2{font-size:32px}dialog p{font-size:12px}dialog .tiny-label{font-size:8px}.result-mascot{margin-top:-69px;width:84px;height:90px}#result-dialog h2{font-size:30px}.final-score strong{font-size:66px}.result-stats>span{font-size:7px}.result-stats strong{font-size:23px}.cheer{font-size:23px}}
@media(max-width:390px){.playground{padding:0 16px}.site-header{padding-left:17px;padding-right:17px}.brand{font-size:16px}nav{gap:7px}.github-link{font-size:9px;margin-left:2px}.intro h1{font-size:57px;letter-spacing:-3.7px}.title-dash{font-size:41px!important}.intro{gap:0 10px}.intro>.primary-button{min-width:123px;font-size:12px;padding:11px}.instructions{font-size:10px}.mode-select button{font-size:8px;padding:7px}.mode-select button>span{font-size:7px}.machine{padding-left:13px;padding-right:13px}.hole{height:102px}.character{width:94px;height:101px}.game-board{gap:6px 9px}.machine-top{font-size:8px}.build-label{font-size:6px}.scoreboard strong{font-size:25px}.game-message{font-size:8px}.assist-button strong{font-size:7px}.assist-button small{font-size:6px}.charge-dots i{width:3px}.character-legend{gap:11px}.character-legend strong,.character-legend small{font-size:6px}.character-legend>div>span{width:29px}.case-bottom{font-size:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hit-score{opacity:0!important}.particle,.cheer{display:none}#cursor-mallet{display:none!important}.game-board.playing,.game-board.playing .hole{cursor:pointer!important}}
@media(max-width:680px){.whack-word{margin-right:.1em}}
@media(max-height:700px){#result-dialog{overflow-y:auto;overflow-x:hidden;padding-top:20px}.result-mascot{margin:0 auto 10px;width:65px;height:70px}.final-score strong{font-size:56px}#result-dialog h2{font-size:28px;margin-top:12px}.result-stats{margin:14px 0;padding:12px 0}}