.soi-page{padding-top:8px;padding-bottom:24px}.soi{color:#1f3a2f;flex-direction:column;align-items:stretch;gap:18px;max-width:760px;margin:0 auto;font-family:inherit;display:flex}.soi-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.soi-round{cursor:pointer;color:#1f3a2f;background:#fff;border:3px solid #dbe8df;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:1.7rem;text-decoration:none;display:grid}.soi-title{text-align:center;flex:1;font-size:1.4rem;font-weight:900}.soi-dots{flex:1;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.soi-dots li{background:#e3ebe6;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #dbe8df}.soi-dots li.is-done{background:#f2c94c}.soi-dots li.is-now{background:#2f9e6b}.soi-ask{text-align:center;justify-content:center;align-items:center;gap:12px;margin:0;font-size:1.6rem;font-weight:900;display:flex}.soi-ear{cursor:pointer;background:#fff3cf;border:none;border-radius:50%;flex:none;width:64px;height:64px;font-size:1.9rem}.soi-picture{background:#fff;border:4px dashed #dbe8df;border-radius:32px;align-self:center;place-items:center;width:150px;height:150px;font-size:6rem;line-height:1;display:grid}.soi-picture span{opacity:0;transition:opacity .35s,transform .35s;transform:scale(.4)}.soi-picture.is-shown{border-style:solid;border-color:#f2c94c}.soi-picture.is-shown span{opacity:1;transform:scale(1)}.soi-picture.is-empty{display:none}.soi-tiles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.soi-tile{color:#1f3a2f;cursor:pointer;background:#fff;border:4px solid #cfe3d6;border-radius:24px;min-width:88px;height:112px;padding:0 14px;font:900 4rem/1 Andika,Comic Sans MS,Segoe UI,system-ui,sans-serif;transition:transform .12s,background .12s,box-shadow .12s;box-shadow:0 6px #cfe3d6}.soi-tile.is-split{border-color:#f2a7c3;box-shadow:0 6px #f2a7c3}.soi-tile.is-silent{color:#b0356a;opacity:.75}.soi-tile.is-tapped{border-color:#2f9e6b}.soi-tile.is-lit{background:#fff3cf;border-color:#f2c94c;transform:translateY(-8px)scale(1.06);box-shadow:0 6px #e0a800}.soi-tiles.is-whole .soi-tile{background:#e8f7ee;border-color:#2f9e6b;box-shadow:0 6px #1f7a50}.soi-tiles.is-meet .soi-tile{min-width:120px;height:140px;font-size:5rem}.soi-actions,.soi-go-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.soi-big{color:#1f3a2f;cursor:pointer;background:#fff;border:4px solid #dbe8df;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:150px;min-height:110px;padding:10px 22px;font-family:inherit;text-decoration:none;display:flex;box-shadow:0 6px #dbe8df}.soi-big span{font-size:2.8rem;line-height:1}.soi-big small{font-size:1.05rem;font-weight:800}.soi-big.is-go{color:#fff;background:#2f9e6b;border-color:#2f9e6b;min-width:220px;box-shadow:0 6px #1f7a50}.soi-big.is-next{color:#fff;background:#e85b8a;border-color:#e85b8a;box-shadow:0 6px #b0356a}.soi-big[disabled]{opacity:.45;cursor:default}.soi-big:active,.soi-tile:active,.soi-choice:active{box-shadow:none;transform:translateY(4px)}.soi-big:focus-visible,.soi-tile:focus-visible,.soi-choice:focus-visible,.soi-round:focus-visible,.soi-ear:focus-visible{outline-offset:4px;outline:5px solid #2467c5}.soi-choices{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.soi-choice{cursor:pointer;color:#1f3a2f;background:#fff;border:4px solid #dbe8df;border-radius:26px;min-height:130px;font-family:inherit;font-size:4.2rem;line-height:1;box-shadow:0 6px #dbe8df}.soi-choices.is-letters .soi-choice{font:900 4rem/1 Andika,Comic Sans MS,Segoe UI,system-ui,sans-serif}.soi-choice.is-say{flex-direction:column;justify-content:center;align-items:center;font-size:3rem;display:flex}.soi-choice.is-say small{font-size:1.3rem;font-weight:900}.soi-choice.is-picked{background:#eaf2ff;border-color:#2467c5}.soi-choice.is-right{background:#e8f7ee;border-color:#2f9e6b}.soi-choice.is-wrong{background:#fff1ea;border-color:#e8a07a}.soi-feedback{text-align:center;min-height:2.4rem;margin:0;font-size:1.7rem;font-weight:900}.soi-done{text-align:center}.soi-stars{letter-spacing:.1em;font-size:3.6rem}.soi-cheer{text-align:center;color:#7a5b00;margin:0;font-size:1.6rem;font-weight:900}.soi-stones{grid-template-columns:repeat(4,1fr);gap:14px 10px;margin:0;padding:0;list-style:none;display:grid}.soi-stone:nth-child(8n+5),.soi-stone:nth-child(8n+6),.soi-stone:nth-child(8n+7),.soi-stone:nth-child(8n+8){direction:rtl}.soi-stone button{cursor:pointer;color:#1f3a2f;direction:ltr;background:#f7faf8;border:4px solid #dbe8df;border-radius:50% 50% 44% 44%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:96px;font-family:inherit;display:flex}.soi-stone b{font:900 1.35rem/1.1 Andika,Comic Sans MS,Segoe UI,system-ui,sans-serif}.soi-stone span{font-size:1.2rem}.soi-stone.is-done button{background:#fff7d6;border-color:#f2c94c}.soi-stone.is-now button{background:#e8f7ee;border-color:#2f9e6b;animation:1.6s ease-in-out infinite soi-glow;box-shadow:0 0 0 6px #2f9e6b33}.soi-stone.is-locked button{opacity:.45;cursor:default}@keyframes soi-glow{50%{box-shadow:0 0 0 12px #2f9e6b22}}@media (prefers-reduced-motion:reduce){.soi-stone.is-now button{animation:none}.soi-tile,.soi-picture span{transition:none}}@media (width<=480px){.soi{gap:14px}.soi-tile{min-width:72px;height:96px;padding:0 10px;font-size:3.3rem}.soi-tiles.is-meet .soi-tile{min-width:100px;height:120px;font-size:4.2rem}.soi-big{min-width:120px;min-height:96px}.soi-big.is-go{min-width:180px}.soi-choice{min-height:104px;font-size:3.4rem}.soi-ask{font-size:1.35rem}.soi-stones{grid-template-columns:repeat(3,1fr)}.soi-stone:nth-child(n){direction:ltr}.soi-stone:nth-child(6n+4),.soi-stone:nth-child(6n+5),.soi-stone:nth-child(6n+6){direction:rtl}}.soi-mini{background:#f7faf8;border:2px solid #dbe8df;border-radius:24px;flex-direction:column;gap:14px;margin:12px 0;padding:16px;display:flex}.soi-mini__ask{align-items:center;gap:12px;margin:0;font-size:1.3rem;font-weight:900;display:flex}.soi-mini .soi-big{min-width:120px;min-height:90px}.soi-mini.is-letters-hidden .soi-tile{color:#0000;position:relative}.soi-mini.is-letters-hidden .soi-tile:after{content:"●";color:#9ab7a7;place-items:center;font-size:2.2rem;display:grid;position:absolute;inset:0}.soi-counters{font-size:.95rem}.soi-counters summary{cursor:pointer;color:#52625b;align-items:center;min-height:44px;display:flex}.soi-mini .soi-tile{color:#1f3a2f;background:#fff;border:4px solid #cfe3d6;padding:0 12px;box-shadow:0 6px #cfe3d6}.soi-mini .soi-tile.is-lit{color:#1f3a2f;background:#fff3cf;border-color:#f2c94c;box-shadow:0 6px #e0a800}.soi-mini .soi-tiles.is-whole .soi-tile{background:#e8f7ee;border-color:#2f9e6b}.soi-mini .soi-big{color:#1f3a2f;background:#fff;border:4px solid #dbe8df;box-shadow:0 6px #dbe8df}.soi-mini .soi-big.is-go{color:#fff;background:#2f9e6b;border-color:#2f9e6b;box-shadow:0 6px #1f7a50}.soi-mini .soi-ear{color:#1f3a2f;background:#fff3cf;border:none}