:root{--cream:#fff6d7;--yellow:#f6d66d;--ink:#173b30;--muted:#69776a;--bg:#f7f6ec;--board:#172f29;--line:#dfdfcd;--accent:#e8b940}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 0,#fbeabb66,transparent 45%),radial-gradient(ellipse at 100% 100%,#dfe8dc66,transparent 45%);z-index:-1}.app{max-width:960px;margin:auto;padding:28px 36px 18px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:24px;font-weight:800;letter-spacing:1px}.brand img{width:47px;height:47px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:600;margin-top:3px;color:var(--muted)}.edition{font-size:14px;color:var(--muted)}.spark{color:var(--accent);font-size:23px;margin-left:12px}main{display:grid;grid-template-columns: minmax(0,440px) minmax(0,264px);gap:32px;justify-content:center;align-items:start}.game-shell{background:var(--board);border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #173b3014;border:1px solid #314a3e;padding:0 22px}.board-top,.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aabfb0;font-size:12px;min-height:46px}.board-top>span:first-child{color:#e9edcc;font-size:14px;font-weight:600}.board-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:5px}.board-bottom{min-height:39px}.board-wrap{position:relative;border:1px solid #456150;border-radius:8px;overflow:hidden;background:#11261f}#board{width:100%;height:auto;aspect-ratio:1/2;display:block}.overlay{position:absolute;inset:0;background:#142c25eb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;color:var(--cream);backdrop-filter:blur(3px)}.overlay.hidden{display:none}.overlay img{width:90px;height:90px;object-fit:contain;margin-bottom:14px;filter:drop-shadow(0 12px 12px #0004);animation:bob 3.5s ease-in-out infinite}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#bcccab;margin:8px 0}.overlay h1{font-size:23px;line-height:1.5;margin:12px 0 6px;font-weight:700}.overlay p:not(.eyebrow){font-size:14px;color:#bac7b5;line-height:1.8;max-width:230px;margin:0 0 26px}.overlay .primary{width:190px}.overlay small{margin-top:18px;font-size:12px;color:#aebca5}.sidebar{display:grid;gap:18px}.label{font-size:14px;color:var(--muted);display:flex;justify-content:space-between}.label span{font-size:11px;letter-spacing:1.2px;color:#84907e}.score-card{background:#f7e8af;border:1px solid #e5d492;padding:21px 22px;border-radius:18px}.score-card>strong{display:block;font-size:42px;line-height:1.3;font-weight:750;letter-spacing:1px;font-variant-numeric:tabular-nums;margin:9px 0 17px}.record{display:flex;justify-content:space-between;font-size:14px;padding-top:14px;border-top:1px solid #d9ce99;color:#626e4c}.record b{color:var(--ink);font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats>div{padding:15px 19px;background:#fffdf3;border:1px solid var(--line);border-radius:16px}.stats strong{display:block;margin-top:4px;font-size:27px;font-weight:650;font-variant-numeric:tabular-nums}.next-card{border:1px solid var(--line);border-radius:16px;background:#fffdf3;padding:19px 22px}#next{display:block;width:100%;height:116px;object-fit:contain;margin:6px 0}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.progress{height:5px;border-radius:3px;background:#eae9d8;margin-top:9px;overflow:hidden}.progress>div{height:100%;background:#a8b384;width:0;transition:width .3s}.actions{display:grid;gap:10px}button{font:inherit;cursor:pointer;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background .15s,transform .1s;min-height:48px}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #5c9f83;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.primary{display:flex;justify-content:center;align-items:center;gap:24px;background:var(--yellow);color:#2d4328;font-weight:700;border-radius:12px;border:1px solid #dfbf59}.primary:hover{background:#f9df87}.primary span{font-size:12px}.secondary{background:#e9ecdf;border:1px solid #d6deca;border-radius:12px;color:var(--ink);font-size:14px}.secondary kbd{margin-left:24px;background:#f8faf0}.keys{border-top:1px solid var(--line);padding-top:18px}.keys h2{font-size:14px;margin:0 0 13px;font-weight:650}.keys dl{margin:0;display:grid;gap:10px}.keys dl>div{display:flex;align-items:center;justify-content:space-between;font-size:13px}.keys dt{color:#73816a}.keys dd{margin:0;color:var(--muted)}kbd{display:inline-block;border:1px solid #d4dbc9;border-bottom-width:2px;background:#fffdf5;border-radius:5px;min-width:25px;text-align:center;padding:2px 5px;font:12px system-ui;color:#566a52}.gentle{font-size:13px;line-height:1.8;color:#7d886e;margin:0}.touch-controls{display:none}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:12px;color:#85917f}@keyframes bob{50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(pointer:coarse){.touch-controls{display:block;max-width:440px;margin:18px auto 0}.keys{display:none}.touch-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.touch-controls button{background:#fffdf3;border:1px solid #d5ddc8;border-bottom:3px solid #d5ddc8;border-radius:12px;font-size:25px;touch-action:none;min-height:61px}.touch-controls small{display:block;font-size:11px;color:var(--muted);margin:2px 0 5px}.touch-controls .drop-button{width:100%;font-size:15px;font-weight:700;background:var(--yellow);border-color:#e0c566;margin-top:9px;min-height:44px}}@media(max-width:640px){.app{padding:16px 14px 20px;max-width:460px}header{padding-bottom:14px;margin-bottom:16px}.brand{font-size:20px;gap:9px}.brand img{width:40px;height:40px}.brand small{font-size:8px}.edition{font-size:12px;max-width:112px;text-align:right;line-height:1.6}.spark{display:none}main{grid-template-columns:minmax(0,1fr) 106px;gap:12px;align-items:start}.game-shell{padding:0 9px;border-radius:16px}.board-top{min-height:35px;justify-content:center}.board-top>span:first-child{font-size:12px}#game-state{display:none}.board-bottom{min-height:27px;font-size:10px;justify-content:center}.board-bottom>span:first-child{display:none}.sidebar{gap:10px}.score-card{padding:12px 10px;border-radius:12px}.score-card .label{font-size:12px}.label span{display:none}.score-card>strong{font-size:23px;margin:8px 0 12px;letter-spacing:0}.record{font-size:11px;gap:5px;flex-wrap:wrap;padding-top:8px}.stats{gap:6px}.stats>div{padding:9px 7px;border-radius:10px}.stats .label{font-size:11px}.stats strong{font-size:20px}.next-card{padding:12px 9px;border-radius:12px}.next-card .label{font-size:12px}#next{height:68px;margin:6px 0}.progress-label{font-size:10px;flex-direction:column;gap:4px}.primary{font-size:13px;gap:8px;min-height:42px;border-radius:10px}.secondary{font-size:12px;min-height:40px}.secondary kbd{display:none}.actions{gap:8px}.keys,.gentle{display:none}.overlay{padding:12px}.overlay img{width:66px;height:66px;margin-bottom:6px}.eyebrow{font-size:7px;letter-spacing:.6px}.overlay h1{font-size:17px;margin-top:8px}.overlay p:not(.eyebrow){font-size:12px;margin-bottom:18px}.overlay .primary{width:150px}.overlay small{font-size:10px;line-height:1.6;margin-top:12px}.touch-controls{display:block;margin-top:14px}.touch-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.touch-controls button{background:#fffdf3;border:1px solid #d5ddc8;border-bottom:3px solid #d5ddc8;border-radius:11px;font-size:24px;touch-action:none;min-height:57px}.touch-controls small{display:block;font-size:10px;color:var(--muted);margin:1px 0 4px}.touch-controls .drop-button{width:100%;font-size:14px;font-weight:700;background:var(--yellow);border-color:#e0c566;margin-top:8px;min-height:41px}footer{margin-top:18px;font-size:10px;padding-top:14px;gap:8px}}@media(max-width:350px){main{grid-template-columns:minmax(0,1fr) 92px;gap:8px}.app{padding-left:10px;padding-right:10px}.overlay h1{font-size:15px}.overlay .primary{width:130px}.board-bottom{font-size:8px}.score-card>strong{font-size:20px}}

/* Rounded mochi art: masks remove isolated alpha flecks around the sprite. */
.brand img,.overlay img{border-radius:30%;}

.shop-button{width:100%;min-height:36px;margin-top:14px;border:1px solid #d6c786;border-radius:10px;background:#fff8dc;color:var(--ink);font-size:14px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:7px}.shop-button:hover{background:#fffbed}#shop-dialog{width:min(360px,calc(100vw - 40px));min-height:190px;padding:54px 24px;border:1px solid #e0d49f;border-radius:24px;background:var(--cream);color:var(--ink);box-shadow:0 20px 70px #0d261f33;overflow:visible}#shop-dialog::backdrop{background:#102c2577;backdrop-filter:blur(5px)}#shop-dialog p{margin:22px 0;text-align:center;font-size:23px;font-weight:650;letter-spacing:2px}#shop-close{position:absolute;right:12px;top:10px;width:36px;min-height:36px;border-radius:50%;background:transparent;color:#6b795d;font-size:26px;line-height:1}#shop-close:hover{background:#eddfaf}@media(max-width:640px){.shop-button{min-height:34px;font-size:12px;gap:5px;margin-top:10px}.shop-button svg{width:14px;height:14px}}