:root{--paper: #fbf7ee;--rule: #d8e7f4;--margin: #f2c9c9;--ink: #2f3b22;--ink-soft: #6b7560;--green: #7ed957;--green-deep: #3f7d22;--sky: #4f86c2;--pink: #ff7eb0;--shadow: 0 14px 30px rgba(40, 60, 30, .18);--radius: 22px;--hand: "Patrick Hand", "Comic Sans MS", "Segoe Print", "Bradley Hand", cursive;--hand-title: "Gochi Hand", "Comic Sans MS", "Segoe Print", cursive;font-family:var(--hand)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:linear-gradient(90deg,transparent 39px,var(--margin) 39px,var(--margin) 41px,transparent 41px),repeating-linear-gradient(180deg,transparent 0,transparent 33px,var(--rule) 33px,var(--rule) 35px)}.app{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.sketch{border:3px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--hand);font-size:22px;padding:10px 20px;border:3px solid var(--ink);background:#fff;color:var(--ink);border-radius:16px 230px 18px 210px/210px 16px 230px 18px;box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:rotate(-1deg) translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}.btn-block{width:100%}.btn-primary{background:linear-gradient(180deg,var(--green) 0%,var(--green-deep) 100%);color:#fff}.btn-ghost{background:#fff}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:46px;height:46px;border:3px solid var(--ink);background:#fff;color:var(--ink);font-size:20px;display:grid;place-items:center;border-radius:14px 200px 16px 210px/210px 14px 200px 16px;box-shadow:var(--shadow);transition:transform .1s ease,background .15s ease}.icon-btn:hover{transform:rotate(2deg);background:#fff}.menu{display:grid;place-items:center;width:100%;height:100%}.menu-card{background:#ffffffdb;box-shadow:var(--shadow);padding:30px 30px 26px;width:min(92vw,380px);text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:12px;transform:rotate(-1.2deg)}.doodler-svg{display:contents}.doodler-img{display:block;object-fit:contain}.doodler-badge .doodler-img{width:96px;height:96px;filter:drop-shadow(0 6px 8px rgba(40,60,30,.2));animation:doodle-bob 1.8s ease-in-out infinite}.carousel-preview .doodler-img{width:82%;height:auto;filter:drop-shadow(0 6px 8px rgba(40,60,30,.2));animation:doodle-bob 1.8s ease-in-out infinite}.gameover-mascot .doodler-img{width:88px;height:88px}.gameover-banner-doodle .doodler-img{width:40px;height:40px}.doodler-badge{display:grid;place-items:center;margin-bottom:2px}.doodler-badge svg{width:96px;height:96px;filter:drop-shadow(0 6px 8px rgba(40,60,30,.2));animation:doodle-bob 1.8s ease-in-out infinite}@keyframes doodle-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.menu-title{margin:0;font-family:var(--hand-title);font-size:58px;line-height:1;letter-spacing:1px;color:var(--green-deep);-webkit-text-stroke:2px var(--ink);text-shadow:3px 4px 0 rgba(47,59,34,.18)}.menu-title span{color:var(--sky)}.menu-subtitle{margin:0 0 4px;color:var(--ink-soft);font-size:19px;line-height:1.25}.skin-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 2px}.skin-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:4px;background:#ffffffd9;border:2.5px solid rgba(47,59,34,.18);border-radius:12px 30px 14px 28px/28px 14px 30px 12px;display:grid;place-items:center;transition:transform .1s ease,border-color .12s ease}.skin-swatch svg{width:100%;height:auto}.skin-swatch:hover{transform:translateY(-2px) rotate(-2deg)}.skin-swatch.is-active{border-color:var(--swatch);box-shadow:0 0 0 2px var(--swatch)}.skin-carousel{background:#fff;width:min(92vw,360px);padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;text-align:center}.carousel-stage{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:2px}.carousel-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:46px;height:46px;border:3px solid var(--ink);background:#fff;color:var(--ink);font-size:30px;line-height:1;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .1s ease,background .12s ease}.carousel-arrow:hover{background:var(--paper);transform:scale(1.06)}.carousel-arrow:active{transform:scale(.96)}.carousel-preview{display:grid;place-items:center;aspect-ratio:1;background:#ffffffb3;border:3px dashed rgba(47,59,34,.2);border-radius:20px;padding:10px}.carousel-preview.is-equipped{border-color:var(--green-deep);border-style:solid;box-shadow:0 0 0 3px #3f7d222e}.carousel-preview svg{width:78%;height:auto;filter:drop-shadow(0 6px 8px rgba(40,60,30,.2));animation:doodle-bob 1.8s ease-in-out infinite}.carousel-name{margin:4px 0 0;font-family:var(--hand-title);font-size:30px;color:var(--green-deep)}.carousel-count{margin:0 0 4px;font-size:16px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.menu-best{margin:8px 0 0;font-size:22px;color:var(--green-deep)}.menu-hint{margin:2px 0 0;font-size:16px;color:var(--ink-soft)}.game-view{position:relative;height:100%;width:100%;display:grid;place-items:center;padding:16px}.game-stage{position:relative;aspect-ratio:9 / 16;height:min(94vh,calc((100vw - 32px) * 16 / 9));max-width:calc(100vw - 32px);border-radius:18px;border:3px solid var(--ink);box-shadow:var(--shadow);overflow:hidden;background:var(--paper)}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.game-canvas canvas{display:block}.stage-controls{position:absolute;top:12px;right:12px;z-index:10;display:flex;gap:8px}.pause-btn{position:absolute;top:12px;right:12px;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-width:52px;height:40px;padding:0 12px;border:3px solid var(--ink);border-radius:12px 210px 14px 200px/200px 14px 210px 12px;background:linear-gradient(180deg,#8fd0ff 0%,var(--sky) 100%);color:#fff;font-size:20px;letter-spacing:2px;line-height:1;box-shadow:var(--shadow);transition:transform .1s ease,filter .12s ease}.pause-btn:hover{transform:rotate(-2deg) translateY(-1px);filter:brightness(1.05)}.pause-btn:active{transform:translateY(1px) scale(.98)}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#28321e47;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.pause-card{background:#fffffff5;box-shadow:var(--shadow);padding:22px 22px 20px;width:min(78%,260px);display:flex;flex-direction:column;gap:10px;transform:rotate(-1deg)}.pause-title{margin:0 0 4px;text-align:center;font-family:var(--hand-title);font-size:40px;color:var(--green-deep);-webkit-text-stroke:1.5px var(--ink)}.hud{position:absolute;top:12px;left:12px;z-index:10;display:flex;flex-direction:column;gap:1px;background:#ffffffeb;padding:7px 14px 8px;border:3px solid var(--ink);border-radius:16px 210px 18px 200px/200px 18px 210px 16px;box-shadow:var(--shadow);transform:rotate(-1.5deg)}.hud-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.hud-label{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.hud-score{font-size:30px;line-height:1;color:var(--green-deep);font-variant-numeric:tabular-nums}.hud-best{font-size:19px;line-height:1.1;color:var(--sky);font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#28321e73;display:grid;place-items:center;padding:20px}.modal{background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);width:min(92vw,360px);padding:24px;display:flex;flex-direction:column;gap:18px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-family:var(--hand-title);font-size:28px;color:var(--green-deep)}.setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px}.setting-name{font-size:19px}.setting-value{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:16px}.setting input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--green-deep);cursor:pointer}.setting.is-disabled{opacity:.45}.gameover{display:grid;place-items:center;width:100%;height:100%;padding:16px}.gameover-card{position:relative;background:#ffffffe6;box-shadow:var(--shadow);padding:20px 26px 22px;width:min(92vw,400px);text-align:center;display:flex;flex-direction:column;gap:8px;transform:rotate(-1deg)}.gameover-banner{display:flex;justify-content:center;gap:2px;margin-bottom:2px}.gameover-banner-doodle svg{width:42px;height:42px;opacity:.92}.gameover-banner-doodle:nth-child(odd) svg{transform:rotate(-7deg)}.gameover-banner-doodle:nth-child(2n) svg{transform:translateY(3px) rotate(7deg)}.gameover-mascot svg{width:74px;height:74px;filter:drop-shadow(0 5px 6px rgba(40,60,30,.2));transform:rotate(8deg)}.gameover-title{margin:0;font-family:var(--hand-title);font-size:50px;line-height:.95;color:#d23b2f;-webkit-text-stroke:1.5px rgba(120,30,22,.6);text-shadow:2px 3px 0 rgba(180,60,50,.16);transform:rotate(-2deg)}.gameover-stats{margin:6px 4px 4px;display:flex;flex-direction:column;gap:4px}.gameover-stat{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:20px}.gameover-stat dt{color:var(--ink-soft)}.gameover-stat dd{margin:0;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.gameover-stat:nth-child(2) dd{color:var(--green-deep)}.gameover-name{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;font:inherit;font-weight:700;color:var(--sky);border-bottom:2px dashed rgba(79,134,194,.5);padding:0 2px}.gameover-name-input{font:inherit;font-weight:700;width:9ch;text-align:right;color:var(--sky);border:none;border-bottom:2px solid var(--sky);background:transparent;outline:none}.gameover-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.gameover-actions .btn{font-size:19px}.gameover-live{margin:8px 4px 10px;padding:10px 12px;border:2px dashed rgba(210,59,109,.5);border-radius:14px;background:#fff0f68c}.gameover-live-title{margin:0 0 6px;font-size:20px;color:var(--ink)}.gameover-live-stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:17px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.gameover-live-top{margin:6px 0 0;font-size:17px;color:var(--ink)}.actions-panel{width:min(520px,92vw);max-height:88vh;overflow-y:auto;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:18px 20px 20px}.actions-help{margin:4px 0 14px;font-size:14px;line-height:1.4;color:var(--ink);opacity:.85}.actions-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.actions-empty{text-align:center;opacity:.6;font-size:14px;padding:10px 0}.action-row{display:flex;align-items:center;gap:8px;padding:8px;border:2px solid var(--ink);border-radius:12px;background:#fffef7}.action-select{flex:1 1 auto;min-width:0;padding:7px 8px;border:2px solid var(--ink);border-radius:9px;background:#fff;font:inherit;font-size:14px}.action-amount{width:68px;padding:7px 6px;border:2px solid var(--ink);border-radius:9px;font:inherit;font-size:14px;text-align:right}.action-unit{font-size:13px;opacity:.7}.action-key{min-width:62px;padding:7px 10px;border:2px solid var(--ink);border-radius:9px;background:#eef4ff;font:inherit;font-weight:700;cursor:pointer}.action-key.is-capturing{background:#ffe6a8;animation:doodle-bob .8s ease-in-out infinite}.action-del{color:#b5486a}