.squishy-game{--squishy-ink:#573e4a;--squishy-pink:#f7dce7;--squishy-pink-dark:#e8b7cc;--squishy-cream:#fffaf5;width:100%;max-width:1120px;color:var(--squishy-ink);margin:0 auto;padding:48px 24px 36px}.squishy-game,.squishy-game *{box-sizing:border-box}.squishy-game__intro{text-align:center;max-width:690px;margin:0 auto 30px}.squishy-game__eyebrow{color:#b16c91;letter-spacing:.19em;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-block}.squishy-game__intro h1{color:var(--squishy-ink);letter-spacing:-.055em;margin:0;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.05}.squishy-game__intro p{color:#866d7a;max-width:490px;margin:15px auto 0;font-size:16px;line-height:1.7}.squishy-game__toy{background:var(--squishy-cream);border:1px solid #f0dce5;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #693f5517,0 4px 12px #693f550a}.squishy-game__topbar{background:#ffffffb3;border-bottom:1px solid #f1e3e9;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:15px 22px;display:flex}.squishy-game__status{color:#937b88;letter-spacing:.13em;align-items:center;gap:9px;font-size:10px;font-weight:800;display:inline-flex}.squishy-game__status-dot{background:#b8cba2;border-radius:50%;flex:0 0 8px;width:8px;height:8px;transition:background .18s,box-shadow .18s;box-shadow:0 0 0 4px #b8cba22b}.squishy-game__status-dot.is-active{background:#e889b1;box-shadow:0 0 0 5px #e889b12e}.squishy-game__actions{align-items:center;gap:8px;display:flex}.squishy-game__icon-button{color:#785b6b;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #f0dce5;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.squishy-game__icon-button:hover{background:#fff6fa;border-color:#e3b5ca;transform:translateY(-1px)}.squishy-game__icon-button:focus-visible,.squishy-game__choice:focus-visible{outline-offset:3px;outline:3px solid #ca8eac}.squishy-game__icon-button:first-letter{font-size:17px}.squishy-game__playfield{background:radial-gradient(at 50% 40%,#fff7fb 0%,#fffaf5 62%,#fcf0f5 100%);position:relative;overflow:hidden}.squishy-game__canvas{touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;touch-action:none;width:100%;height:clamp(360px,54vw,550px);display:block}.squishy-game__hint{pointer-events:none;color:#a18494;text-align:center;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:15px;left:16px;right:16px}.squishy-game__hint-icon{color:#d38baa;font-size:16px}.squishy-game__picker{background:#fff;border-top:1px solid #f1e3e9;padding:22px 24px 26px}.squishy-game__picker-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.squishy-game__picker-heading>span:first-child{color:#997b8b;letter-spacing:.15em;font-size:10px;font-weight:800}.squishy-game__picker-subtitle{color:#b09aa6;font-size:12px}.squishy-game__choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.squishy-game__choice{min-width:0;color:var(--squishy-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:17px;flex-direction:column;align-items:center;gap:10px;padding:12px 6px 10px;transition:background .18s,border-color .18s,transform .18s;display:flex}.squishy-game__choice:hover{background:#fff8fb;transform:translateY(-3px)}.squishy-game__choice.is-selected{background:#fff5f9;border-color:#e8bed1;box-shadow:0 4px 14px #ba75961a}.squishy-game__swatch{border:1px solid var(--swatch-dark);background:radial-gradient(ellipse at 32% 22%,#fffffff2,transparent 28%),linear-gradient(145deg,var(--swatch-light),var(--swatch)58%,var(--swatch-dark));border-radius:48% 48% 43% 43%/54% 54% 43% 43%;flex:none;width:66px;height:57px;transition:transform .18s;display:block;position:relative;box-shadow:inset 0 -4px #5b353a0f,0 4px #6b405314}.squishy-game__choice:hover .squishy-game__swatch{transform:rotate(-5deg)scale(1.06)}.squishy-game__choice.is-selected .squishy-game__swatch{animation:.36s ease-out squishy-choice-pop}.squishy-game__swatch:before{border-top:2px solid var(--swatch-dark);content:"";border-radius:50%;width:24px;height:13px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.squishy-game__swatch-face{justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.squishy-game__swatch-face>span{background:#573e4a;border-radius:50%;width:4px;height:5px}.squishy-game__swatch-face>i{border-bottom:1.5px solid #573e4a;border-radius:0 0 50% 50%;width:7px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.squishy-game__choice-name{color:#806777;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:11px;font-weight:700;line-height:1.4}.squishy-game__choice.is-selected .squishy-game__choice-name{color:#ad6488}.squishy-game__footer-note{color:#a68d9b;text-align:center;margin:22px 0 0;font-size:12px}.squishy-game__footer-note span{color:#d58bab}@keyframes squishy-choice-pop{0%{transform:scale(.86)}55%{transform:scale(1.12,.9)}to{transform:scale(1)}}@media (max-width:600px){.squishy-game{padding:30px 12px 26px}.squishy-game__intro{margin-bottom:23px;padding:0 8px}.squishy-game__intro h1{font-size:clamp(34px,10vw,48px)}.squishy-game__intro p{max-width:340px;font-size:14px}.squishy-game__toy{border-radius:21px}.squishy-game__topbar{min-height:58px;padding:11px 12px}.squishy-game__status{letter-spacing:.07em;gap:7px;font-size:9px}.squishy-game__actions{gap:5px}.squishy-game__icon-button{gap:5px;min-height:33px;padding:6px 9px;font-size:11px}.squishy-game__canvas{height:420px}.squishy-game__picker{padding:18px 10px 20px}.squishy-game__picker-heading{flex-direction:column;align-items:center;gap:5px;margin-bottom:15px}.squishy-game__choices{gap:4px}.squishy-game__choice{border-radius:12px;gap:8px;padding:10px 2px 8px}.squishy-game__swatch{width:clamp(43px,12vw,57px);height:clamp(39px,10.5vw,50px)}.squishy-game__swatch:before{width:18px;height:10px;top:4px}.squishy-game__swatch-face{gap:11px;top:20px}.squishy-game__swatch-face>span{width:3px;height:4px}.squishy-game__swatch-face>i{width:6px;top:6px}.squishy-game__choice-name{font-size:9px}.squishy-game__hint{font-size:11px;bottom:13px}}@media (prefers-reduced-motion:reduce){.squishy-game__choice,.squishy-game__swatch,.squishy-game__icon-button{transition:none}.squishy-game__choice.is-selected .squishy-game__swatch{animation:none}}.squishy-game__mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;margin:0 auto;padding:20px 24px;display:grid}.squishy-game__mode-button{min-width:0;color:var(--squishy-ink);text-align:left;font:inherit;cursor:pointer;background:#fff;border:2px solid #f0dce5;border-radius:18px;align-items:center;gap:12px;padding:15px 16px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:0 3px #693f550a}.squishy-game__mode-button:hover{background:#fff8fb;border-color:#e5b4ca;transform:translateY(-2px)}.squishy-game__mode-button.is-active{background:linear-gradient(135deg,#fff0f6,#fff9fc);border-color:#d77fa5;box-shadow:0 0 0 3px #d77fa521,0 5px 14px #ba75961a}.squishy-game__mode-icon{background:#fff7fa;border:1px solid #f0dce5;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;transition:background .18s,transform .18s;display:flex}.squishy-game__mode-button.is-active .squishy-game__mode-icon{background:#f9dce8;border-color:#e8b7cc;transform:scale(1.05)}.squishy-game__mode-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.squishy-game__mode-copy strong{color:#785568;font-size:13px;font-weight:800;line-height:1.3}.squishy-game__mode-button.is-active .squishy-game__mode-copy strong{color:#a84f7b}.squishy-game__mode-copy small{color:#a18494;font-size:11px;line-height:1.5}.squishy-game__mode-button.is-active:after{color:#fff;content:"✓";background:#d77fa5;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:12px;font-weight:800;display:flex;position:absolute;top:9px;right:10px}.squishy-game__mode-button:focus-visible{outline-offset:3px;outline:3px solid #ca8eac}@media (max-width:600px){.squishy-game__mode-picker{gap:8px;padding:14px 10px}.squishy-game__mode-button{border-radius:15px;flex-direction:column;align-items:flex-start;gap:9px;padding:12px 10px}.squishy-game__mode-icon{border-radius:12px;flex-basis:38px;width:38px;height:38px;font-size:21px}.squishy-game__mode-copy strong{font-size:12px}.squishy-game__mode-copy small{font-size:10px}.squishy-game__mode-button.is-active:after{width:17px;height:17px;font-size:10px;top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.squishy-game__mode-button,.squishy-game__mode-icon{transition:none}}.squishy-game__mode-button.is-selected{background:linear-gradient(135deg,#fff0f6,#fff9fc);border-color:#d77fa5;box-shadow:0 0 0 3px #d77fa521,0 5px 14px #ba75961a}.squishy-game__mode-button.is-selected .squishy-game__mode-icon{background:#f9dce8;border-color:#e8b7cc;transform:scale(1.05)}.squishy-game__mode-button.is-selected .squishy-game__mode-copy strong{color:#a84f7b}.squishy-game__mode-button.is-selected:after{color:#fff;content:"✓";background:#d77fa5;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:12px;font-weight:800;display:flex;position:absolute;top:9px;right:10px}@media (max-width:600px){.squishy-game__mode-button.is-selected:after{width:17px;height:17px;font-size:10px;top:8px;right:8px}}