:root{--sky-top:#95d2f5;--sky-mid:#5fb6ed;--sky-bot:#4ba6dd;--grass-green:#7fc24a;--leaf-green:#5ba32f;--deep-green:#3a7d29;--wood-light:#b97947;--wood-mid:#8c5a30;--wood-dark:#5a3a1c;--cream:#fff5dc;--cream-soft:#fef0c4;--cream-deeper:#f4e3b3;--golden:#f5c536;--golden-deep:#db9c1a;--orange:#f08a2e;--ink:#4a2e15;--ink-soft:#7a563b;--shadow:#4a2e152e;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Mitr,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 60%, var(--sky-bot) 100%);width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{position:relative}@media (orientation:landscape) and (height<=500px){#root:before{content:"กรุณาหมุนหน้าจอ 🔄";z-index:9999;background:var(--ink);color:#fff;text-align:center;justify-content:center;align-items:center;font-family:Mitr,sans-serif;font-size:22px;display:flex;position:fixed;inset:0}}.stp-panel{background:var(--cream);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;font-family:Mitr,sans-serif;animation:.28s cubic-bezier(.34,1.56,.64,1) both stp-panel-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes stp-panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stp-banner{background:linear-gradient(180deg, var(--golden) 0%, var(--golden-deep) 100%);border-bottom:4px solid var(--ink);text-align:center;flex-shrink:0;width:100%;padding:18px 20px 16px}.stp-banner-text{color:var(--ink);text-shadow:0 2px #fff6;font-size:clamp(22px,6vw,30px);font-weight:700}.stp-canvas-wrap{cursor:pointer;flex:1;width:100%;min-height:0;display:block;position:relative}.stp-timer-wrap{border-bottom:3px solid var(--ink);background:#4a2e151f;flex-shrink:0;width:100%;height:16px;position:relative;overflow:hidden}.stp-timer-fill{border-radius:0;height:100%;transition:width 50ms linear,background .3s;position:absolute;top:0;left:0}.stp-result-card{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;padding:40px 24px;animation:.42s cubic-bezier(.34,1.56,.64,1) both stp-card-pop;display:flex}@keyframes stp-card-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.stp-result-hearts{gap:10px;font-size:52px;line-height:1;animation:.55s cubic-bezier(.34,1.56,.64,1) .1s both stp-hearts-sparkle;display:flex}@keyframes stp-hearts-sparkle{0%{opacity:0;transform:scale(0)rotate(-12deg)}60%{opacity:1;transform:scale(1.3)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.stp-heart{filter:drop-shadow(0 3px 4px #0000002e);display:inline-block}.stp-result-label{color:var(--ink);text-align:center;font-size:clamp(26px,7vw,34px);font-weight:700}.stp-hearts-count{color:var(--ink);opacity:.7;font-size:22px;font-weight:700}.stp-continue-btn{box-shadow:none;min-width:200px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-wide-sq-yellow.svg) 50%/100% 100% no-repeat;border:none;border-radius:0;margin-top:8px;padding:12px 32px 18px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700}.stp-continue-btn:active{background-image:url(/assets/ui/btn-wide-sq-yellow-pressed.svg);padding-top:18px;padding-bottom:12px}.fs-root{color:#2d1a0e;background:#fdf3e3;flex-direction:column;align-items:stretch;font-family:Mitr,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.fs-top-bar{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.fs-round-dots{align-items:center;gap:10px;display:flex}.fs-round-dot{background:#2d1a0e2e;border:2.5px solid #2d1a0e47;border-radius:50%;width:14px;height:14px;transition:background .25s,transform .25s}.fs-round-dot.done{background:#3d7a4a;border-color:#3d7a4a}.fs-round-dot.current{background:#f5c536;border-color:#d4a20f;transform:scale(1.25)}.fs-round-label{color:#2d1a0e;opacity:.6;letter-spacing:.04em;font-size:15px;font-weight:600}.fs-timer-track{background:#2d1a0e1a;border:2px solid #2d1a0e38;border-radius:6px;width:100%;height:12px;overflow:hidden}.fs-timer-track--top{border:none;border-bottom:3px solid #2d1a0e40;border-radius:0;flex-shrink:0;height:14px}.fs-timer-fill{transform-origin:0;will-change:width;background:#3d7a4a;border-radius:4px;height:100%}.fs-canvas-wrap{opacity:1;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;transition:opacity .3s;display:flex}.fs-canvas-wrap.fs-fade-out{opacity:0;transition:opacity .28s}.fs-canvas-wrap.fs-fade-in{opacity:0;animation:.3s forwards fs-fade-in}@keyframes fs-fade-in{to{opacity:1}}.fs-food-jumper{transform-origin:bottom;will-change:transform, opacity;flex-direction:column;align-items:center;gap:8px;display:flex}.fs-food-canvas{pointer-events:none;filter:drop-shadow(0 8px 16px #0003);width:240px;height:240px}.fs-food-loading{background:#2d1a0e0f;border-radius:50%;width:240px;height:240px;animation:1s ease-in-out infinite alternate fs-pulse}@keyframes fs-pulse{0%{opacity:.4}to{opacity:.9}}.fs-jump-fruit{animation:.45s cubic-bezier(.4,0,.8,1) forwards fs-jump-to-fruit}.fs-jump-veggie{animation:.45s cubic-bezier(.4,0,.8,1) forwards fs-jump-to-veggie}.fs-jump-other{animation:.45s cubic-bezier(.4,0,.8,1) forwards fs-jump-to-other}@keyframes fs-jump-to-fruit{0%{opacity:1;transform:translate(0)scale(1)}28%{opacity:1;transform:translate(-12%,-14%)scale(.75)}to{opacity:0;transform:translate(-38%,70%)scale(.06)}}@keyframes fs-jump-to-veggie{0%{opacity:1;transform:translate(0)scale(1)}28%{opacity:1;transform:translateY(-16%)scale(.75)}to{opacity:0;transform:translateY(70%)scale(.06)}}@keyframes fs-jump-to-other{0%{opacity:1;transform:translate(0)scale(1)}28%{opacity:1;transform:translate(12%,-14%)scale(.75)}to{opacity:0;transform:translate(38%,70%)scale(.06)}}.fs-food-label{color:#2d1a0e;text-align:center;letter-spacing:.02em;text-shadow:0 1px #fff9;font-size:26px;font-weight:700}.fs-bins{flex-direction:row;flex-shrink:0;align-items:flex-end;gap:10px;padding:6px 14px 24px;display:flex}.fs-bin{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;padding:0;font-family:Mitr,sans-serif;transition:transform .1s;display:flex}.fs-bin:active:not(:disabled){transform:scale(.96)}.fs-bin:disabled{opacity:.5;cursor:default}.fs-bin:disabled.fs-bin-targeted{opacity:1}.fs-bin-rim{z-index:1;border-radius:8px 8px 0 0;flex-shrink:0;width:108%;height:14px;position:relative;top:2px}.fs-bin-body{border-radius:4px 4px 16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:12px 4px 16px;transition:transform .1s,box-shadow .1s;display:flex}.fs-bin-icon{pointer-events:none;font-size:40px;line-height:1}.fs-bin-label{color:#2d1a0e;pointer-events:none;letter-spacing:.02em;font-size:15px;font-weight:700}.fs-bin-fruit .fs-bin-rim{background:#c89b0a}.fs-bin-fruit .fs-bin-body{background:#f7c948;box-shadow:0 5px #c89b0a}.fs-bin-fruit:active:not(:disabled) .fs-bin-body{transform:translateY(3px);box-shadow:0 2px #c89b0a}.fs-bin-veggie .fs-bin-rim{background:#3a8f40}.fs-bin-veggie .fs-bin-body{background:#6dcb72;box-shadow:0 5px #3a8f40}.fs-bin-veggie:active:not(:disabled) .fs-bin-body{transform:translateY(3px);box-shadow:0 2px #3a8f40}.fs-bin-other .fs-bin-rim{background:#b85e1a}.fs-bin-other .fs-bin-body{background:#f09050;box-shadow:0 5px #b85e1a}.fs-bin-other:active:not(:disabled) .fs-bin-body{transform:translateY(3px);box-shadow:0 2px #b85e1a}.fs-bin-targeted .fs-bin-body{animation:.45s ease-in-out fs-bin-receive}@keyframes fs-bin-receive{0%{transform:scaleY(1)scaleX(1)}35%{transform:scaleY(1.1)scaleX(.93)}65%{transform:scaleY(.94)scaleX(1.04)}to{transform:scaleY(1)scaleX(1)}}.fs-flash{z-index:20;pointer-events:none;justify-content:center;align-items:center;animation:.14s ease-out both fs-flash-in;display:flex;position:absolute;inset:0}@keyframes fs-flash-in{0%{opacity:0}to{opacity:1}}.fs-flash-correct{background:#3d7a4a40}.fs-flash-wrong{background:#e04a2f38}.fs-flash-text{color:#2d1a0e;background:#fdf3e3;border:3px solid #2d1a0e2e;border-radius:20px;padding:14px 32px;font-size:36px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) both fs-pop;box-shadow:0 6px #2d1a0e40}@keyframes fs-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.fs-result-card{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;padding:32px 24px 40px;animation:.4s cubic-bezier(.34,1.56,.64,1) both fs-pop;display:flex}.fs-result-emoji{filter:drop-shadow(0 4px #0000001f);font-size:90px;line-height:1}.fs-result-title{color:#2d1a0e;font-size:32px;font-weight:700}.fs-result-hearts{align-items:center;gap:10px;display:flex}.fs-heart{font-size:44px;animation:.5s cubic-bezier(.34,1.56,.64,1) both fs-heart-pop}.fs-heart:nth-child(2){animation-delay:.1s}.fs-heart:nth-child(3){animation-delay:.2s}@keyframes fs-heart-pop{0%{opacity:0;transform:scale(0)rotate(-12deg)}60%{opacity:1;transform:scale(1.3)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.fs-result-score{color:#2d1a0e;opacity:.6;font-size:18px}.fs-continue-btn{color:#fdf3e3;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.03em;background:#3d7a4a;border:none;border-radius:18px;margin-top:4px;padding:16px 48px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #1f4a28}.fs-continue-btn:active{transform:translateY(3px);box-shadow:0 2px #1f4a28}.mm-panel{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#c8f0d8;flex-direction:column;align-items:center;font-family:Mitr,sans-serif;animation:.28s cubic-bezier(.34,1.56,.64,1) both mm-panel-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes mm-panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mm-loading{background:#c8f0d8;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-family:Mitr,sans-serif;display:flex;position:fixed;inset:0}.mm-loading-spinner{border:5px solid #2d1a0e26;border-top-color:#3d7a4a;border-radius:50%;width:48px;height:48px;animation:.7s linear infinite mm-spin}@keyframes mm-spin{to{transform:rotate(360deg)}}.mm-loading-text{color:#2d1a0e;opacity:.7;font-size:20px;font-weight:600}.mm-top-bar{background:linear-gradient(#f5c536 0%,#db9c1a 100%);border-bottom:4px solid #2d1a0e;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 20px 12px;display:flex}.mm-title{color:#2d1a0e;text-shadow:0 2px #fff6;font-size:clamp(20px,5.5vw,26px);font-weight:700;line-height:1}.mm-timer-display{color:#2d1a0e;font-variant-numeric:tabular-nums;text-align:right;min-width:3.5ch;font-size:clamp(22px,6vw,28px);font-weight:700;transition:color .3s}.mm-timer-display.mm-timer-urgent{color:#e02020;animation:.6s ease-in-out infinite alternate mm-timer-pulse}@keyframes mm-timer-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.mm-timer-bar-wrap{background:#2d1a0e1f;border-bottom:3px solid #2d1a0e;flex-shrink:0;width:100%;height:10px;overflow:hidden}.mm-timer-bar-fill{height:100%;transition:width .2s linear,background .4s}.mm-grid{box-sizing:border-box;flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:10px;width:100%;min-height:0;padding:12px 12px 8px;display:grid}.mm-card{perspective:700px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:14px;padding:0;position:relative}.mm-card:disabled{cursor:default}.mm-card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:14px;transition:transform .38s cubic-bezier(.4,0,.2,1);position:relative}.mm-card--flipped .mm-card-inner,.mm-card--matched .mm-card-inner{transform:rotateY(180deg)}.mm-card-back,.mm-card-front{backface-visibility:hidden;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.mm-card-back{background:linear-gradient(145deg,#4caf50,#2e7d32);border:3px solid #2d1a0e;box-shadow:0 4px #1a3d1a,inset 0 1px #fff3}.mm-card-back-icon{filter:brightness(0)invert()drop-shadow(0 2px 3px #0000004d);opacity:.9;width:clamp(36px,11vw,56px);height:clamp(36px,11vw,56px)}.mm-card-front{background:#fdf3e3;border:3px solid #2d1a0e;padding:6px;transform:rotateY(180deg);box-shadow:0 4px #2d1a0e}.mm-card--matched .mm-card-front{background:#fff9c4;border-color:#f5c536;animation:.35s cubic-bezier(.34,1.56,.64,1) both mm-match-pop;box-shadow:0 4px #c9991a,0 0 0 3px #f5c53680}@keyframes mm-match-pop{0%{transform:rotateY(180deg)scale(.85)}to{transform:rotateY(180deg)scale(1)}}.mm-card-img{object-fit:contain;width:100%;height:100%;display:block}.mm-pairs-row{flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:100%;padding:8px 20px 12px;display:flex}.mm-pair-dot{background:#fff6;border:3px solid #2d1a0e;border-radius:50%;width:22px;height:22px;transition:background .25s,transform .25s}.mm-pair-dot.mm-pair-found{background:#3d7a4a;border-color:#2d1a0e;transform:scale(1.25)}.mm-result-panel{-webkit-user-select:none;user-select:none;background:#fdf3e3;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:40px 24px;font-family:Mitr,sans-serif;animation:.42s cubic-bezier(.34,1.56,.64,1) both mm-result-in;display:flex;position:fixed;inset:0}@keyframes mm-result-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.mm-result-hearts{gap:12px;font-size:56px;line-height:1;animation:.55s cubic-bezier(.34,1.56,.64,1) .1s both mm-hearts-pop;display:flex}@keyframes mm-hearts-pop{0%{opacity:0;transform:scale(0)rotate(-12deg)}60%{opacity:1;transform:scale(1.3)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.mm-result-heart{filter:drop-shadow(0 3px 4px #0003);display:inline-block}.mm-result-label{color:#2d1a0e;text-align:center;font-size:clamp(26px,7vw,36px);font-weight:700}.mm-result-sub{color:#2d1a0e;opacity:.65;text-align:center;font-size:18px;font-weight:600}.mm-hearts-count{color:#2d1a0e;opacity:.7;font-size:22px;font-weight:700}.mm-continue-btn{box-shadow:none;color:#2d1a0e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-wide-sq-yellow.svg) 50%/100% 100% no-repeat;border:none;border-radius:0;min-width:200px;margin-top:8px;padding:12px 32px 18px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700}.mm-continue-btn:active{background-image:url(/assets/ui/btn-wide-sq-yellow-pressed.svg);padding-top:18px;padding-bottom:12px}.bp-panel{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#b8e4f9 0%,#ddf4ff 100%);flex-direction:column;align-items:center;font-family:Mitr,sans-serif;animation:.28s cubic-bezier(.34,1.56,.64,1) both bp-panel-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes bp-panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bp-header{background:linear-gradient(180deg, var(--golden) 0%, var(--golden-deep) 100%);border-bottom:4px solid var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:16px 24px 14px;display:flex}.bp-label,.bp-score{color:var(--ink);font-size:clamp(20px,5.5vw,28px);font-weight:700}.bp-timer-wrap{border-bottom:3px solid var(--ink);background:#4a2e151f;flex-shrink:0;width:100%;height:14px;position:relative;overflow:hidden}.bp-timer-fill{height:100%;transition:width 50ms linear,background .3s;position:absolute;top:0;left:0}.bp-arena{flex:1;width:100%;position:relative;overflow:hidden}.bp-balloon{cursor:pointer;transform-origin:bottom;filter:hue-rotate(var(--hue,0deg));touch-action:manipulation;background:0 0;border:none;padding:8px;font-size:clamp(80px,20vw,110px);line-height:1;animation:3.5s ease-in forwards bp-balloon-rise;position:absolute;bottom:0}.bp-balloon:active{transform:scale(1.3)}@keyframes bp-balloon-rise{0%{opacity:1;transform:translateY(0)rotate(-4deg)}30%{opacity:1;transform:translateY(-22vh)rotate(4deg)}60%{opacity:1;transform:translateY(-52vh)rotate(-3deg)}85%{opacity:1;transform:translateY(-78vh)rotate(2deg)}to{opacity:0;transform:translateY(-108vh)rotate(0)}}.bp-result-emoji{margin-top:48px;font-size:80px;animation:.42s cubic-bezier(.34,1.56,.64,1) both bp-pop}@keyframes bp-pop{0%{transform:scale(0)}to{transform:scale(1)}}.bp-pops-count{color:var(--ink);opacity:.7;margin-top:8px;font-size:clamp(20px,5vw,26px);font-weight:700}.bp-result-hearts{gap:10px;margin-top:20px;font-size:52px;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both bp-hearts-in;display:flex}@keyframes bp-hearts-in{0%{opacity:0;transform:scale(0)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.bp-heart{filter:drop-shadow(0 3px 4px #00000026)}.bp-result-label{color:var(--ink);margin-top:16px;font-size:clamp(24px,6.5vw,32px);font-weight:700}.bp-result-points{color:var(--ink);opacity:.65;margin-top:4px;font-size:22px;font-weight:700}.bp-continue-btn{min-width:200px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-wide-sq-yellow.svg) 50%/100% 100% no-repeat;border:none;margin-top:20px;padding:12px 32px 18px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700}.bp-continue-btn:active{background-image:url(/assets/ui/btn-wide-sq-yellow-pressed.svg);padding-top:18px;padding-bottom:12px}.bs-panel{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#e8f5e9 0%,#f9fff9 100%);flex-direction:column;justify-content:flex-start;align-items:center;font-family:Mitr,sans-serif;animation:.28s cubic-bezier(.34,1.56,.64,1) both bs-panel-in;display:flex;position:fixed;inset:0}@keyframes bs-panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bs-banner{background:linear-gradient(180deg, var(--golden) 0%, var(--golden-deep) 100%);border-bottom:4px solid var(--ink);text-align:center;width:100%;color:var(--ink);text-shadow:0 2px #fff6;flex-shrink:0;padding:18px 20px 16px;font-size:clamp(22px,6vw,30px);font-weight:700}.bs-dots{gap:12px;margin-top:28px;display:flex}.bs-dot{border:2.5px solid var(--ink);background:#4a2e152e;border-radius:50%;width:14px;height:14px;transition:background .2s}.bs-dot--done{background:var(--grass-green)}.bs-dot--active{background:var(--golden)}.bs-choices{flex:1;justify-content:center;align-items:center;gap:clamp(32px,10vw,64px);width:100%;padding:0 16px;display:flex}.bs-animal-btn{border:4px solid var(--ink);aspect-ratio:1;cursor:pointer;width:clamp(110px,28vw,150px);box-shadow:0 6px 0 var(--ink);background:#ffffffb3;border-radius:24px;justify-content:center;align-items:center;line-height:1;transition:transform .12s,box-shadow .12s;display:flex}.bs-animal-btn:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.bs-animal-btn:disabled{cursor:default}.bs-animal-btn--big{background:#c8f0c8d9}.bs-feedback{margin-bottom:clamp(32px,8vw,56px);font-size:56px;font-weight:900;animation:.35s cubic-bezier(.34,1.56,.64,1) both bs-feedback-pop}@keyframes bs-feedback-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.bs-feedback--ok{color:#2e8b20}.bs-feedback--no{color:#c22}.bs-result-emoji{margin-top:52px;font-size:88px;animation:.42s cubic-bezier(.34,1.56,.64,1) both bs-pop}@keyframes bs-pop{0%{transform:scale(0)}to{transform:scale(1)}}.bs-result-hearts{gap:10px;margin-top:24px;font-size:52px;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both bs-hearts-in;display:flex}@keyframes bs-hearts-in{0%{opacity:0;transform:scale(0)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.bs-heart{filter:drop-shadow(0 3px 4px #00000026)}.bs-result-label{color:var(--ink);margin-top:16px;font-size:clamp(24px,6.5vw,32px);font-weight:700}.bs-result-points{color:var(--ink);opacity:.65;margin-top:4px;font-size:22px;font-weight:700}.bs-continue-btn{min-width:200px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-wide-sq-yellow.svg) 50%/100% 100% no-repeat;border:none;margin-top:20px;padding:12px 32px 18px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700}.bs-continue-btn:active{background-image:url(/assets/ui/btn-wide-sq-yellow-pressed.svg);padding-top:18px;padding-bottom:12px}.cm-panel{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#f3e8ff 0%,#fdf4ff 100%);flex-direction:column;align-items:center;font-family:Mitr,sans-serif;animation:.28s cubic-bezier(.34,1.56,.64,1) both cm-panel-in;display:flex;position:fixed;inset:0}@keyframes cm-panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cm-banner{background:linear-gradient(180deg, var(--golden) 0%, var(--golden-deep) 100%);border-bottom:4px solid var(--ink);text-align:center;width:100%;color:var(--ink);text-shadow:0 2px #fff6;flex-shrink:0;padding:18px 20px 16px;font-size:clamp(22px,6vw,30px);font-weight:700}.cm-dots{gap:12px;margin-top:24px;display:flex}.cm-dot{border:2.5px solid var(--ink);background:#4a2e152e;border-radius:50%;width:14px;height:14px;transition:background .2s}.cm-dot--done{background:var(--grass-green)}.cm-dot--active{background:var(--golden)}.cm-target-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.cm-target-circle{border:6px solid var(--ink);width:clamp(110px,28vw,150px);height:clamp(110px,28vw,150px);box-shadow:0 8px 0 var(--ink);border-radius:50%;animation:.4s cubic-bezier(.34,1.56,.64,1) both cm-target-pop}@keyframes cm-target-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.cm-options{flex-shrink:0;gap:clamp(20px,6vw,40px);padding:clamp(20px,5vw,36px) 24px;display:flex}.cm-option-btn{border:5px solid var(--ink);width:clamp(80px,20vw,108px);height:clamp(80px,20vw,108px);box-shadow:0 6px 0 var(--ink);cursor:pointer;border-radius:50%;transition:transform .1s,box-shadow .1s}.cm-option-btn:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.cm-option-btn:disabled{cursor:default}.cm-option-btn--correct{outline-offset:4px;outline:5px solid #2e8b20}.cm-feedback{margin-bottom:24px;font-size:56px;font-weight:900;animation:.35s cubic-bezier(.34,1.56,.64,1) both cm-feedback-pop}@keyframes cm-feedback-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.cm-feedback--ok{color:#2e8b20}.cm-feedback--no{color:#c22}.cm-result-circles{gap:16px;margin-top:52px;animation:.42s cubic-bezier(.34,1.56,.64,1) both cm-target-pop;display:flex}.cm-result-circle{border:4px solid var(--ink);width:60px;height:60px;box-shadow:0 4px 0 var(--ink);border-radius:50%;display:block}.cm-result-hearts{gap:10px;margin-top:24px;font-size:52px;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both cm-hearts-in;display:flex}@keyframes cm-hearts-in{0%{opacity:0;transform:scale(0)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.cm-heart{filter:drop-shadow(0 3px 4px #00000026)}.cm-result-label{color:var(--ink);margin-top:16px;font-size:clamp(24px,6.5vw,32px);font-weight:700}.cm-result-points{color:var(--ink);opacity:.65;margin-top:4px;font-size:22px;font-weight:700}.cm-continue-btn{min-width:200px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-wide-sq-yellow.svg) 50%/100% 100% no-repeat;border:none;margin-top:20px;padding:12px 32px 18px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700}.cm-continue-btn:active{background-image:url(/assets/ui/btn-wide-sq-yellow-pressed.svg);padding-top:18px;padding-bottom:12px}.evt-backdrop{-webkit-backdrop-filter:blur(6px);z-index:50;background:#4a2e1573;justify-content:center;align-items:center;animation:.18s ease-out both evt-backdrop-in;display:flex;position:absolute;inset:0}@keyframes evt-backdrop-in{0%{opacity:0}to{opacity:1}}.evt-card{background:var(--cream);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:calc(100% - 48px);max-width:320px;padding:28px 28px 22px;font-family:Mitr,sans-serif;animation:.32s cubic-bezier(.34,1.56,.64,1) both evt-card-in;display:flex}@keyframes evt-card-in{0%{opacity:0;transform:scale(.72)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.evt-big-emoji{filter:drop-shadow(0 4px #0000001a);font-size:80px;line-height:1}.evt-pop{animation:.55s cubic-bezier(.34,1.56,.64,1) both evt-pop}@keyframes evt-pop{0%{transform:scale(0)}to{transform:scale(1)}}.evt-title{color:var(--ink);font-size:26px;font-weight:700;line-height:1.2}.evt-hint{color:var(--ink);opacity:.65;font-size:18px;font-weight:600}.evt-event-desc{color:var(--ink);opacity:.75;font-size:17px;line-height:1.4}.evt-result-text{color:var(--ink);font-size:24px;font-weight:700}.evt-hearts-label{color:var(--ink);opacity:.75;font-size:20px;font-weight:700}.evt-hearts-big{min-height:52px;font-size:42px;line-height:1}.evt-hearts-big.sparkle{animation:.55s cubic-bezier(.34,1.56,.64,1) both evt-sparkle}@keyframes evt-sparkle{0%{opacity:0;transform:scale(0)rotate(-12deg)}60%{opacity:1;transform:scale(1.3)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.evt-food-row{gap:12px;margin-top:4px;display:flex}.evt-food-btn{box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-sq-yellow.svg) 50%/contain no-repeat;border:none;border-radius:0;place-items:center;width:88px;height:88px;padding-bottom:8px;font-size:48px;display:grid}.evt-food-btn:active{background-image:url(/assets/ui/btn-sq-yellow-pressed.svg);padding-top:8px;padding-bottom:0}.evt-continue-btn{box-shadow:none;min-width:200px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-wide-sq-yellow.svg) 50%/100% 100% no-repeat;border:none;border-radius:0;margin-top:6px;padding:12px 32px 18px;font-family:Mitr,sans-serif;font-size:20px;font-weight:700}.evt-continue-btn:active{background-image:url(/assets/ui/btn-wide-sq-yellow-pressed.svg);padding-top:18px;padding-bottom:12px}.evt-minigame{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;gap:14px}.evt-timer-bar{border:2.5px solid var(--ink);background:#4a2e151f;border-radius:7px;width:100%;height:14px;overflow:hidden}.evt-timer-fill{background:linear-gradient(90deg, var(--grass-green), var(--golden));border-radius:5px;height:100%;transition:width 50ms linear}.evt-mini-label{color:var(--ink);font-size:18px;font-weight:700}.evt-bounce{animation:.65s ease-in-out infinite alternate evt-animal-bounce}@keyframes evt-animal-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-18px)scale(1.08)}}.evt-dots{align-items:center;gap:14px;display:flex}.evt-dot-empty{background:#fff6;border:3px solid #00000040;border-radius:50%;width:28px;height:28px;display:block}.evt-tap-hint{color:var(--ink);opacity:.5;letter-spacing:.05em;font-size:14px;font-weight:600}.evt-minigame-panel{background:var(--cream);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100dvh;padding:32px 24px 40px;font-family:Mitr,sans-serif;animation:.32s cubic-bezier(.34,1.56,.64,1) both evt-card-in;display:flex;overflow-y:auto}@media (width>=600px){.evt-minigame-panel{aspect-ratio:9/16;border:4px solid var(--ink);width:auto;height:min(90dvh,820px);min-height:560px;box-shadow:0 8px 0 var(--ink);border-radius:28px;overflow:hidden}}.evt-minigame-panel .evt-big-emoji{font-size:120px}.evt-minigame-panel .evt-timer-bar{width:100%}.cel-backdrop{-webkit-backdrop-filter:blur(6px);z-index:60;background:#0000006b;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0}.cel-confetti{pointer-events:none;position:absolute;inset:0}.cel-piece{width:36px;height:36px;animation:linear infinite both cel-fall;position:absolute;top:-48px}@keyframes cel-fall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(540deg)}}.cel-card-outer{background:linear-gradient(180deg, var(--cream) 0%, var(--cream-deeper) 100%);border:5px solid var(--wood-dark);border-radius:22px;width:100%;max-width:440px;margin-top:26px;padding:50px 22px 22px;animation:.45s cubic-bezier(.34,1.56,.64,1) both cel-card-in;position:relative;box-shadow:0 10px #4a2e158c,inset 0 2px #ffffff73}.cel-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;font-family:Mitr,sans-serif;display:flex}@keyframes cel-card-in{0%{opacity:0;transform:scale(.6)translateY(32px)}to{opacity:1;transform:scale(1)translateY(0)}}.cel-corner{background:var(--wood-mid);border:3px solid var(--wood-dark);pointer-events:none;z-index:1;border-radius:7px;width:22px;height:22px;position:absolute}.cel-corner-tl{top:-4px;left:-4px}.cel-corner-tr{top:-4px;right:-4px}.cel-corner-bl{bottom:-4px;left:-4px}.cel-corner-br{bottom:-4px;right:-4px}.cel-title-tag{z-index:3;color:#3e1f00;white-space:nowrap;pointer-events:none;background:linear-gradient(#f5a52a 0%,#d97b00 100%);border:4px solid #8c4c00;border-radius:12px;padding:5px 32px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:0 5px #6e3a00}.cel-char-strip{justify-content:center;align-items:flex-end;gap:0;width:100%;display:flex}.cel-char-slot{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.cel-char-preview{width:100%;height:100px}.cel-char-feet{color:var(--ink);align-items:center;gap:3px;font-size:13px;font-weight:700;display:flex}.cel-medal-float{filter:drop-shadow(0 4px 6px #00000040);pointer-events:none;z-index:4;width:64px;height:64px;position:absolute;top:-45px;left:calc(50% + 28px);transform:rotate(15deg)}.cel-header{color:var(--ink);font-size:26px;font-weight:700;line-height:1.2}.cel-sub{color:var(--ink);opacity:.75;margin-top:-4px;font-size:15px}.cel-hearts{align-items:baseline;gap:6px;display:flex}.cel-hearts-num{color:var(--ink);font-size:36px;font-weight:700}.cel-hearts-goal{color:var(--ink);opacity:.55;font-size:16px}.ls-root{z-index:100;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.ls-root.ls-hiding{opacity:0;pointer-events:none}.ls-sky{background:linear-gradient(#38baf0 0%,#5ecef7 50%,#8de0fa 100%);position:absolute;inset:0}.ls-content{z-index:1;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:420px;padding:24px 28px;display:flex;position:relative}.ls-logo{filter:drop-shadow(0 6px 16px #00000038);width:80%;max-width:300px;animation:2.4s ease-in-out infinite ls-float}@keyframes ls-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ls-bar-wrap{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.ls-bar-track{background:#fff6;border-radius:99px;width:100%;height:16px;overflow:hidden;box-shadow:inset 0 2px 4px #00000026}.ls-bar-fill{background:linear-gradient(90deg,#ffe04b,#f5a800);border-radius:99px;height:100%;transition:width .3s;box-shadow:0 0 8px #ffb40099}.ls-label{color:#fff;text-shadow:0 1px 3px #00000040;margin:0;font-size:.85rem}.ls-tip-box{background:#ffffffbf;border-radius:16px;width:100%;padding:16px 20px;box-shadow:0 4px 16px #0000001a}.ls-tip-head{color:#5a8a30;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:.8rem;font-weight:700}.ls-tip-body{color:#3a3a3a;margin:0;font-size:.95rem;line-height:1.55}.ts-dim-wrap{transition:filter .25s;position:fixed;inset:0;overflow:hidden}.ts-dim-wrap--blurred{filter:blur(10px);transform:scale(1.06)}.scr-base{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 60%, var(--sky-bot) 100%);color:var(--ink);z-index:50;-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;font-family:Mitr,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden auto}.scr-content{flex-direction:column;flex:1;width:100%;min-height:100%;display:flex}.scr-clouds{pointer-events:none;z-index:1;position:fixed;inset:0}.scr-cloud{opacity:.92;filter:drop-shadow(0 4px 12px #4a6e8c2e);background:#fff;border-radius:99px;position:absolute}.scr-cloud:before,.scr-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.scr-c1{width:78px;height:22px;top:30px;left:40px}.scr-c1:before{width:32px;height:32px;top:-16px;left:14px}.scr-c1:after{width:24px;height:24px;top:-10px;left:42px}.scr-c2{opacity:.85;width:64px;height:18px;top:80px;right:30px}.scr-c2:before{width:28px;height:28px;top:-14px;left:8px}.scr-c2:after{width:20px;height:20px;top:-6px;left:32px}.meta-btn{width:56px;height:56px;box-shadow:none;cursor:pointer;color:var(--ink);z-index:4;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-sq-grey.svg) 50%/contain no-repeat;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding-bottom:6px;transition:transform 60ms;display:flex;position:relative}.meta-btn.green{background-image:url(/assets/ui/btn-sq-green.svg)}.meta-btn.yellow{background-image:url(/assets/ui/btn-sq-yellow.svg)}.meta-btn.red{background-image:url(/assets/ui/btn-sq-red.svg)}.meta-btn.blue{background-image:url(/assets/ui/btn-sq-blue.svg)}.meta-btn:active{background-image:url(/assets/ui/btn-sq-grey-pressed.svg);padding-bottom:0}.meta-btn.green:active{background-image:url(/assets/ui/btn-sq-green-pressed.svg)}.meta-btn.yellow:active{background-image:url(/assets/ui/btn-sq-yellow-pressed.svg)}.meta-btn.red:active{background-image:url(/assets/ui/btn-sq-red-pressed.svg)}.meta-btn.blue:active{background-image:url(/assets/ui/btn-sq-blue-pressed.svg)}.wood-logo{text-align:center;background-image:repeating-linear-gradient(90deg, #4a2e1514 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--wood-light) 0%, var(--wood-mid) 100%);border:4px solid var(--wood-dark);border-radius:14px;max-width:86%;margin:0 auto;padding:14px 22px;position:relative;transform:rotate(-1deg);box-shadow:inset 0 -6px #0000002e,inset 0 4px #ffffff29,0 6px #4a2e1580}.wood-logo .wl-park,.wood-logo .wl-pals,.wood-logo .wl-rangers{letter-spacing:-.01em;-webkit-text-stroke:2.5px var(--wood-dark);paint-order:stroke fill;text-shadow:0 3px #4a2e15b3;font-family:Fredoka,Mitr,sans-serif;font-weight:700;line-height:.92}.wood-logo .wl-park{color:#93d63d;margin-right:8px;font-size:38px;display:inline-block;transform:rotate(-2deg)}.wood-logo .wl-pals{color:#f5c536;font-size:38px;display:inline-block;transform:rotate(2deg)}.wood-logo .wl-rangers{color:#fff;-webkit-text-stroke:3px var(--wood-dark);margin-top:4px;font-size:50px;display:block}.wood-logo .wl-leaf-l,.wood-logo .wl-leaf-r{background:var(--leaf-green);border:2.5px solid var(--deep-green);z-index:2;border-radius:0 100%;width:32px;height:24px;position:absolute}.wood-logo .wl-leaf-l{top:-10px;left:-8px;transform:rotate(-25deg)}.wood-logo .wl-leaf-r{top:-10px;right:-8px;transform:rotate(25deg)scaleX(-1)}.wood-logo .wl-leaf-bl{background:var(--leaf-green);border:2px solid var(--deep-green);border-radius:0 100%;width:24px;height:16px;position:absolute;bottom:-6px;left:30%;transform:rotate(160deg)}.chunky-btn{color:var(--wood-dark);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fdaf18;border:3px solid #f15a24;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:7px;padding:14px 28px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;transition:transform 60ms,box-shadow 60ms;display:flex;box-shadow:0 7px #fc9504}.chunky-btn:active{transform:translateY(5px);box-shadow:0 2px #fc9504}.chunky-btn.green{color:#fff;background:#8cc936;border-color:#008722;box-shadow:0 7px #4ea800}.chunky-btn.green:active{box-shadow:0 2px #4ea800}.chunky-btn.grey{color:#fff;background:#8a9ba8;border-color:#5a7080;box-shadow:0 7px #4a6070}.chunky-btn.grey:active{box-shadow:0 2px #4a6070}.btn-round-3d{color:var(--wood-dark);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fdaf18;border:2.5px solid #c97a00;border-radius:99px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:14px 36px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;transition:transform 60ms,box-shadow 60ms;display:flex;box-shadow:0 6px #c97a00}.btn-round-3d:active{transform:translateY(4px);box-shadow:0 2px #c97a00}.btn-round-3d.green{color:#fff;background:#8cc936;border-color:#4ea800;box-shadow:0 6px #4ea800}.btn-round-3d.green:active{box-shadow:0 2px #4ea800}.btn-round-3d.grey{color:#fff;background:#8a9ba8;border-color:#4a6070;box-shadow:0 6px #4a6070}.btn-round-3d.grey:active{box-shadow:0 2px #4a6070}.btn-round-3d.white{color:#3a5a28;background:#fff;border-color:#c8d8b0;box-shadow:0 6px #a8c080}.btn-round-3d.white:active{box-shadow:0 2px #a8c080}.ai-placeholder{background:repeating-linear-gradient(45deg, #4a2e1514 0 8px, #4a2e150a 8px 16px), var(--cream);border:3px dashed var(--wood-mid);text-align:center;color:var(--ink-soft);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:16px 12px;display:flex}.ai-placeholder .ai-icon{opacity:.65;font-size:32px}.ai-placeholder .ai-desc{color:var(--ink-soft);opacity:.85;max-width:90%;font-family:Mitr,sans-serif;font-size:12px;font-weight:500;line-height:1.35}.ribbon{background:linear-gradient(180deg, var(--golden) 0%, var(--golden-deep) 100%);color:var(--wood-dark);border:3px solid var(--wood-dark);width:fit-content;box-shadow:0 4px 0 var(--wood-dark);text-align:center;z-index:3;border-radius:6px;margin:-16px auto 0;padding:8px 24px 9px;font-family:Mitr,sans-serif;font-size:16px;font-weight:700;position:relative}.ribbon:before,.ribbon:after{content:"";border-style:solid;border-width:8px 8px 0 0;border-color:var(--wood-dark) transparent transparent transparent;position:absolute;bottom:-8px}.ribbon:before{left:0}.ribbon:after{right:0;transform:scaleX(-1)}.ts-island-bg{z-index:0;background:linear-gradient(#38baf0 0%,#5ecef7 50%,#8de0fa 100%);position:fixed;inset:0}.scr-title.ts-transparent{z-index:1;opacity:0;pointer-events:none;background:0 0;transition:opacity .6s,transform .6s;transform:translateY(12px)}.scr-title.ts-transparent.ts-revealed{opacity:1;pointer-events:auto;transform:translateY(0)}.scr-title .ts-header{z-index:4;justify-content:flex-end;align-items:flex-start;padding:14px 16px 0;display:flex;position:relative}.scr-title .ts-header .spacer{flex:1}.scr-title .ts-logo-wrap{z-index:4;flex-direction:column;align-items:center;padding:8px 16px 0;display:flex;position:relative}.scr-title .ts-tagline{color:#ffffffe6;text-align:center;text-shadow:0 2px 6px #00000059;letter-spacing:.01em;margin:8px 0 0;font-family:Mitr,sans-serif;font-size:18px;font-weight:600}.scr-title .ts-logo-img{filter:drop-shadow(0 8px 14px #0000002e);width:100%;max-width:320px;height:auto;display:block}.scr-title .ts-hero{flex:1;min-height:0}.scr-title.ts-transparent{overflow:hidden}.scr-title .ts-ctas{z-index:4;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:280px;margin-inline:auto;padding:0 18px 24px;display:flex;position:relative}.scr-title .ts-version{color:#ffffff73;pointer-events:none;z-index:4;font-family:Mitr,sans-serif;font-size:11px;font-weight:500;position:absolute;bottom:8px;right:12px}@media (width>=600px){.scr-title .ts-logo-wrap{padding:12px 24px 0}.scr-title .ts-ctas{gap:14px;padding:0 0 32px}}@media (width>=1024px){.scr-title .ts-ctas{padding:0 48px 40px}}.ss-backdrop{-webkit-backdrop-filter:blur(6px);z-index:100;background:#0000006b;justify-content:center;align-items:center;padding:52px 16px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.ss-modal{background:linear-gradient(180deg, var(--cream) 0%, var(--cream-deeper) 100%);border:5px solid var(--wood-dark);border-radius:22px;flex-shrink:0;width:100%;max-width:520px;margin-top:24px;padding:38px 16px 18px;position:relative;box-shadow:0 10px #4a2e158c,inset 0 2px #ffffff73}.ss-corner{background:var(--wood-mid);border:3px solid var(--wood-dark);pointer-events:none;z-index:1;border-radius:7px;width:22px;height:22px;position:absolute}.ss-corner-tl{top:-4px;left:-4px}.ss-corner-tr{top:-4px;right:-4px}.ss-corner-bl{bottom:-4px;left:-4px}.ss-corner-br{bottom:-4px;right:-4px}.ss-title-tag{color:#3e1f00;white-space:nowrap;pointer-events:none;background:linear-gradient(#f5a52a 0%,#d97b00 100%);border:4px solid #8c4c00;border-radius:12px;padding:5px 32px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 5px #6e3a00}.ss-char-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.ss-char-card{text-align:center;border:3px solid var(--card-c,var(--leaf-green));background:#fff;border-radius:18px;transition:opacity .15s;position:relative;overflow:hidden}.ss-char-card.empty{background:var(--cream);border-style:dashed;border-color:var(--cream-deeper)}.ss-char-card.dup-char .ss-kenney-char,.ss-char-card.dup-color .ss-name-strip{opacity:.35}.ss-char-pic{aspect-ratio:1;background:var(--cream);cursor:pointer;border:0;justify-content:center;align-items:center;width:100%;padding:0;transition:background .1s;display:flex;position:relative;overflow:hidden}.ss-char-pic:hover{background:#fff5dc}.ss-char-pic.empty-pic{cursor:default}.ss-char-pic.empty-pic:hover{background:var(--cream)}.ss-kenney-char{object-fit:contain;filter:drop-shadow(0 4px 6px #0000002e);width:88%;height:88%;transition:transform .1s}.ss-char-pic:active .ss-kenney-char{transform:scale(.94)}.ss-swap-hint{pointer-events:none;filter:drop-shadow(0 1px 2px #00000059);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;top:6px;right:6px}.ss-swap-hint img{width:28px;height:28px}.ss-toggle-btn{width:calc(100% - 16px);box-shadow:none;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/ui/btn-wide-sq-white.svg) 50%/100% 100% no-repeat;border:none;border-radius:0;margin:8px auto 4px;padding:10px 6px 14px;font-family:Mitr,sans-serif;font-size:13px;font-weight:700;transition:filter 60ms;display:block}.ss-toggle-btn:active{filter:brightness(.92);padding-top:14px;padding-bottom:10px}.ss-toggle-btn.in{color:#fff;background-image:url(/assets/ui/btn-wide-sq-green.svg)}.ss-toggle-btn.in:active{background-image:url(/assets/ui/btn-wide-sq-green-pressed.svg)}.ss-toggle-btn.out{color:var(--ink);background-image:url(/assets/ui/btn-wide-sq-white.svg)}.ss-name-strip{background:var(--card-c,var(--leaf-green));color:#fff;-webkit-text-stroke:.5px #0003;paint-order:stroke fill;padding:6px 4px;font-family:Mitr,sans-serif;font-size:14px;font-weight:700}.ss-char-card.empty .ss-name-strip{background:var(--cream-deeper);color:var(--ink-soft);-webkit-text-stroke:0}.ss-start-btn .btn-round-3d{width:100%}.ss-picker-overlay{z-index:200;background:#4a2e158c;justify-content:center;align-items:center;padding:14px;animation:.12s ease-out ss-picker-in;display:flex;position:fixed;inset:0}@keyframes ss-picker-in{0%{opacity:0}to{opacity:1}}.ss-picker-modal{background:linear-gradient(180deg, var(--cream) 0%, var(--cream-deeper) 100%);border:3px solid var(--wood-mid);border-radius:18px;width:100%;max-width:360px;max-height:90vh;padding:14px;overflow-y:auto;box-shadow:0 8px #4a2e154d}.ss-picker-modal h3{color:var(--ink);text-align:center;margin:0 0 10px;font-family:Mitr,sans-serif;font-size:16px;font-weight:700}.ss-picker-section-h{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin:10px 2px 6px;font-family:Mitr,sans-serif;font-size:11px;font-weight:600}.ss-picker-chars{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ss-picker-char{aspect-ratio:1;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:12px;padding:0;transition:transform 50ms,border-color 50ms;display:block;overflow:hidden}.ss-picker-char:hover{transform:translateY(-2px)}.ss-picker-char.selected{border-color:var(--card-c,var(--leaf-green));background:#fffbef;box-shadow:0 3px #4a2e152e}.ss-picker-char.taken{opacity:.32;cursor:not-allowed}.ss-picker-colors{flex-wrap:wrap;justify-content:center;gap:8px;padding:4px 0;display:flex}.ss-picker-color{cursor:pointer;border:2.5px solid;border-radius:50%;width:32px;height:32px;padding:0;transition:transform 50ms;box-shadow:0 3px #0003}.ss-picker-color:hover{transform:translateY(-1px)}.ss-picker-color.selected{box-shadow:0 0 0 3px white, 0 0 0 5px var(--card-c), 0 4px 0 #0003;transform:translateY(-1px)}.ss-picker-color.taken{opacity:.32;cursor:not-allowed}.ss-picker-actions{gap:8px;margin-top:14px;display:flex}.ss-picker-btn{cursor:pointer;border:2.5px solid;border-radius:99px;flex:1;padding:10px;font-family:Mitr,sans-serif;font-size:14px;font-weight:700;transition:transform 50ms,box-shadow 50ms;box-shadow:0 3px #4a2e1540}.ss-picker-btn:active{transform:translateY(1px);box-shadow:0 2px #4a2e1540}.ss-picker-btn.cancel{color:var(--ink-soft);border-color:var(--wood-mid);background:#fff}.ss-picker-btn.ok{color:#fff;background:linear-gradient(#84d23f 0%,#5ba32f 100%);border-color:#2f5b1a;box-shadow:0 3px #2f5b1a}@media (width>=600px){.ss-char-grid{grid-template-columns:repeat(4,1fr);gap:10px}.ss-char-pic{max-height:140px}.ss-modal{max-width:600px;padding:38px 20px 18px}}.stg-backdrop{-webkit-backdrop-filter:blur(6px);z-index:100;background:#0000006b;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0}.stg-modal{background:linear-gradient(180deg, var(--cream) 0%, var(--cream-deeper) 100%);border:5px solid var(--wood-dark);border-radius:22px;width:100%;max-width:440px;margin-top:20px;padding:34px 22px 22px;position:relative;box-shadow:0 10px #4a2e158c,inset 0 2px #ffffff73}.stg-corner{background:var(--wood-mid);border:3px solid var(--wood-dark);pointer-events:none;z-index:1;border-radius:7px;width:22px;height:22px;position:absolute}.stg-corner-tl{top:-4px;left:-4px}.stg-corner-tr{top:-4px;right:-4px}.stg-corner-bl{bottom:-4px;left:-4px}.stg-corner-br{bottom:-4px;right:-4px}.stg-title-tag{color:#3e1f00;white-space:nowrap;pointer-events:none;background:linear-gradient(#f5a52a 0%,#d97b00 100%);border:4px solid #8c4c00;border-radius:12px;padding:5px 32px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:0 5px #6e3a00}.stg-section-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-family:Mitr,sans-serif;font-size:12px;font-weight:600}.stg-age-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.stg-age-card{border:3px solid var(--wood-mid);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:14px 10px 12px;transition:transform 60ms,box-shadow 60ms,border-color .1s,background .1s;display:flex;position:relative;box-shadow:0 4px #4a2e1524}.stg-age-card:active{transform:translateY(2px);box-shadow:0 2px #4a2e1524}.stg-age-card.selected{border-color:var(--leaf-green);box-shadow:0 4px 0 var(--deep-green);background:#f0fbe8}.stg-age-emoji{margin-bottom:2px;font-size:34px;line-height:1}.stg-age-label{color:var(--ink);font-family:Mitr,sans-serif;font-size:17px;font-weight:700}.stg-age-range{color:var(--ink-soft);font-family:Mitr,sans-serif;font-size:11px;font-weight:500}.stg-age-desc{color:var(--ink-soft);text-align:center;font-family:Mitr,sans-serif;font-size:10px;font-weight:400;line-height:1.4}.stg-age-check{background:var(--leaf-green);width:20px;height:20px;box-shadow:0 2px 0 var(--deep-green);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.stg-btn-row{gap:10px;display:flex}.stg-btn-row .chunky-btn{flex:1;padding:12px 16px;font-size:18px}.crd-close-btn{z-index:10;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d32f2f;border:3px solid #7a0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform 60ms;display:flex;position:absolute;top:-18px;right:-18px;box-shadow:0 3px #9a0007}.crd-close-btn:active{box-shadow:none;transform:translateY(3px)}.crd-modal{flex-direction:column;max-height:80dvh;display:flex}.crd-body{flex-direction:column;flex:1;gap:20px;margin-bottom:0;display:flex;overflow-y:auto}.crd-section{flex-direction:column;gap:6px;display:flex}.crd-section-heading{color:#5a7a3a;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #d8e8c0;margin:0 0 4px;padding-bottom:4px;font-size:.85rem;font-weight:700}.crd-row{flex-direction:column;gap:1px;display:flex}.crd-item-label{color:#888;font-size:.78rem}.crd-item-value{color:#333;font-size:.9rem;font-weight:600}.crd-note{color:#5a8a3a;font-size:.78rem;font-weight:400}.crd-link{color:#2e7d32;text-underline-offset:2px;text-decoration:underline}.crd-footer{text-align:center;border-top:2px solid #d8e8c0;flex-direction:column;flex-shrink:0;gap:4px;margin-top:12px;padding-top:12px;display:flex}.crd-footer p{color:#666;margin:0;font-size:.8rem;line-height:1.5}.crd-made-with{font-weight:700;color:#3a5a28!important;margin-top:8px!important;font-size:.9rem!important}.mgs-backdrop{-webkit-backdrop-filter:blur(6px);z-index:100;background:#0000006b;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0}.mgs-modal{background:linear-gradient(180deg, var(--cream,#fef6e4) 0%, var(--cream-deeper,#f5e6c8) 100%);border:5px solid var(--wood-dark,#2d1a0e);border-radius:22px;flex-direction:column;width:100%;max-width:440px;max-height:88vh;margin-top:20px;padding:36px 20px 20px;animation:.28s cubic-bezier(.34,1.56,.64,1) both mgs-modal-in;display:flex;position:relative;box-shadow:0 10px #4a2e158c,inset 0 2px #ffffff73}@keyframes mgs-modal-in{0%{opacity:0;transform:scale(.88)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.mgs-corner{background:var(--wood-mid,#8b5e3c);border:3px solid var(--wood-dark,#2d1a0e);pointer-events:none;z-index:1;border-radius:7px;width:22px;height:22px;position:absolute}.mgs-corner-tl{top:-4px;left:-4px}.mgs-corner-tr{top:-4px;right:-4px}.mgs-corner-bl{bottom:-4px;left:-4px}.mgs-corner-br{bottom:-4px;right:-4px}.mgs-title-tag{color:#3e1f00;white-space:nowrap;pointer-events:none;background:linear-gradient(#f5a52a 0%,#d97b00 100%);border:4px solid #8c4c00;border-radius:12px;padding:5px 32px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 5px #6e3a00}.mgs-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:4px 2px;display:flex;overflow-y:auto}.mgs-card{background:var(--card-bg,#fff);border:3px solid var(--wood-mid,#8b5e3c);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border-radius:16px;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:12px;font-family:Mitr,sans-serif;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 4px #4a2e152e}.mgs-card:first-child{animation:.28s cubic-bezier(.34,1.56,.64,1) 40ms both mgs-card-in}.mgs-card:nth-child(2){animation:.28s cubic-bezier(.34,1.56,.64,1) 90ms both mgs-card-in}.mgs-card:nth-child(3){animation:.28s cubic-bezier(.34,1.56,.64,1) .14s both mgs-card-in}.mgs-card:nth-child(4){animation:.28s cubic-bezier(.34,1.56,.64,1) .19s both mgs-card-in}.mgs-card:nth-child(5){animation:.28s cubic-bezier(.34,1.56,.64,1) .24s both mgs-card-in}.mgs-card:nth-child(6){animation:.28s cubic-bezier(.34,1.56,.64,1) .29s both mgs-card-in}@keyframes mgs-card-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.mgs-card:active{transform:translateY(3px);box-shadow:0 1px #4a2e152e}.mgs-card-emoji{text-align:center;flex-shrink:0;width:46px;font-size:38px;line-height:1}.mgs-card-text{flex:1;min-width:0}.mgs-card-name{color:var(--ink,#2d1a0e);font-size:19px;font-weight:700;line-height:1.2}.mgs-card-desc{color:#2d1a0e99;margin-top:2px;font-size:12px;font-weight:500;line-height:1.4}.mgs-card-arrow{opacity:.4;flex-shrink:0;width:20px;height:20px}.mgs-close-btn{flex-shrink:0;margin-top:14px}@media (width>=600px){.mgs-modal{padding:40px 26px 24px}.mgs-list{gap:12px}.mgs-card{padding:14px}.mgs-card-emoji{width:52px;font-size:42px}.mgs-card-name{font-size:21px}}.hud-top-left{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:16px}.player-card{background:var(--cream);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);color:var(--ink);opacity:.55;border-radius:14px;align-items:center;gap:8px;padding:5px 12px;font-family:Mitr,sans-serif;font-size:13px;transition:opacity .15s,transform .15s,box-shadow .15s;display:flex}.player-card.active{opacity:1;box-shadow:0 4px 0 var(--ink);transform:translate(5px)}.player-dot{border:2px solid var(--ink);border-radius:50%;flex-shrink:0;width:13px;height:13px}.player-name{min-width:74px;font-size:13px;font-weight:700}.player-stat{opacity:.8;font-size:12px}.player-dice-badge{background:var(--golden);border:2px solid var(--ink);border-radius:8px;padding:1px 6px;font-size:12px;font-weight:700}.hud-top-right{z-index:10;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;right:16px}.heart-card{background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);border-radius:18px;align-items:center;gap:6px;padding:6px 14px;font-family:Mitr,sans-serif;font-size:22px;font-weight:700;display:flex}.heart-card .ic{flex-shrink:0;width:26px;height:26px;display:block}.heart-card .num{font-size:26px}.heart-card .goal{opacity:.6;font-size:14px}.round-card{background:var(--golden);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);color:var(--ink);border-radius:99px;padding:4px 14px;font-family:Mitr,sans-serif;font-size:14px;font-weight:700}.tap-roll-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1a2eb8;border:2px solid #ffffffd9;border-radius:99px;padding:5px 18px;font-family:Mitr,sans-serif;font-size:14px;font-weight:700;transition:transform 60ms,background 60ms;animation:.4s cubic-bezier(.34,1.56,.64,1) both tap-btn-enter}.tap-roll-btn:hover{background:#282846d9}.tap-roll-btn:active{transform:scale(.94)}@keyframes tap-btn-enter{0%{opacity:0;transform:scale(.4)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.dice-result-badge{background:var(--golden,#f5c536);color:#1a1a2e;white-space:nowrap;pointer-events:none;border:3px solid #1a1a2e;border-radius:99px;padding:4px 18px;font-family:Mitr,sans-serif;font-size:24px;font-weight:900;animation:.35s cubic-bezier(.34,1.56,.64,1) both tap-btn-enter;box-shadow:0 3px #1a1a2e}.dice-result-badge.fading{animation:.5s ease-out forwards badge-fade-out}@keyframes badge-fade-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.75)translateY(-8px)}}.step-num{color:#fff;text-shadow:0 0 4px #1a1a2e,1px 1px #1a1a2e,-1px -1px #1a1a2e,1px -1px #1a1a2e,-1px 1px #1a1a2e;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Mitr,sans-serif;font-size:36px;font-weight:900;animation:.3s cubic-bezier(.34,1.56,.64,1) both tap-btn-enter}.step-num.fading{animation:.5s ease-out forwards badge-fade-out}.tweak-panel{z-index:20;background:var(--cream);border:2.5px solid var(--ink);width:260px;box-shadow:0 4px 0 var(--ink);color:var(--ink);border-radius:14px;padding:12px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px;position:absolute;top:16px;left:16px}.tweak-h{border-bottom:1.5px dashed #4a2e154d;margin-bottom:8px;padding-bottom:6px;font-family:Mitr,sans-serif;font-size:14px;font-weight:700}.tweak-field{margin:8px 0;display:block}.tweak-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tweak-label{letter-spacing:.04em;text-transform:uppercase;opacity:.75;font-size:11px}.tweak-num{border:1.5px solid var(--ink);width:78px;color:var(--ink);text-align:right;background:#fff;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:12px}.tweak-range{width:100%;accent-color:var(--leaf-green);margin-top:4px}.tweak-reset{border:1.5px solid var(--ink);cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-top:8px;padding:4px 6px;font-family:inherit;font-size:11px}.tweak-reset:hover{background:var(--cream-soft)}.gallery-label{color:#2d2010;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff5dceb;border:1.5px solid #4a2e15;border-radius:6px;padding:2px 7px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px;font-weight:600;box-shadow:0 1px #4a2e15}.gallery-group{color:#4a2e15;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff5dcf2;border:2px solid #4a2e15;border-radius:10px;padding:4px 12px;font-family:Mitr,sans-serif;font-size:16px;font-weight:700;box-shadow:0 2px #4a2e15}.gallery-banner{z-index:20;background:var(--cream,#fff5dc);border:2.5px solid var(--ink,#4a2e15);box-shadow:0 4px 0 var(--ink,#4a2e15);color:var(--ink,#4a2e15);pointer-events:none;border-radius:14px;padding:8px 16px;font-family:Mitr,sans-serif;font-size:14px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%)}