.wmp{--ink:#3a2a24;--paper:#fffaf0;--paper-2:#fbeed6;--line:#8a2a30;--red:#e0525a;--green:#4e9d45;isolation:isolate;width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#9fd3ec;font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;line-height:1.25;position:relative;overflow:hidden;container:wmp/size}.wmp *,.wmp :before,.wmp :after{box-sizing:border-box}.wmp button{font:inherit;color:inherit}.wmp [hidden]{display:none!important}.wmp canvas{width:30px;height:30px}.wmp .wmp-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.wmp-canvas:focus-visible{box-shadow:inset 0 0 0 3px #ffe07a}.wmp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.wmp-hud{z-index:2;pointer-events:none;padding:6px 8px 0;position:absolute;inset:0 0 auto}.wmp-stats{align-items:stretch;gap:6px;display:flex}.wmp-stat{border:2px solid var(--line);background:var(--paper);border-radius:12px;align-content:center;justify-items:start;min-width:0;padding:3px 10px;display:grid;box-shadow:0 3px #5a1e2280}.wmp-stat span{letter-spacing:.08em;text-transform:uppercase;color:#a0464c;font-size:10px;font-weight:800}.wmp-stat b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:900;line-height:1.05}.wmp-stat--score{flex:auto}.wmp-stat--score b{color:#2f6b2a;font-size:24px}.wmp-stat--best{flex:0 auto}.wmp-stat--best b{color:#5a4636;font-size:16px}.wmp-stat--next{flex:none;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding-right:6px}.wmp-stat--next canvas{background:#f4f8fb;border-radius:50%;display:block;box-shadow:0 0 0 2px #8fb8d8}.wmp-ladder{z-index:2;border:2px solid var(--line);pointer-events:none;background:#fffaf0eb;border-radius:999px;align-items:center;gap:2px;margin:0;padding:3px 6px;list-style:none;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 3px #5a1e2273}.wmp-ladder li{border-radius:50%;place-items:center;display:grid;position:relative}.wmp-ladder canvas{width:var(--ladder-size,26px);height:var(--ladder-size,26px);display:block}.wmp-ladder li.is-top{background:#ffd666bf;box-shadow:0 0 0 2px #e0a12a}.wmp.is-wide .wmp-hud{width:var(--basket-left,30%);padding:8px 10px 8px 8px;inset:0 auto 0 0}.wmp.is-wide .wmp-stats{flex-direction:column;align-items:stretch;max-width:220px;margin-left:auto}.wmp.is-wide .wmp-stat{flex:none}.wmp.is-wide .wmp-stat--next{justify-content:start}.wmp-wide-tip{color:#fffaf0;background:#2832289e;border-radius:10px;margin:2px 0 0;padding:6px 9px;font-size:12px;font-weight:700;line-height:1.3;display:none}.wmp.is-wide .wmp-wide-tip{display:block}.wmp.is-wide .wmp-ladder{left:calc(100% - var(--basket-right,30%) + 10px);border-radius:16px;grid-template-columns:repeat(2,auto);gap:3px 4px;padding:6px;display:grid;top:8px;bottom:auto;transform:none}.wmp-screen{z-index:4;background:radial-gradient(at 50% 40%,#283c2833,#1e281e9e);grid-template-columns:minmax(0,1fr);place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:auto}.wmp-card{border:3px solid var(--line);background:linear-gradient(#fffdf6, var(--paper) 55%, var(--paper-2));border-radius:18px;width:min(430px,100%);padding:16px;box-shadow:0 5px #5a1e228c,0 16px 40px #00000059}.wmp-card h2,.wmp-card p,.wmp-card ol,.wmp-card dl{margin:0}.wmp-btn{border:2px solid var(--line);min-height:44px;box-shadow:0 3px 0 var(--line);cursor:pointer;touch-action:manipulation;background:#fffaf0;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:16px;font-weight:900;display:inline-flex}.wmp-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.wmp-btn:focus-visible{outline-offset:2px;outline:3px solid #ffe07a}.wmp .wmp-btn--play{background:linear-gradient(#f27a80, var(--red));color:#fffaf0;text-shadow:0 2px #5a1e2299;min-height:52px;font-size:21px}.wmp-title-card{gap:12px;width:min(460px,100%);display:grid}.wmp-title-main,.wmp-title-side{gap:10px;min-width:0;display:grid}.wmp-logo{text-align:center;justify-items:center;line-height:.92;display:grid}.wmp-logo span{letter-spacing:.01em;color:var(--green);-webkit-text-stroke:1.5px #1f4a1f;text-shadow:2px 3px #1f4a1f;font-size:38px;font-weight:900}.wmp-logo b{letter-spacing:.12em;color:var(--red);text-shadow:2px 2px #ffd1d1;font-size:30px;font-weight:900}.wmp-chain{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:0;min-width:0;max-width:100%;display:flex}.wmp-chain canvas{aspect-ratio:1;flex:0 auto;min-width:0;margin:0 -1px;display:block;height:auto!important}.wmp-rules{gap:7px;padding:0;list-style:none;display:grid}.wmp-rules li{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.3;display:grid}.wmp-rules b{font-weight:900}.wmp-title-records{color:#5a4636;text-align:center;font-size:14px;font-weight:700}.wmp-title-records b{color:var(--ink);font-weight:900}.wmp-title-note{color:#a0464c;text-align:center;font-size:12px;font-weight:700}.wmp-results-card{text-align:center;justify-items:center;gap:10px;display:grid}.wmp-results-title{color:#2f6b2a;font-size:26px;font-weight:900}.wmp-results-top{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.wmp-results-top canvas{display:block}.wmp-results-top b{font-weight:900}.wmp-results-score{align-items:baseline;gap:8px;display:flex}.wmp-results-score span{letter-spacing:.08em;text-transform:uppercase;color:#a0464c;font-size:13px;font-weight:800}.wmp-results-score b{font-variant-numeric:tabular-nums;font-size:36px;font-weight:900}.wmp-newbest{background:var(--green);color:#fff;border-radius:99px;padding:2px 12px;font-size:14px;font-weight:900}.wmp-results-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.wmp-results-stats div{background:#e0525a1a;border-radius:10px;padding:5px 6px}.wmp-results-stats dt{color:#a0464c;font-size:11px;font-weight:800}.wmp-results-stats dd{margin:0;font-size:15px;font-weight:900}.wmp-results-hint{color:#5a4636;font-size:13px;font-weight:700}.wmp-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.wmp-actions .wmp-btn{white-space:nowrap;flex:120px;padding:0 10px}.wmp-actions .wmp-btn--play{font-size:19px}@container wmp (width<=380px){.wmp-hud{padding:5px 5px 0}.wmp-stats{gap:5px}.wmp-stat{padding:2px 8px}.wmp-stat b{font-size:17px}.wmp-stat--score b{font-size:20px}.wmp-ladder{gap:1px;padding:2px 4px}.wmp-card{padding:12px}.wmp-logo span{font-size:32px}.wmp-logo b{font-size:25px}.wmp-rules li{font-size:13px}}@container wmp (height<=560px) and (aspect-ratio<=13/10){.wmp-title-card{gap:8px}.wmp-logo span{font-size:30px}.wmp-chain{display:none}.wmp-rules{gap:5px}.wmp-rules li{font-size:12.5px}}@container wmp (aspect-ratio>=13/10) and (height<=520px){.wmp-screen{padding:6px}.wmp-card{padding:10px 14px}.wmp-title-card{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:14px;width:min(680px,100%)}.wmp-logo{justify-items:start}.wmp-logo span{font-size:30px}.wmp-logo b{font-size:23px}.wmp-chain{display:none}.wmp-rules{gap:4px}.wmp-rules li{grid-template-columns:24px minmax(0,1fr);font-size:12px}.wmp-rules canvas{width:24px!important;height:24px!important}.wmp-results-card{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:6px 16px;width:min(600px,100%)}.wmp-results-title,.wmp-results-top,.wmp-results-score,.wmp-newbest{grid-column:1}.wmp-results-title{font-size:21px}.wmp-results-score b{font-size:28px}.wmp-results-stats{grid-area:1/2/span 4}.wmp-results-hint,.wmp-actions{grid-column:1/-1}.wmp-actions .wmp-btn{min-height:40px}}@media (orientation:portrait) and (width<=900px){body.play-theme-watermelon-picnic .play-shell[data-game-shell]{--game-width-from-height:100vw;width:min(var(--game-shell-max-width,720px), calc(100vw - 10px))}body.play-theme-watermelon-picnic .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:clamp(420px,100svh - 112px,175vw - 17.5px)}}@media (orientation:landscape) and (height<=520px){body.play-theme-watermelon-picnic .play-shell[data-game-shell]{--game-shell-max-width:900px;--game-width-from-height:100vw;width:min(900px,100vw - 16px)}body.play-theme-watermelon-picnic .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:max(220px,100svh - 108px)}}
