[data-shape-snap]{--ss-accent:#00a991;--ss-deep:#064e46;--ss-card:#fff8ed;--ss-grid-surface:#edeef0;--ss-grid-line:#2d37481f;--ss-hit-ring:#00bfa5ad;--ss-hit-fill:#00bfa524}.ss-shell{--game-shell-max-width:min(480px, 92vw);--game-shell-gap:clamp(8px, 1.3vh, 13px)}.ss-title{color:var(--ss-deep);letter-spacing:0}.ss-subhead{color:#4c3a2bb8;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.72rem,1.25vw,.84rem);font-weight:800}.ss-frame{grid-template-rows:8px auto minmax(0,1fr) auto;gap:clamp(8px,1.3vh,12px);width:100%;min-height:clamp(380px,62vh,560px);display:grid;position:relative}.ss-timer{grid-row:1;min-height:8px}.ss-feedback{z-index:4;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.ss-question{color:#3f3028;text-align:center;background:linear-gradient(145deg,#fff8edfa,#fffbf5f5);border:2px solid #00bfa538;border-radius:20px;grid-row:2;justify-content:center;align-items:center;gap:10px;min-height:clamp(58px,9vh,84px);padding:clamp(12px,2vw,18px);display:flex;box-shadow:0 10px 22px #4033271c}.ss-question span{color:var(--ss-accent);font-size:1.35rem;font-weight:900}.ss-question strong{font-size:clamp(1.08rem,2.45vw,1.34rem);line-height:1.12}.ss-question .ss-question-color{color:var(--ss-question-color)}.ss-grid{--ss-gap:clamp(7px, 1vw, 9px);--ss-cell-size:clamp(28px, 13vh, 90px);grid-row:3;grid-template-columns:repeat(var(--ss-cols), var(--ss-cell-size));grid-auto-rows:var(--ss-cell-size);gap:var(--ss-gap);box-sizing:border-box;border:1px solid var(--ss-grid-line);background:var(--ss-grid-surface);touch-action:none;border-radius:20px;place-content:center;width:100%;min-width:0;min-height:0;padding:clamp(10px,1.6vw,14px);display:grid;box-shadow:inset 0 1px #ffffffb3}.ss-cell{aspect-ratio:1;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:10px;place-items:center;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:hidden}.ss-cell:not(:disabled):hover{background:#ffffff2e;transform:translateY(-1px)}.ss-cell.is-selected{background:var(--ss-hit-fill);box-shadow:inset 0 0 0 3px #ffffffeb, inset 0 0 0 5px var(--ss-hit-ring)}.ss-cell.is-target{background:#dff6e08c;box-shadow:inset 0 0 0 3px #16a34ae6,0 0 0 3px #16a34a24}.ss-cell.is-wrong{background:#ffe5e194;box-shadow:inset 0 0 0 3px #ef4444db,0 0 0 3px #ef44441f}.ss-cell.is-dimmed .ss-shape{opacity:.42}.ss-cell:disabled{cursor:default}.ss-reveal{color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:1rem;font-weight:900;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 5px 12px #1c18142e}.ss-reveal--target{background:#22c55e}.ss-reveal--wrong{background:#ef4444}.ss-shape{--ss-size:65%;width:var(--ss-size);height:var(--ss-size);filter:drop-shadow(0 4px 4px #181e2a2e);display:block;position:relative;overflow:visible}.ss-shape--small{--ss-size:38%}.ss-shape--medium{--ss-size:65%}.ss-shape--large{--ss-size:95%}.ss-shape--outline{filter:drop-shadow(0 3px 3px color-mix(in srgb, var(--ss-color) 30%, transparent))}.ss-order{z-index:2;background:var(--ss-accent);color:#fff;border-radius:999px;place-items:center;width:21px;height:21px;font-size:.78rem;font-weight:900;display:grid;position:absolute;top:5px;right:5px}.ss-answer{grid-row:4;align-items:center;min-height:clamp(70px,12vh,122px);display:grid}.ss-answer--tapOnShape{min-height:clamp(24px,4vh,44px)}.ss-answer--labelPick{min-height:clamp(82px,13vh,116px)}.ss-answer--numberPick{min-height:clamp(118px,16vh,142px)}.ss-answer--multiTap{min-height:clamp(78px,10vh,108px)}.ss-number-display{color:#3f3028;text-align:center;background:#f8f8fa;border:1.5px dashed #585b6457;border-radius:12px;place-items:center;min-width:0;min-height:40px;font-size:clamp(1.2rem,2.8vw,1.55rem);font-weight:900;display:grid;box-shadow:0 4px 9px #31261b14}.ss-count-pad{gap:5px;display:grid}.ss-count-controls,.ss-digit-row{gap:6px;display:grid}.ss-count-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-digit-row{grid-template-columns:repeat(5,minmax(0,1fr))}.ss-count-pad button,.ss-label-picks,.ss-multi-bar{justify-content:center;align-items:center}.ss-label-picks,.ss-multi-bar{flex-wrap:wrap;gap:8px;display:flex}.ss-count-pad button,.ss-label-picks button,.ss-multi-bar button{color:#3f3028;background:#ffffffe6;border:1px solid #59472d1f;border-radius:12px;min-height:38px;font-weight:900;box-shadow:0 4px 9px #2c221717}.ss-count-pad button{width:100%;font-size:clamp(1rem,2vw,1.22rem)}.ss-count-submit{font-size:1.2rem}.ss-label-picks button,.ss-multi-bar button{padding:0 14px}.ss-label-picks{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));display:grid}.ss-label-picks button{text-transform:capitalize;justify-items:center;gap:4px;min-height:72px;padding:8px 10px;display:grid}.ss-label-picks span{border-radius:999px;width:34px;height:34px;margin:0;display:block;box-shadow:inset 0 1px #ffffff47,0 3px 5px #1e19141f}.ss-label-picks .is-selected{background:#d2f6eceb;border-color:#00bfa599}.ss-submit{color:#8a3a14;background:#fff2c7;border-color:#ffab006b}.ss-count-controls button:disabled{opacity:1;color:#3f30286b;cursor:not-allowed;background:#ffffff8c;box-shadow:0 2px 5px #2c22170f}.ss-submit:disabled,.ss-count-pad .ss-submit:disabled{opacity:1;color:#8a3a1473;cursor:not-allowed;background:#fff2c79e;border-color:#ffab004d}.ss-multi-bar strong{color:#4b5f7f;min-width:92px;font-size:.92rem}@media (height<=760px){.ss-frame{min-height:clamp(330px,58vh,470px)}.ss-question{min-height:52px;padding:10px 12px}.ss-answer{min-height:60px}}