:root{font-family:ui-rounded,Hiragino Sans GB,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#29494b;background:#f8f5ed;font-synthesis:none;--teal:#236b70;--coral:#bd5648;--muted:#6f7f77;--line:#e3ddd0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 5% 0%,#edf0df,transparent 45%),#f8f5ed}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #bd5648;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.48}[hidden]{display:none!important}.shell{max-width:1000px;margin:auto;padding:20px 28px 16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{display:flex;gap:13px;align-items:center}.mark{display:grid;place-items:center;width:42px;height:42px;background:#236b70;color:#f4d18a;border-radius:14px;font-size:28px;transform:rotate(-8deg)}.brand h1{margin:0;font-size:25px;letter-spacing:.03em}.brand h1 span{color:#c86b53}.brand p{margin:4px 0 0;color:#667c74;font-size:10px;font-weight:700;letter-spacing:.13em}.top-actions{display:flex;gap:20px;align-items:center}.quiet-label{font-size:12px;color:#748174}.icon{min-height:44px;min-width:58px;border:1px solid var(--line);background:#fffcf4;border-radius:12px;color:#29494b;font-size:14px;font-weight:700}.eyebrow{color:#817359;font-weight:700;font-size:10px;letter-spacing:.12em;margin-bottom:8px}.levelbar{margin-bottom:16px}.levelbar>.eyebrow{display:none}.levels{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.level{flex:0 0 220px;min-height:56px}.level{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 16px;background:#fffcf5;border:1px solid var(--line);border-radius:13px;color:#49625b;text-align:left;transition:background .2s}.level span{display:grid;place-items:center;background:#ede8db;border-radius:8px;width:30px;height:30px;color:#857454;font-weight:700;font-size:12px}.level b{font-size:13px}.level small{margin-left:auto;font-size:10px;white-space:nowrap}.level.active{background:#e8eee2;border-color:#829f89;box-shadow:0 3px #d6dfcf}.level.active span{background:#236b70;color:#fff}.game-card{position:relative;background:#fffcf6;border:1px solid var(--line);border-radius:22px;padding:18px 20px 12px;box-shadow:0 5px #e8e3d7,0 12px 35px #57402706}.hud{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 1px 12px}.hud h2{margin:0;font-size:23px;letter-spacing:-.03em}.hud #levelDesc{color:#6f786c;font-size:12px;margin:7px 0 0;line-height:1.6;max-width:540px}.counter{white-space:nowrap;text-align:right;min-width:70px}.counter>span{font-size:10px;color:#6f7f77;display:block}.counter strong{font-size:24px;letter-spacing:.08em}#dots{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}#dots i{width:6px;height:6px;background:#ddd9ca;border-radius:50%}#dots i.filled{background:#2f817c}.board-wrap{position:relative;margin:auto;width:min(100%,560px,calc((100dvh - 400px)*1.125));min-width:300px;aspect-ratio:720/640;border-radius:14px;overflow:hidden;background:#f7eedf;box-shadow:inset 0 0 0 1px #e9ddc8}.board-wrap canvas{display:block;width:100%;height:100%}.pin-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border:0;background:transparent;color:#714c25;font-size:9px;font-weight:800;border-radius:50%;pointer-events:auto;padding:0;z-index:2}.pin span{display:grid;place-items:center;width:26px;height:26px;background:#f1ce79;border:2px solid #a17138;border-radius:50%;font-size:20px;font-family:system-ui;margin:auto;box-shadow:0 2px #b08340,inset 0 2px #ffe9b5;transition:background .15s,transform .15s}.pin b{display:block;line-height:12px;text-shadow:0 1px #f9edd9}.pin:hover span{background:#fff0b1;transform:scale(1.13)}.pin:active span{transform:scale(.9)}.controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0 8px}.control-buttons{display:flex;align-items:center;gap:8px}.ghost{min-height:44px;padding:0 15px;border:1px solid #dadbcd;border-radius:10px;background:#f8f7ee;color:#345f5b;font-size:13px;font-weight:600}.ghost:hover{background:#e9efe2}.control-buttons>span{font-size:11px;color:#788174;margin-left:5px}.hint{min-height:44px;padding:0 14px;background:transparent;border:0;color:#77613c;font-size:12px;text-decoration:underline;text-underline-offset:4px}.tip{display:flex;align-items:center;gap:10px;color:#667462;font-size:11px;line-height:1.6;min-height:22px}.tip-dot{flex:none;width:6px;height:6px;background:#c17454;border-radius:50%;box-shadow:0 0 0 4px #f1e5ce}.result{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:5;background:#fffcf5f5;border:1px solid #dfd7c5;box-shadow:0 12px 50px #52341424;border-radius:18px;padding:22px;width:min(330px,92%);text-align:center}.result-tag{font-size:9px;font-weight:800;letter-spacing:.13em;color:#867456}.result h3{font-size:23px;margin:9px 0;color:#285b55}.result p{font-size:12px;line-height:1.7;color:#6a786b;margin:0 0 14px}.primary{background:#236b70;border:0;color:#fff;min-height:44px;padding:0 20px;border-radius:10px;font-weight:700;font-size:13px}.result .ghost{margin-top:10px;width:100%}.paused{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7eedfbf;display:grid;place-items:center;font-size:20px;font-weight:700}footer{display:flex;justify-content:space-between;color:#7b8172;font-size:10px;padding:16px 3px 0;gap:10px}@media (min-width:1050px){.shell{max-width:1050px}.game-card{padding-left:32px;padding-right:32px}.hud #levelDesc{max-width:580px}}@media (max-width:620px){.shell{padding:14px 12px}header{margin-bottom:14px}.brand h1{font-size:22px}.brand p{font-size:8px}.mark{width:36px;height:36px}.quiet-label{display:none}.top-actions{gap:5px}.levels{gap:6px}.level{gap:5px;min-height:51px;padding:6px 7px;flex-wrap:wrap}.level span{width:22px;height:22px;font-size:10px}.level b{font-size:10px;white-space:nowrap}.level small{display:block;font-size:10px;white-space:nowrap}.game-card{padding:14px 10px 10px;border-radius:17px}.hud{gap:10px;align-items:flex-start}.hud h2{font-size:20px}.hud .eyebrow{font-size:9px;letter-spacing:0}.hud #levelDesc{font-size:11px;max-width:240px;line-height:1.65;margin-top:5px}.counter{min-width:50px}.counter strong{font-size:20px}.board-wrap{width:100%;min-width:0}.controls{gap:4px;padding-top:8px}.ghost{padding:0 11px;font-size:12px}.control-buttons{gap:6px}.control-buttons>span{font-size:10px;margin:0}.hint{font-size:11px;padding:0 8px}.tip{font-size:10px;align-items:flex-start;margin:0 4px}.tip-dot{margin-top:6px}footer{font-size:9px;gap:6px;flex-wrap:wrap;padding-top:14px}}@media (max-height:650px) and (min-width:621px){.board-wrap{width:360px}header{margin-bottom:12px}.levelbar{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}