@font-face{font-family:Tiny5;src:url(/fonts/tiny5/Tiny5-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{color:#402a49;font-synthesis:none;--pixel-font:Tiny5, monospace;--muted:#715b78;--panel:#fff9fd;--edge:#744e82;--accent:#ff85b6;--mint:#c9f2e9;background:#f9dbea;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}a{color:inherit;text-underline-offset:4px}button{font:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline-offset:5px;outline:3px solid #16a6a0}#app{isolation:isolate;min-height:100svh;padding:0 24px}.polka-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(circle,#68445d 2px,#0000 2.5px) 0 0/23px 23px,#f7d4e3;position:fixed;inset:0;overflow:hidden}.polka-backdrop:before{content:"";background:linear-gradient(#3e283c,#3e283c) top/100% 12px no-repeat,radial-gradient(circle at 12px 0,#3e283c 9px,#0000 10px) 0 12px/24px 12px repeat-x,linear-gradient(#3e283c,#3e283c) bottom/100% 12px no-repeat,radial-gradient(circle at 12px 12px,#3e283c 9px,#0000 10px) left bottom 12px/24px 12px repeat-x;position:absolute;inset:0}.polka-backdrop:after{content:"";background:linear-gradient(90deg,#0000,#ffeaf2c9 22% 78%,#0000);position:absolute;inset:0}.masthead{color:#613b6e;text-shadow:1px 1px #fffaff;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:auto;padding:24px 0;display:flex}.wordmark{font:22px var(--pixel-font);align-items:center;gap:12px;text-decoration:none;display:flex}.mark{background:var(--accent);width:4px;height:4px;box-shadow:0 -8px var(--accent), 8px -8px var(--accent), 0 -4px var(--accent), 8px -4px var(--accent), -4px 0 var(--accent), 4px 0 var(--accent), 8px 0 var(--accent), 12px 0 var(--accent), -4px 4px var(--accent), 0 4px var(--accent), 4px 4px var(--accent), 8px 4px var(--accent), 12px 4px var(--accent), 0 8px var(--accent), 4px 8px var(--accent), 8px 8px var(--accent);margin:0 12px 0 8px}.edition{font:18px var(--pixel-font);white-space:nowrap}.edition span{color:#87568c;margin-left:16px}main{max-width:736px;margin:auto;padding:22px 0 0}.intro{text-align:center}.eyebrow{font:18px var(--pixel-font);color:#8f3d79;letter-spacing:2px;margin:0 0 8px}h1{font:88px/1 var(--pixel-font);color:#fff9fd;text-shadow:4px 4px #f16ba8,4px 8px #7e518c;margin:0}.subtitle{color:#4f365c;letter-spacing:1px;background:#fff9f5db;border:2px solid #bd83b4;width:fit-content;max-width:100%;margin:18px auto 28px;padding:6px 14px;font-size:13px;box-shadow:3px 3px #9b6ba2}.subtitle span{color:#ab4d86;padding:0 8px}.game-card{background:var(--panel);border:3px solid #65446f;box-shadow:0 0 0 3px #fff6fc,0 0 0 6px #ef9bc6,8px 10px 0 6px #a773a6}.window-titlebar{color:#fff9fd;background:var(--edge);height:30px;font:14px var(--pixel-font);letter-spacing:1px;border-bottom:2px solid #65446f;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex}.window-controls{white-space:nowrap;font-size:20px;line-height:1}.scorebar{background:#fff0f7;border-bottom:2px solid #d99bbf;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 18px;display:flex}.scorebar>div{align-items:baseline;gap:12px;display:flex}.score-label{font:18px var(--pixel-font);color:var(--muted)}#score,#best{font:34px/1 var(--pixel-font);color:#602e69;font-variant-numeric:tabular-nums}.best-score .score-label{color:#a43876}.unit{color:var(--muted);font-size:10px}.stage{background:#a4e1f5;position:relative}canvas{aspect-ratio:360/220;width:100%;height:auto;image-rendering:pixelated;touch-action:none;display:block;outline-offset:-5px!important}.overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.overlay-panel{text-align:center;background:var(--panel);pointer-events:auto;border:3px solid #784d85;max-width:90%;padding:22px 30px 24px;box-shadow:0 0 0 4px #ffd5ec,7px 7px 0 4px #9c6da5}.overlay-kicker{font:24px var(--pixel-font);color:#b83f82;letter-spacing:2px}h2{margin:8px 0 10px;font-size:20px}.overlay-panel p{color:#634e6c;white-space:pre-line;margin:0 0 18px;font-size:12px;line-height:1.8}.result-card{position:absolute;inset:0}.result-card canvas{aspect-ratio:auto;object-fit:contain;image-rendering:auto;width:100%;height:100%}.replay-button{min-width:44px;padding:0 12px;font-size:22px;line-height:1;position:absolute;bottom:10px;right:10px}button{background:var(--accent);color:#442246;cursor:pointer;border:2px solid #7d4a7d;border-radius:0;min-height:44px;padding:10px 24px;font-size:13px;font-weight:700;box-shadow:0 4px #a54a81}button:hover{background:#ffadd0}button:active{transform:translateY(3px);box-shadow:0 1px #a54a81}button:disabled{opacity:.55;cursor:wait}.game-footer{min-height:48px;color:var(--muted);background:#fff8fc;border-top:2px solid #d99bbf;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:11px;display:flex}kbd{font:16px var(--pixel-font);color:#593663;background:var(--mint);border:1px solid #ae75a2;border-bottom-width:3px;margin-right:6px;padding:2px 7px;display:inline-block}.control-divider{color:#ae75a2;margin:0 8px}.trail-label{font:15px var(--pixel-font);white-space:nowrap}.storage-note{color:#8f3d79;margin:0;padding:0 16px 12px;font-size:11px}.result-share{background:var(--panel);border:3px solid var(--edge);margin-top:30px;padding:0 24px 24px;box-shadow:6px 6px #a773a6}.result-share:before{content:"✦ RESULT MESSAGE";border-bottom:2px solid var(--edge);color:#fff9fd;background:var(--edge);font:16px var(--pixel-font);letter-spacing:1px;margin:0 -24px 20px;padding:6px 12px;display:block}.result-label{font:18px var(--pixel-font);color:#a43876;margin:0 0 8px}.result-share h2{margin:0 0 18px;font-size:17px}.result-summary{color:var(--muted);margin:-8px 0 18px;font-size:12px}.share-actions{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.share-link{background:var(--accent);color:#442246;border:2px solid #7d4a7d;justify-content:center;align-items:center;min-height:44px;padding:10px 24px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px #a54a81}.share-link:hover{background:#ffadd0}.share-link:active{transform:translateY(3px);box-shadow:0 1px #a54a81}.secondary-button{background:var(--mint);color:#30494d;border-color:#719394;box-shadow:0 4px #8baeb1}.secondary-button:hover{background:#e1fff8}.result-share label{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.share-card{margin-bottom:22px}.share-card img{border:2px solid var(--edge);width:100%;height:auto;image-rendering:pixelated;background:var(--panel);margin-bottom:12px;display:block}.share-hint{color:var(--muted);margin:0;font-size:11px}#share-text{resize:vertical;color:#402a49;background:#fff4f9;border:2px solid #b47aa6;border-radius:0;width:100%;min-height:92px;padding:10px 12px;font:13px/1.8 system-ui,sans-serif;display:block}#share-text:focus-visible{outline-offset:3px;outline:3px solid #16a6a0}.copy-status,.share-notice{color:#8f3d79;margin:10px 0 0;font-size:11px;line-height:1.8}.copy-status:empty{display:none}.share-notice{color:#81445c}.site-footer{color:#4b3556;max-width:736px;margin:48px auto 0;padding:0 0 32px;font-size:11px}.credits>summary{cursor:pointer;background:#fff9fdeb;border:2px solid #916297;width:fit-content;min-height:44px;margin:auto;padding:12px;box-shadow:4px 4px #a773a6}.credits>summary>span{font:18px var(--pixel-font);color:#a43876;margin-right:8px}.credits-body{background:#fff9fd;border:2px solid #916297;margin-top:14px;padding:24px;box-shadow:5px 5px #a773a6}.credits-body h2{margin:0 0 18px;font-size:16px}.credits-body ul{gap:18px;margin:0;padding:0;list-style:none;display:grid}.credits-body li{gap:6px;line-height:1.8;display:grid}.credits-body strong{color:#703874}.credits-body li>a{width:fit-content}.credits-body li>span,.credits-body>p{color:#715b78}.credits-body>p{margin:20px 0 0;line-height:1.8}.site-footer a:hover{color:#a43876}@media (width>=1100px){main{padding-top:36px}}@media (width<=600px){#app{padding:0 16px}.masthead{padding:20px 0}.wordmark{gap:8px;font-size:18px}.edition{font-size:15px}.edition span{display:none}main{padding-top:20px}.eyebrow{letter-spacing:1px;font-size:14px}h1{font-size:clamp(48px,14vw,72px)}.subtitle{letter-spacing:0;margin:16px 0 26px;font-size:11px}.subtitle span{padding:0 4px}.scorebar{min-height:49px;padding:8px 10px}.scorebar>div{gap:8px}.score-label{font-size:15px}#score,#best{font-size:28px}.overlay-panel{padding:10px 18px 14px}.overlay-kicker{font-size:18px}h2{margin:4px 0 6px;font-size:16px}.overlay-panel p{margin-bottom:10px;font-size:11px;line-height:1.6}button{padding:8px 20px;font-size:12px}.game-footer{padding:8px 10px;font-size:10px}.trail-label{display:none}.control-divider{margin:0 4px}.result-share{padding:18px 16px}.share-link{padding:8px 20px;font-size:12px}#share-text{font-size:12px}.site-footer{font-size:10px}.credits-body{padding:18px}}@media (width<=340px){#app{padding:0 12px}.edition{display:none}.score-label{font-size:13px}.scorebar>div{gap:5px}.overlay-panel{padding:6px 14px 10px}.overlay-kicker{display:none}.subtitle{font-size:10px}}