.wm-app{--wm-ink:#1f3d2a;--wm-paper:#f7f0e4;--wm-accent:#2f9e44;--wm-soft:#e8f5e9;--wm-danger:#dc2626;box-sizing:border-box;background:radial-gradient(ellipse 80% 50% at 50% -10%, #c8e6c9 0%, transparent 55%), linear-gradient(180deg, #eef7ee 0%, var(--wm-paper) 40%, #f3e7d3 100%);width:100%;min-height:100dvh;color:var(--wm-ink);padding:max(10px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));flex-direction:column;display:flex}.site-shell:has(.wm-app.is-play){height:100dvh;max-height:100dvh;overflow:hidden}.site-shell:has(.wm-app.is-play) .site-shell__main{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:is(.site-shell:has(.wm-app.is-play) .site-footer,.site-shell:has(.wm-app.is-play) .content-guide,.site-shell:has(.wm-app.is-play) .site-header){display:none}.wm-app.is-play{overscroll-behavior:none;height:100%;min-height:0;max-height:100%;padding:max(8px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-right,0px)) max(10px, env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px));flex:auto;overflow:hidden}.wm-topbar{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:520px;margin-bottom:6px;margin-left:auto;margin-right:auto;display:flex}.wm-brand{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.wm-brand strong{color:var(--wm-ink);font-size:15px;line-height:1.2;display:block}.wm-brand small{color:var(--wm-accent);font-size:11px;font-weight:600;display:block}.wm-topbar__end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.wm-app .locale-switcher__select{color:var(--wm-ink);background-color:#ffffffbf;background-image:linear-gradient(45deg,#0000 50%,#1f3d2a8c 50%),linear-gradient(135deg,#1f3d2a8c 50%,#0000 50%);border-color:#1f3d2a38;max-width:100%}.wm-btn{color:var(--wm-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fffc;border:1px solid #1f3d2a38;border-radius:10px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600}.wm-btn:hover{border-color:var(--wm-accent)}.wm-btn--ghost{background:0 0}.wm-btn--primary{background:var(--wm-accent);border-color:var(--wm-accent);color:#fff}.wm-btn__short{display:none}.wm-btn__full{display:inline}.wm-menu{text-align:center;box-sizing:border-box;overflow-wrap:anywhere;width:100%;max-width:560px;margin:0 auto;padding:24px 8px 40px}.wm-eyebrow{letter-spacing:.14em;color:var(--wm-accent);margin:0 0 8px;font-size:12px;font-weight:700}.wm-title{color:var(--wm-ink);margin:0 0 12px;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.15}.wm-lead{color:#1f3d2ae0;max-width:42ch;margin:0 auto 12px;font-size:clamp(14px,3.6vw,16px);line-height:1.55}.wm-tm-note{color:#1f3d2aa6;max-width:46ch;margin:0 auto 20px;font-size:12px;line-height:1.45}.wm-menu__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wm-cta{background:var(--wm-accent);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;min-height:48px;padding:12px 22px;font-size:16px;font-weight:700}.wm-cta:hover{filter:brightness(1.05)}.wm-menu-best{color:var(--wm-ink);margin-top:18px;font-weight:700}.wm-play{box-sizing:border-box;flex-direction:column;flex:auto;align-items:center;gap:8px;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex;overflow:hidden}.wm-hud{flex:none;grid-template-columns:1fr 1fr auto;gap:8px;width:100%;display:grid}.wm-stat,.wm-next{color:var(--wm-ink);background:#ffffffd1;border:1px solid #1f3d2a1f;border-radius:12px;min-width:0;padding:8px 10px}.wm-stat span,.wm-next>span{opacity:.7;font-size:11px;display:block}.wm-stat strong{color:var(--wm-ink);overflow-wrap:anywhere;font-size:clamp(16px,5vw,20px);line-height:1.2;display:block}.wm-next__row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.wm-chip{border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex;box-shadow:inset 0 -2px #0000001f}.wm-chip--small{opacity:.85;width:26px;height:26px;font-size:13px}.wm-hint{text-align:center;color:#1f3d2abf;flex:none;margin:0;padding:0 4px;font-size:12px;line-height:1.4}.wm-stage-wrap{flex:auto;place-items:center;width:100%;min-width:0;min-height:0;display:grid;overflow:visible}.wm-stage{touch-action:none;background:#f3e7d3;border-radius:12px;flex:none;width:0;max-width:100%;height:0;max-height:100%;overflow:hidden;box-shadow:0 12px 28px #28462829}.wm-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.wm-play__actions{flex:none;justify-content:center;gap:8px;width:100%;padding-bottom:2px;display:flex}.wm-result{z-index:40;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch;background:#14281973;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.wm-result__card{width:min(100%,360px);color:var(--wm-ink);text-align:center;background:#fffaf3;border-radius:16px;padding:22px 18px;box-shadow:0 20px 50px #00000040}.wm-result__card h2{color:var(--wm-ink);margin:0 0 8px;font-size:1.4rem}.wm-result__card p{color:#1f3d2ae0;margin:0 0 8px;line-height:1.45}.wm-result__score{font-size:1.1rem;font-weight:700}.wm-result__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.wm-modal-backdrop{z-index:50;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch;background:#14281980;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.wm-modal{-webkit-overflow-scrolling:touch;width:min(100%,480px);max-height:min(88dvh,88svh,720px);color:var(--wm-ink);background:#fffaf3;border-radius:16px;padding:20px 18px;overflow:auto;box-shadow:0 20px 50px #00000047}.wm-modal h2{color:var(--wm-ink);margin:0 0 14px;font-size:1.25rem}.wm-rules{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wm-rules li{text-align:left;grid-template-columns:auto 1fr;gap:10px;display:grid}.wm-rules li>span{color:var(--wm-accent);font-size:13px;font-weight:800}.wm-rules strong{color:var(--wm-ink);margin-bottom:4px;display:block}.wm-rules p{color:#1f3d2ae6;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.wm-rules-note{color:#1f3d2ab3;overflow-wrap:anywhere;margin:14px 0;font-size:12px;line-height:1.45}.wm-chain{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:14px;font-size:20px;display:flex}@media (max-width:520px){.wm-btn__full{display:none}.wm-btn__short{display:inline}.wm-hud{grid-template-columns:1fr 1fr}.wm-next{grid-column:1/-1}.wm-topbar{gap:6px}}@media (max-height:720px){.wm-hint{display:none}.wm-topbar{margin-bottom:4px}.wm-play{gap:6px}.wm-stat,.wm-next{padding:6px 8px}.wm-stat strong{font-size:16px}}@media (orientation:landscape) and (max-height:560px){.wm-app.is-play{padding:max(4px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(6px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px))}.wm-hint,.wm-brand small{display:none}.wm-topbar{flex-wrap:nowrap;gap:6px;max-width:none;margin-bottom:4px}.wm-topbar__end{flex-wrap:nowrap}.wm-btn{min-height:36px;padding:6px 10px;font-size:12px}.wm-play{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(72px,120px) minmax(0,1fr) auto;justify-content:stretch;align-items:stretch;gap:6px;max-width:none;height:100%;min-height:0;display:grid;overflow:hidden}.wm-hud{-webkit-overflow-scrolling:touch;grid-template-columns:1fr;align-content:start;align-self:stretch;gap:4px;width:auto;max-width:none;overflow:auto}.wm-next{grid-column:auto}.wm-stage-wrap{align-self:stretch;width:auto;min-width:0;max-width:none;height:100%;min-height:0;overflow:visible}.wm-play__actions{flex-direction:column;align-self:center;width:auto;padding-bottom:0}}@media (orientation:landscape) and (max-height:380px){.wm-topbar{margin-bottom:2px}.wm-brand strong{font-size:13px}.wm-stat,.wm-next{padding:4px 6px}.wm-stat strong{font-size:14px}.wm-chip{width:28px;height:28px;font-size:14px}.wm-chip--small{display:none}.wm-play{grid-template-columns:minmax(64px,100px) minmax(0,1fr) auto;gap:4px}}
