.sf-shell{--sf-ink:#4c3954;--sf-rose:#b93c69;--sf-cream:#fff8ef;isolation:isolate;touch-action:none;width:100%;height:100dvh;min-height:360px;color:var(--sf-ink);-webkit-user-select:none;user-select:none;background:#e8edf3;position:relative;overflow:hidden}.sf-world,.sf-vignette{position:absolute;inset:0}.sf-world canvas{width:100%;height:100%;display:block}.sf-vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#f9f0ed80,#0000 60%)}.sf-header{z-index:5;top:max(24px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}.sf-header a,.sf-header button{pointer-events:auto}.sf-brand{color:var(--sf-ink);align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:18px;text-decoration:none;display:flex}.sf-brand img{object-fit:cover;background:var(--sf-cream);border-radius:50%}.sf-brand b{font-weight:500}.sf-tools{gap:8px;display:flex}.sf-icon{width:44px;height:44px;color:var(--sf-ink);background:#fff8eff0;border:0;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.sf-icon:hover{background:#fff;transform:translateY(-2px)}.sf-game-name{font-family:Fredoka,sans-serif;font-size:24px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.sf-intro{z-index:3;pointer-events:none;position:absolute;top:50%;left:clamp(28px,8.5vw,150px);transform:translateY(-47%)}.sf-intro button{pointer-events:auto}.sf-intro h1{letter-spacing:-.035em;margin:0 0 24px;font-family:Fredoka,sans-serif;font-size:clamp(66px,7.7vw,108px);font-weight:500;line-height:.92}.sf-intro h1>span{color:var(--sf-rose);align-items:center;gap:16px;font-size:1.15em;display:flex}.sf-intro h1 svg{stroke-width:1.2px;width:.58em;height:.58em;transform:rotate(18deg)}.sf-tagline{margin:0 0 12px;font-size:clamp(18px,1.5vw,23px);font-weight:500}.sf-description{color:#655466;margin:0 0 28px;font-size:16px;line-height:1.9}.sf-primary{background:var(--sf-rose);color:#fff8ef;border:0;border-radius:100px;justify-content:center;align-items:center;gap:30px;min-height:58px;padding:14px 26px;font:500 18px Noto Sans Thai,sans-serif;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 8px 24px #8b365a22}.sf-primary:hover{background:#9d2f58;transform:translateY(-2px)}.sf-primary:active{transform:translateY(1px)}.sf-primary:disabled{opacity:.65;cursor:wait;transform:none}.sf-controls{color:#6a5266;align-items:center;gap:9px;margin-top:18px;font-size:13px;display:flex}.sf-key{background:#fff8ef70;border:1px solid #b4a4b3;border-radius:5px;padding:3px 8px;font-family:Fredoka,sans-serif;font-size:14px}.sf-intro-best{color:#775838;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;display:flex}.sf-flight-note{z-index:2;color:#72586e;pointer-events:none;font-size:16px;position:absolute;top:66%;left:61%;transform:rotate(-6deg)}.sf-note-line{border-bottom:1px solid #927987;border-right:1px solid #927987;border-radius:0 0 70%;width:44px;height:38px;position:absolute;top:-47px;left:40%;transform:rotate(10deg)}.sf-footer{bottom:max(24px, env(safe-area-inset-bottom));z-index:5;color:#675167;pointer-events:none;justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}.sf-footer a{pointer-events:auto;color:inherit;align-items:center;gap:6px;padding:8px 0;text-decoration:none;display:flex}.sf-footer a:hover{text-underline-offset:4px;text-decoration:underline}.sf-footer-note{font-family:Fredoka,Noto Sans Thai,sans-serif;font-size:14px}.sf-made{align-items:center;gap:6px;display:flex}.sf-made svg{color:var(--sf-rose)}.sf-score{text-align:center;z-index:2;pointer-events:none;position:absolute;top:15%;left:50%;transform:translate(-50%)}.sf-score strong{color:#5b3f58;text-shadow:0 3px 10px #fff7efaa;font-variant-numeric:tabular-nums;font:500 clamp(54px,6vw,84px)/1 Fredoka,sans-serif;display:block}.sf-score span{color:#70586c;margin-top:6px;font-size:12px;display:block}.sf-best{color:#76542c;z-index:2;align-items:center;gap:6px;font:500 14px Fredoka,sans-serif;display:flex;position:absolute;top:104px;right:clamp(20px,4vw,64px)}.sf-tap-hint{white-space:nowrap;z-index:2;pointer-events:none;background:#fff8efd9;border-radius:30px;align-items:center;gap:8px;padding:9px 16px;font-size:15px;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.sf-result,.sf-error{z-index:6;text-align:center;background:#fff8ef;border-radius:16px;width:min(390px,100% - 36px);padding:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 80px #75557226}.sf-result-symbol{color:var(--sf-rose);justify-content:center;margin-bottom:16px;display:flex}.sf-result h2,.sf-error h2{margin:0 0 8px;font-size:25px;font-weight:600}.sf-result p,.sf-error p{color:#6f596a;margin:0 0 22px;font-size:14px;line-height:1.7}.sf-results{justify-content:space-around;margin:20px 0;display:flex}.sf-results>div{flex:1}.sf-results>div+div{border-left:1px solid #e4d6da}.sf-results strong{font-variant-numeric:tabular-nums;font:500 52px/1.2 Fredoka,sans-serif;display:block}.sf-results span{color:#705669;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:12px;display:flex}.sf-medal{color:#916222;justify-content:center;align-items:center;gap:6px;margin:18px 0 24px;font:500 16px Fredoka,sans-serif;display:flex}.sf-result .sf-primary{width:100%;min-height:54px;font-size:17px}.sf-storage-note{color:#786773;margin-top:16px;font-size:11px;display:block}.sf-text-button{color:#79546a;text-underline-offset:4px;background:0 0;border:0;margin-top:16px;padding:6px 12px;font:400 14px Noto Sans Thai,sans-serif;text-decoration:underline}.sf-error{z-index:10}.sf-error a{color:var(--sf-rose);margin-top:20px;font-size:14px;display:block}.sf-live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.sf-shell button:focus-visible,.sf-shell a:focus-visible){outline-offset:4px;outline:3px solid #a63266}.sf-shell ::selection{color:#4c3954;background:#eac0d1}@media (min-width:1600px){.sf-intro{left:12%}.sf-intro h1{font-size:110px}}@media (max-width:700px){.sf-header{top:max(18px, env(safe-area-inset-top));left:20px;right:20px}.sf-brand{font-size:16px}.sf-brand img{width:34px;height:34px}.sf-brand span{max-width:100px;line-height:1.05}.sf-brand b{display:block}.sf-icon{width:42px;height:42px}.sf-intro{text-align:center;top:105px;left:24px;right:24px;transform:none}.sf-intro h1{justify-content:center;align-items:center;gap:9px;margin-bottom:12px;font-size:clamp(45px,15.6vw,61px);line-height:.98;display:flex}.sf-intro h1>span{gap:6px;font-size:1em}.sf-intro h1 svg{width:35px;height:35px}.sf-tagline{margin-bottom:0;font-size:16px}.sf-description{margin:0;font-size:14px;line-height:1.7;position:fixed;top:calc(100dvh - 333px);left:0;right:0}.sf-intro>.sf-primary{white-space:nowrap;min-width:210px;min-height:54px;position:fixed;top:calc(100dvh - 266px);left:50%;transform:translate(-50%)}.sf-intro>.sf-primary:active{transform:translate(-50%,2px)}.sf-controls{justify-content:center;margin:0;font-size:12px;position:fixed;top:calc(100dvh - 202px);left:0;right:0}.sf-key{font-size:12px}.sf-intro-best{display:none}.sf-flight-note{font-size:13px;top:55%;left:59%}.sf-note-line{width:25px;height:22px;top:-31px}.sf-footer{left:20px;right:20px;bottom:max(16px, env(safe-area-inset-bottom));font-size:11px}.sf-made{display:none}.sf-footer-note{font-size:12px}.sf-score{top:17%}.sf-score strong{font-size:64px}.sf-game-name{font-size:21px;left:54%}.sf-best{font-size:12px;top:84px;right:22px}.sf-tap-hint{font-size:13px;bottom:18%}.sf-result{padding:28px}.sf-vignette{background:linear-gradient(#fbf0ed45,#0000 70%)}}@media (max-height:650px) and (min-width:701px){.sf-intro h1{margin-bottom:14px;font-size:62px}.sf-intro{transform:translateY(-42%)}.sf-tagline{font-size:18px}.sf-description{margin-bottom:16px;font-size:14px}.sf-controls{margin-top:12px}.sf-primary{min-height:48px;font-size:16px}.sf-flight-note{top:72%}.sf-result{width:340px;padding:20px}.sf-result-symbol{display:none}.sf-result h2{font-size:22px}.sf-result p{margin-bottom:8px}.sf-results{margin:12px 0}.sf-results strong{font-size:40px}.sf-medal{margin:10px 0 14px}.sf-footer{bottom:12px}}@media (max-height:600px) and (max-width:700px){.sf-intro{top:75px}.sf-intro h1{font-size:44px}.sf-tagline{font-size:13px}.sf-description{display:none}.sf-intro>.sf-primary{min-height:46px;font-size:15px;top:calc(100dvh - 200px)}.sf-controls{top:calc(100dvh - 144px)}.sf-flight-note{display:none}.sf-result{padding:20px}.sf-result-symbol{display:none}.sf-results{margin:10px 0}.sf-medal{margin:10px 0 16px}}@media (prefers-reduced-motion:reduce){.sf-shell *{transition:none!important}}