.vinecut-game{--vinecut-reserve:172px;max-width:560px;margin:0 auto}.vinecut-game .vinecut-toolbar{flex-wrap:nowrap;justify-content:center;gap:8px;margin-bottom:8px}.vinecut-game .vinecut-level{flex:0 230px;min-width:0}.vinecut-game .vinecut-level .game-select{width:100%;min-height:44px;font-size:14px}.vinecut-game .vinecut-total{min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff6e3;border:1px solid #e3d6b4;border-radius:11px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:15px;font-weight:900;display:inline-flex}.vinecut-game .vinecut-total>span[aria-hidden]{color:#e59b1c;font-size:16px}.vinecut-game .vinecut-of{color:var(--muted);font-size:12px;font-weight:800}.vinecut-game .vinecut-icon{flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0}.vinecut-game .vinecut-icon:disabled{opacity:.45;cursor:default}.vinecut-game .vinecut-stage{width:min(100%, max(228px, calc((var(--play-height,100vh) - var(--vinecut-reserve)) * .75)));margin:0 auto;position:relative}.vinecut-game .vinecut-canvas{aspect-ratio:3/4;box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;background:#fff6e3;border:3px solid #c3ae82;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 3px #ab9670,0 8px 18px #30483e14}.vinecut-game .vinecut-canvas:focus-visible{outline-offset:3px;outline:3px solid #168e88}.vinecut-game .vinecut-line{text-align:center;min-height:20px;color:var(--muted);margin:7px 4px 0;font-size:13px;font-weight:700;line-height:20px}.vinecut-game .vinecut-line[data-kind=teach]{color:var(--ink);font-weight:900}.vinecut-game .vinecut-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vinecut-game .vinecut-panel{box-sizing:border-box;text-align:center;background:#fff7e8;border:2px solid #c9b58a;border-radius:16px;width:min(86%,300px);padding:14px 14px 16px;animation:.22s cubic-bezier(.2,1.3,.4,1) both vinecut-panel;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:0 4px #dccba5,0 14px 30px #22314429}.vinecut-game .vinecut-panel[hidden]{display:none}.vinecut-game .vinecut-panel[data-kind=lost],.vinecut-game .vinecut-panel[data-kind=paused]{top:30%}.vinecut-game .vinecut-panel[data-place=low]{top:auto;bottom:12%}.vinecut-game .vinecut-panel-title{color:var(--ink);margin:0;font-size:20px;font-weight:900;line-height:1.2}.vinecut-game .vinecut-panel-note{color:#4f6257;margin:6px 0 0;font-size:13px;font-weight:700;line-height:1.35}.vinecut-game .vinecut-stars{justify-content:center;gap:6px;margin:8px 0 2px;display:flex}.vinecut-game .vinecut-stars[hidden]{display:none}.vinecut-game .vinecut-star svg{fill:#efe7d2;stroke:#b9ad8c;stroke-width:2px;stroke-dasharray:4 3;width:42px;height:42px;display:block}.vinecut-game .vinecut-star:nth-child(2) svg{width:48px;height:48px;margin-top:-6px}.vinecut-game .vinecut-star.is-lit svg{fill:#ffc53d;stroke:#223144;stroke-width:2.4px;stroke-dasharray:none;animation:.34s cubic-bezier(.2,1.6,.4,1) both vinecut-star;animation-delay:calc(.14s + var(--i) * .15s)}.vinecut-game .vinecut-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.vinecut-game .vinecut-actions .game-button{min-width:104px;min-height:44px;position:relative;overflow:hidden}.vinecut-game .vinecut-actions [hidden]{display:none}.vinecut-game .vinecut-countdown{background:#ffffffb8;border-radius:0 3px 3px 0;width:0;height:4px;position:absolute;bottom:0;left:0}.vinecut-game .is-counting .vinecut-countdown{animation:1.9s linear forwards vinecut-count}@keyframes vinecut-panel{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@keyframes vinecut-star{0%{opacity:0;transform:scale(.2)rotate(-30deg)}to{opacity:1;transform:none}}@keyframes vinecut-count{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.vinecut-game .vinecut-panel,.vinecut-game .vinecut-star.is-lit svg{animation:none}.vinecut-game .is-counting .vinecut-countdown{opacity:.5;width:100%;animation:none}}@media (max-width:400px){.vinecut-game .vinecut-toolbar{gap:6px}.vinecut-game .vinecut-level .game-select{padding-right:22px;font-size:13px}.vinecut-game .vinecut-total{padding:0 7px;font-size:14px}.vinecut-game .vinecut-panel-title{font-size:18px}}@media (max-width:360px){.vinecut-game .vinecut-of{display:none}.vinecut-game .vinecut-icon{width:44px}}