:root{--ink:#171325;--purple:#c7b6df;--purple-light:#e8ddf4;--yellow:#ffcf36;--green:#90e67a;--white:#fffaf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--purple);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Cascadia Mono",Consolas,monospace;-webkit-font-smoothing:none}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:4px solid #177cf0;outline-offset:4px}button:disabled{cursor:not-allowed} .site{max-width:1160px;padding:26px 30px 36px;margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{color:var(--ink);text-decoration:none;font-size:22px;font-weight:1000;letter-spacing:-1px}.brand-mark{display:inline-grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);height:38px;width:38px;border-radius:10px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-8deg);margin-right:9px}.brand-dot{color:#fd686d}.header-right{display:flex;align-items:center;gap:18px}.made-for{font-size:12px;opacity:.7;font-weight:700}.icon-button{padding:9px 12px;background:var(--white);border:3px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);font-size:15px;font-weight:900}.icon-button span{font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 4px 24px}.eyebrow,.overlay-eyebrow{display:inline-flex;gap:8px;align-items:center;background:#fff3b9;border:2px solid var(--ink);padding:7px 12px;font-weight:900;letter-spacing:1px;font-size:12px;box-shadow:3px 3px 0 var(--ink)}.sparkle{color:#d85e5b}.intro h1{font-family:Impact,Haettenschweiler,"Arial Black",system-ui,sans-serif;margin:7px 0 2px;font-size:clamp(65px,10vw,118px);font-weight:1000;letter-spacing:3px;line-height:1;white-space:nowrap;color:var(--yellow);-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink),8px 8px 0 #f7a94d}.intro h1 span{color:#f9a3aa}.intro p{font-size:14px;line-height:1.7;margin:16px 0 0;max-width:640px;font-weight:700}.intro-sticker{background:var(--green);border:3px solid var(--ink);border-radius:50%;box-shadow:6px 6px 0 var(--ink);height:132px;width:132px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(13deg);font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:25px;line-height:1.0}.intro-sticker span{font-size:25px}.game-frame{border:4px solid var(--ink);border-radius:20px;overflow:hidden;background:#93c9f7;position:relative;box-shadow:8px 9px 0 var(--ink);isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:none}.game-frame canvas{display:block;width:100%;height:495px;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.game-topbar{position:absolute;z-index:4;top:13px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px}.topbar-left,.topbar-right{pointer-events:auto;background:#1e1b2cdb;color:#fff;padding:10px 14px;border:2px solid #fff8;box-shadow:3px 3px 0 #181322;border-radius:11px;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:900}.hud-heart{color:#ff6b78;font-size:19px;letter-spacing:2px;text-shadow:2px 2px 0 #ad3143;white-space:nowrap}.hud-divider{height:18px;width:1px;background:#ffffff55}.hud-level{white-space:nowrap;font-size:12px}.hud-level strong{font-size:17px;color:#b6ee8b}.level-separator{padding:0 2px;opacity:.6}.coin-symbol{color:#ffdc61;font-size:22px;text-shadow:2px 2px #a9651e}.game-pause{height:29px;width:30px;background:#f9ebc2;border:2px solid #1c1722;border-radius:5px;font-weight:900;color:#1c1722;display:grid;place-items:center}.game-bottom-label{position:absolute;bottom:14px;left:16px;color:#fff;background:#242035b8;border:2px solid #ffffff6b;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:1px;text-shadow:1px 1px #000;z-index:2;pointer-events:none}.overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:20px;background:#1510277a;backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay-card{width:min(465px,100%);background:#f4ebf8;border:4px solid var(--ink);box-shadow:8px 8px 0 #171325;border-radius:15px;text-align:center;padding:25px 23px;color:var(--ink)}.overlay-eyebrow{font-size:10px;box-shadow:2px 2px 0 var(--ink);padding:7px 9px}.overlay h2{font-family:Impact,Haettenschweiler,"Arial Black",system-ui,sans-serif;font-size:clamp(35px,5vw,57px);letter-spacing:1px;margin:12px 0 6px;line-height:1;color:var(--yellow);-webkit-text-stroke:1.8px var(--ink);text-shadow:3px 3px 0 var(--ink)}.overlay h2 span{color:#f6a1a8}.overlay-card>p:not(.overlay-hint){font-size:12px;line-height:1.6;font-weight:700;margin:10px auto 17px;max-width:370px}.level-picker{display:flex;gap:8px;margin:0 0 16px}.level-picker[hidden]{display:none}.level-choice{min-width:0;flex:1;background:#fffaf5;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:9px 3px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:3px}.level-choice span{font-size:23px;font-weight:1000}.level-choice small{font-size:10px;font-weight:900}.level-choice.selected{background:#b9eeb0}.level-choice:disabled{background:#e2dbe7;color:#86808e;box-shadow:1px 1px 0 #aaa}.overlay-actions{display:flex;gap:10px;justify-content:center}.primary-button,.secondary-button{padding:11px 17px;font-size:16px;font-weight:1000;border:3px solid var(--ink);border-radius:9px;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}.primary-button{background:var(--green);min-width:160px}.primary-button span{padding-right:7px}.secondary-button{background:#fff}.primary-button:active,.secondary-button:active,.touch-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.overlay .overlay-hint{margin:14px 0 0;font-size:10px;font-weight:800;color:#6c6474}.touch-controls{position:absolute;bottom:28px;right:16px;left:16px;z-index:3;display:none;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-directions{display:flex;gap:10px}.touch-button{pointer-events:auto;background:#f9f1fae0;border:3px solid var(--ink);border-radius:13px;min-width:62px;height:62px;box-shadow:4px 4px 0 #171325ad;color:#171325;font-size:23px;font-weight:1000;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-button.active{background:#a6e58f;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.touch-jump{min-width:90px;font-size:15px;background:#f6d264}.touch-jump span{font-size:22px}.under-game{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 5px 0;font-size:11px;font-weight:900;letter-spacing:.6px}.status-dot{width:11px;height:11px;border:2px solid var(--ink);background:#7dcf63;display:inline-block;border-radius:100%;vertical-align:-2px;margin-right:7px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:11px;font-weight:1000;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:27px 0 32px}.info-card{background:#fbf4fa;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:17px;border-radius:13px;display:flex;align-items:start;gap:13px;min-height:122px}.info-card:nth-child(2){background:#e2f0fc}.info-card:nth-child(3){background:#fff2c7}.card-icon{flex:0 0 auto;display:grid;place-items:center;border:3px solid var(--ink);background:#aee99b;width:45px;height:45px;border-radius:10px;font-size:24px;font-weight:900;box-shadow:2px 2px 0 var(--ink)}.card-control .card-icon{background:#c6b8fc}.card-save .card-icon{background:#f5a7a9}.info-card h2{margin:1px 0 8px;font-size:15px;font-weight:1000}.info-card p{margin:0;font-size:12px;line-height:1.6;font-weight:700}.site footer{border-top:2px dashed #17132566;padding-top:20px;display:flex;gap:10px;justify-content:center;color:#5c5266;font-size:10px;font-weight:900;text-align:center}.site footer span{color:#e35f78}@media (max-width:700px){.site{padding:15px 16px 30px}.site-header{padding:3px 0}.brand{font-size:19px}.brand-mark{height:33px;width:33px}.made-for{display:none}.intro{padding:21px 0 22px;align-items:flex-end}.intro h1{font-size:clamp(58px,14vw,85px);letter-spacing:1px;-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink),6px 6px 0 #f7a94d}.intro p{font-size:12px;line-height:1.5;margin-top:13px}.intro-sticker{width:78px;height:78px;font-size:16px;margin:0 3px 8px 0;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.intro-sticker span{font-size:14px}.eyebrow{font-size:9px;padding:6px 8px}.game-frame{border-width:3px;box-shadow:5px 6px 0 var(--ink);border-radius:13px}.game-frame canvas{height:min(62dvh,530px);min-height:365px}.game-topbar{top:9px;left:8px;right:8px;gap:5px}.topbar-left,.topbar-right{gap:6px;padding:6px 8px;font-size:12px;border-radius:7px;border-width:1px}.hud-heart{font-size:15px;letter-spacing:0}.hud-level{font-size:10px}.hud-level strong{font-size:12px}.coin-symbol{font-size:16px}.game-pause{width:27px;height:27px}.touch-controls{display:flex;bottom:24px;left:14px;right:14px}.game-bottom-label{bottom:100px;left:13px;font-size:9px;padding:5px 8px}.touch-button{height:62px;min-width:64px}.touch-jump{min-width:88px}.overlay{padding:14px}.overlay-card{padding:16px 13px 14px;box-shadow:5px 5px 0 var(--ink);border-width:3px}.overlay h2{font-size:37px}.overlay-card>p:not(.overlay-hint){font-size:11px;margin:7px auto 11px}.level-picker{gap:6px;margin-bottom:11px}.level-choice{padding:6px 1px;border-width:2px}.level-choice span{font-size:18px}.level-choice small{font-size:8px}.primary-button,.secondary-button{padding:10px;font-size:13px;min-width:0}.overlay .overlay-hint{font-size:8px;line-height:1.4;margin-top:11px}.under-game{font-size:9px;padding:18px 3px 0}.text-button{font-size:9px}.cards{grid-template-columns:1fr;gap:12px;margin:23px 0 29px}.info-card{min-height:0;padding:14px}.site footer{font-size:9px;flex-wrap:wrap;line-height:1.6}}
@media (max-width:380px){.intro h1{font-size:51px}.intro-sticker{width:67px;height:67px;font-size:14px}.game-frame canvas{height:58dvh;min-height:355px}.touch-button{min-width:58px;height:58px}}
@media (hover:none) and (pointer:coarse) and (min-width:701px){.touch-controls{display:flex}.game-bottom-label{bottom:110px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none!important}}

.arcade-back-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;font:800 12px ui-monospace,monospace;letter-spacing:.03em}.arcade-back{color:inherit;text-decoration:none;background:#fff9ea;border:3px solid #171325;box-shadow:3px 3px #171325;border-radius:9px;padding:10px 12px}.arcade-back:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #171325}.arcade-back-row>span{opacity:.65}@media(max-width:480px){.arcade-back-row{font-size:10px;margin-bottom:15px}.arcade-back{padding:8px}}

.online-status{border:3px solid #241a31;background:#e4f7d8;color:#241a31;padding:12px 15px;border-radius:10px;font:800 12px/1.5 ui-monospace,monospace;margin-top:14px}.online-status a{color:inherit;text-underline-offset:3px}