.smile-game{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:30px;border-radius:28px;background:#fff;color:#14214a;border:1px solid #e1e8fa;box-shadow:0 25px 90px #14214a30;overscroll-behavior:contain;animation:smile-dialog-in .3s ease both}.smile-game::backdrop{background:#14214a66;backdrop-filter:blur(8px)}.smile-game .modal-close{position:absolute;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;background:#f1f4fb;color:#243865;border:0;border-radius:50%;cursor:pointer}.smile-game .modal-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.smile-game .eyebrow{font-size:9px;margin:8px 48px 16px 0;color:#355bc8}.smile-game h2{font-size:32px;line-height:1.12;letter-spacing:-.045em;margin:0 0 10px}.game-intro{font-size:13px;line-height:1.6;margin:0 0 15px;color:#5b6582}.game-stage{position:relative;aspect-ratio:3/2;width:100%;border-radius:20px;background:radial-gradient(ellipse,#fff3f5,#f9e5ec);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;overflow:hidden;direction:ltr}.game-smile{display:block;width:100%;height:100%;pointer-events:none}.game-stain{opacity:1;transition:opacity .2s ease}.clean .game-stain{opacity:0}.game-brush{position:absolute;width:36px;height:36px;background:#376ef0;border:5px solid #dbe8ff;border-radius:50%;box-shadow:0 0 20px #5287ff80;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff}.game-brush svg{width:20px;height:20px}.game-token-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0}.game-token-list span{font-size:10px;background:#f2f4fb;border:1px solid #e0e6f3;color:#526081;padding:6px 9px;border-radius:99px;transition:color .2s,background .2s}.game-token-list .cleared{text-decoration:line-through;background:#e9f4ff;color:#315ed0}.game-progress-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:14px 0 8px;gap:10px}.game-progress-row strong{font-variant-numeric:tabular-nums;color:#204dc5}.smile-game progress{appearance:none;width:100%;height:8px;border:0;display:block;border-radius:99px;background:#eaf0fb;overflow:hidden}.smile-game progress::-webkit-progress-bar{background:#eaf0fb;border-radius:99px}.smile-game progress::-webkit-progress-value{background:#3669ec;border-radius:99px;transition:width .15s}.smile-game progress::-moz-progress-bar{background:#3669ec;border-radius:99px}.game-status{font-size:11px;color:#355bb5;min-height:18px;margin:8px 0 0;text-align:center}.game-tap,.game-skip{display:block;min-height:44px;border:0;background:transparent;color:#4d5d82;text-decoration:underline;text-underline-offset:4px;margin:0 auto;padding:10px;font-size:12px;cursor:pointer}.game-terms{font-size:11px;line-height:1.6;margin:12px 0 4px;text-align:center;color:#526080}.game-note{font-size:10px;line-height:1.6;text-align:center;color:#6b7590;margin:4px 0}.game-skip{margin-top:4px}.game-reward{text-align:center;animation:smile-dialog-in .25s ease both}.game-reward>.game-stage{max-width:190px;margin:0 auto 12px;aspect-ratio:3/2;background:transparent}.game-reward-icon{width:44px;height:44px;display:grid;place-items:center;background:#eaf0ff;color:#305ad3;border-radius:50%;margin:8px auto}.game-reward-icon svg{width:26px;height:26px}.game-reward>p{font-size:14px;line-height:1.7}.game-code{display:flex;align-items:center;justify-content:space-between;background:#edf3ff;color:#1d43b1;border:1px dashed #7e9be6;border-radius:16px;padding:16px;margin:18px 0;direction:ltr}.game-code strong{font-size:24px;letter-spacing:.1em}.game-code span{font-size:12px}.game-reward>.btn{width:100%;min-height:48px}.smile-game button:focus-visible{outline:3px solid #729dff;outline-offset:3px}.smile-game[dir=rtl] h2{letter-spacing:0;line-height:1.3}.smile-game[dir=rtl] .eyebrow{margin-inline:0 48px;letter-spacing:0}@keyframes smile-dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-height:700px){.smile-game{padding:20px}.smile-game h2{font-size:27px}.game-stage{max-width:270px;margin:auto}.smile-game .eyebrow{margin-bottom:12px}.game-token-list{margin:8px 0}.game-terms{margin-top:6px}}@media(max-width:350px){.smile-game{padding:20px}.smile-game h2{font-size:28px}.game-code{padding:12px}}@media(prefers-reduced-motion:reduce){.smile-game,.game-reward{animation:none}.game-stain,.game-token-list span{transition:none}}
.smile-game[dir=rtl] .eyebrow{margin-inline:48px 0}
.smile-game{width:min(380px,calc(100% - 32px));padding:24px;max-height:calc(100dvh - 32px);border-radius:24px}.smile-game h2{font-size:28px;line-height:1.12;margin-bottom:8px}.smile-game .eyebrow{margin-top:4px;margin-bottom:14px}.game-intro{font-size:12px;line-height:1.5;margin-bottom:10px}.game-stage{width:100%;max-width:270px;margin-inline:auto;border-radius:18px}.game-token-list{margin:8px 0;gap:5px}.game-token-list span{font-size:9px;padding:5px 8px}.game-progress-row{margin-top:10px;font-size:11px}.game-tap{font-size:11px;min-height:42px}.game-note{font-size:9px;margin-top:8px}.game-reward>.game-stage{max-width:150px;margin-bottom:4px}.game-reward-icon{width:36px;height:36px;margin:4px auto}.game-reward>p{font-size:13px;margin:8px 0}.game-code{margin:12px 0;padding:12px}.game-code strong{font-size:22px}@media(max-width:350px){.smile-game{padding:20px}.smile-game h2{font-size:26px}.game-stage{max-width:240px}.game-token-list span{font-size:9px;padding:5px 7px}}