.sy-page{--cream:#fff5dc;--forest:#243f35;--tomato:#e75e43;min-height:100svh;background:#172a24;color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-inter),sans-serif;padding:28px}.sy-shell{width:min(1440px,100%);aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:22px;box-shadow:0 24px 100px #07140f80;background:#857449;isolation:isolate}.sy-canvas{display:block;width:100%;height:100%}.sy-shell button{font:inherit;cursor:pointer;touch-action:none;transition:background .18s,transform .18s}.sy-shell a:focus-visible,.sy-shell button:focus-visible{outline:3px solid #fff3bc;outline-offset:4px}.sy-shell button:disabled{cursor:default;opacity:.45}.sy-hud{position:absolute;left:0;top:0;right:0;height:78px;justify-content:space-between;padding:12px 26px;background:#fff4ddeb;backdrop-filter:blur(16px);color:var(--forest);border-bottom:1px solid #fff8e894;z-index:4}.sy-brand,.sy-hud{display:flex;align-items:center}.sy-brand{gap:12px;color:inherit;text-decoration:none;font-weight:800;font-size:17px}.sy-brand img{width:43px;height:48px;-o-object-fit:contain;object-fit:contain}.sy-brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:3px}.sy-city{text-align:center}.sy-city strong{font:600 25px Georgia,serif;letter-spacing:3px}.sy-city span{display:block;font-size:9px;letter-spacing:1px;margin-top:4px}.sy-stats{display:flex;align-items:center;gap:10px}.sy-hearts{display:flex;gap:3px;color:#b35239}.sy-score{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;min-width:74px}.sy-score img{width:22px;height:26px;-o-object-fit:contain;object-fit:contain}.sy-stats button{border:1px solid #314d3a20;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#254637;color:#fff4dc}.sy-stats svg{width:17px}.sy-intro{position:absolute;left:6%;top:23%;text-shadow:0 2px 20px #202d26c0}.sy-intro:before{content:"";position:absolute;inset:-20% -35%;z-index:-1;background:radial-gradient(ellipse,#17291d75,transparent 70%);pointer-events:none}.sy-intro h1{font:italic 800 clamp(42px,6.5vw,94px) /1 Georgia,serif;letter-spacing:-4px;margin:0 0 25px;color:#fff9e6}.sy-intro h1 small{display:block;font:normal 24px/1.5 Georgia,serif;letter-spacing:3px;margin-top:6px}.sy-intro p{font:24px/1.35 Georgia,serif;margin:0 0 24px}.sy-primary{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#294c3d;color:#fff5dc;padding:17px 24px;border-radius:12px;border:1px solid #dce9b873;box-shadow:0 5px 20px #162c2833;font-weight:600!important;min-width:245px}.sy-primary:hover{background:#3e6450;transform:translateY(-2px)}.sy-secondary{display:flex;align-items:center;gap:18px;margin-top:14px;background:transparent;border:0;color:#fff6df;padding:9px 0;text-shadow:0 2px 8px #142618}.sy-progress{position:absolute;top:78px;left:0;right:0;height:3px;background:#24433644}.sy-progress span{display:block;height:100%;background:#ecb967;transition:width .2s}.sy-power{position:absolute;top:97px;left:25px;display:flex;align-items:center;gap:8px;background:#823e2ad9;border:1px solid #ffaa7970;padding:7px 13px;border-radius:30px;font-size:10px;letter-spacing:1px}.sy-power img{width:24px;height:24px}.sy-message{top:99px;left:50%;transform:translateX(-50%);background:#234535e8;padding:11px 18px;border:1px solid #eae9b744;border-radius:30px;font-size:12px;text-align:center;max-width:70%}.sy-message,.sy-touch{position:absolute;pointer-events:none}.sy-touch{bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between}.sy-touch>div{display:flex;gap:12px;align-items:flex-end}.sy-touch button{pointer-events:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:62px;height:62px;border-radius:50%;background:#1f3d32c9;border:1px solid #fff4d766;color:#fff6df;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(7px)}.sy-touch button:active{transform:scale(.93);background:#536c42}.sy-touch small{font-size:8px;letter-spacing:1px;margin-top:2px}.sy-touch .sy-jump{width:74px;height:74px;background:#f2e7cce6;color:#244334}.sy-touch .sy-fire.is-powered{background:#ba452edb}.sy-veil{position:absolute;inset:0;background:#10291f85;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:5}.sy-dialog{position:relative;background:#fff4df;color:#294435;text-align:center;padding:28px 38px;border-radius:22px;max-width:560px;box-shadow:0 24px 80px #00190d44}.sy-dialog h2{font:32px/1.15 Georgia,serif;margin:0 0 12px}.sy-dialog p{font-size:13px;line-height:1.6;margin:0 0 22px;color:#62705e}.sy-dialog-mascot{width:76px;height:88px;-o-object-fit:contain;object-fit:contain;margin:0 auto 12px}.sy-dialog .sy-primary{margin:auto;justify-content:center}.sy-dialog-actions{display:flex;justify-content:center;gap:24px;margin-top:18px}.sy-dialog-actions button{display:flex;gap:7px;align-items:center;border:0;background:none;color:#425d47;font-size:12px}.sy-close{position:absolute;right:14px;top:14px;background:none;border:0;color:#294435}.sy-levels{width:750px;max-width:90%;padding:26px}.sy-city-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sy-city-list button{padding:0 0 14px;text-align:left;border:1px solid #425f3822;background:#fff9ed;border-radius:12px;overflow:hidden;color:#2d4936}.sy-city-list img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.sy-city-list span{display:block;padding:12px}.sy-city-list small{font-size:9px;letter-spacing:2px}.sy-city-list strong{display:block;font:24px Georgia,serif;margin:3px 0}.sy-city-list em{font-size:10px;font-style:normal}.sy-city-list svg{margin-left:12px;width:16px;height:16px}.sy-rotate{display:none}.sy-footer{width:min(1440px,100%);display:flex;justify-content:space-between;gap:20px;padding:18px 5px 0;font-size:10px;letter-spacing:1px;color:#b8c5b7}.sy-footer b{font-weight:400;letter-spacing:0;color:#7f9789;margin-left:5px}.sy-footer i{margin:0 12px}.sy-footer a{color:inherit;text-decoration:none}.sy-shell:fullscreen{width:100vw;height:100dvh;border-radius:0;aspect-ratio:auto}.sy-shell:fullscreen .sy-canvas{-o-object-fit:contain;object-fit:contain}.sy-touch{opacity:.65}.sy-touch:hover{opacity:1}@media (pointer:coarse){.sy-touch{opacity:1}.sy-footer>span{display:none}}@media (max-width:1000px) and (orientation:landscape){.sy-page{padding:0;min-height:100dvh}.sy-shell{width:100%;height:100dvh;aspect-ratio:auto;border-radius:0}.sy-footer{display:none}.sy-hud{height:52px;padding:6px max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}.sy-brand{gap:7px;font-size:12px}.sy-brand img{width:29px;height:36px}.sy-brand small{font-size:6px;letter-spacing:1px}.sy-city strong{font-size:19px}.sy-city span{font-size:8px}.sy-stats{gap:7px}.sy-stats button{width:30px;height:30px}.sy-hearts svg{width:13px}.sy-score{font-size:11px;min-width:53px;gap:4px}.sy-score img{width:17px;height:20px}.sy-full{display:none!important}.sy-intro{top:22%;left:7%}.sy-intro h1{font-size:53px;margin-bottom:12px}.sy-intro h1 small{font-size:17px;letter-spacing:2px}.sy-intro p{font-size:18px;margin-bottom:15px}.sy-primary{padding:11px 18px;min-width:210px;font-size:12px!important}.sy-secondary{font-size:11px;margin-top:7px}.sy-progress{top:52px}.sy-message{top:65px;font-size:10px;padding:8px 13px;max-width:65%}.sy-power{top:66px;left:15px;font-size:8px;padding:5px 8px}.sy-power img{width:18px;height:18px}.sy-touch{bottom:max(12px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}.sy-touch button{width:60px;height:60px}.sy-touch .sy-jump{width:70px;height:70px}.sy-dialog{padding:20px 32px;max-height:95%;overflow:auto}.sy-dialog-mascot{height:52px;width:52px;margin-bottom:8px}.sy-dialog h2{font-size:26px}.sy-dialog p{margin-bottom:14px}.sy-city-list img{height:70px}.sy-levels{padding:20px}.sy-levels p{margin-bottom:14px}.sy-city-list strong{font-size:21px}}@media (orientation:portrait) and (pointer:coarse){.sy-page{padding:0}.sy-shell{height:100dvh;width:100vw;border-radius:0}.sy-rotate{display:flex;position:absolute;inset:0;z-index:20;background:#203d32;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.sy-rotate>svg{transform:rotate(90deg);margin-bottom:30px;color:#edc782}.sy-rotate h2{font:36px/1.15 Georgia,serif;margin:0 0 20px}.sy-rotate p{font-size:14px;line-height:1.8;color:#c5d3bc}.sy-rotate a{color:#efcd94;font-size:12px;margin-top:24px}.sy-footer{display:none}}@media (prefers-reduced-motion:reduce){.sy-shell *{transition:none!important}}@media (max-width:1000px) and (orientation:portrait) and (pointer:fine){.sy-hud{height:50px;padding:8px 13px}.sy-brand{font-size:11px;gap:6px}.sy-brand img{width:27px;height:32px}.sy-brand small{font-size:6px;letter-spacing:1px}.sy-city strong{font-size:18px}.sy-city span{display:none}.sy-stats{gap:6px}.sy-stats button{width:27px;height:27px}.sy-hearts svg{width:12px}.sy-score{font-size:10px;min-width:50px}.sy-score img{width:16px;height:20px}.sy-intro{top:22%}.sy-intro h1{font-size:44px;margin-bottom:13px;letter-spacing:-2px}.sy-intro h1 small{font-size:15px;letter-spacing:1px}.sy-intro p{font-size:17px;margin-bottom:14px}.sy-primary{font-size:11px!important;padding:10px 16px;min-width:190px}.sy-secondary{font-size:10px;margin-top:4px}.sy-progress{top:50px}.sy-message{top:61px;font-size:9px}.sy-power{top:61px}.sy-touch button{width:45px;height:45px}.sy-touch .sy-jump{width:54px;height:54px}.sy-touch{bottom:10px}.sy-dialog{padding:18px 26px}.sy-dialog-mascot{width:48px;height:52px}.sy-dialog h2{font-size:22px}.sy-dialog p{font-size:11px;margin-bottom:12px}.sy-city-list img{height:70px}.sy-levels{padding:20px}.sy-footer{font-size:8px}.sy-footer i{margin:0 5px}}.sy-shell{container-type:inline-size}.sy-mode-menu{background:#25392e url(/games/spaggyeti/menu.webp) 50%/cover}.sy-premium-intro{top:12%;left:10%;width:42%;text-align:center;text-shadow:0 4px 24px #181b25a6}.sy-premium-intro:before{display:none}.sy-premium-intro h1{font:italic 700 8.2cqw/.94 Georgia,serif;letter-spacing:-.045em;margin:0;color:#fff2d2}.sy-premium-intro h1 small{font:400 1.2cqw/1.4 Georgia,serif;text-transform:uppercase;letter-spacing:.44em;margin-top:1.6cqw}.sy-title-rule{display:flex;align-items:center;justify-content:center;gap:14px;color:#dec690;margin:1.2cqw auto;width:76%;font-size:1.1cqw}.sy-title-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#dcc086)}.sy-title-rule span:last-child{transform:scaleX(-1)}.sy-premium-intro p{font:italic 1.45cqw/1.5 Georgia,serif;margin:0 0 2.1cqw;white-space:nowrap;color:#fff1d2}.sy-menu-buttons{display:grid;gap:1cqw;width:78%;margin:auto}.sy-menu-button{position:relative;display:flex;align-items:center;justify-content:center;min-height:4.7cqw;padding:.6cqw 1.5cqw .6cqw 5cqw;background:linear-gradient(135deg,#294d35f5,#122d21fa 75%);color:#fff3d5;border:1px solid #dfc48a;border-radius:999px;box-shadow:inset 0 0 0 3px #152e24,inset 0 0 0 4px #bcaa7466,0 6px 24px #101a2159;font:400 1.65cqw Georgia,serif!important;text-shadow:0 2px 3px #10201f}.sy-menu-button>span{position:absolute;left:.45cqw;top:.45cqw;bottom:.45cqw;aspect-ratio:1;border:1px solid #dfc48a88;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#304b32,#122c23)}.sy-menu-button svg{width:1.8cqw;height:1.8cqw;stroke-width:1.6}.sy-menu-button:hover{background:linear-gradient(135deg,#45623af5,#1b3e2cfa 75%);transform:translateY(-2px);box-shadow:inset 0 0 0 3px #203c28,inset 0 0 0 4px #bcaa74,0 8px 26px #09130f70}.sy-menu-button:active{transform:translateY(1px)}.sy-menu-bottom{position:absolute;bottom:3%;left:4%;right:3%;display:flex;align-items:center;justify-content:center;pointer-events:none}.sy-menu-bottom>a{pointer-events:auto;color:#edd5a0;text-decoration:none;letter-spacing:.2em;font:1.05cqw Georgia,serif;text-align:center}.sy-menu-bottom small{display:block;font:400 .55cqw var(--font-inter),sans-serif;letter-spacing:.4em;margin-top:.65cqw}.sy-menu-bottom>div{position:absolute;right:0;display:flex;gap:10px;pointer-events:auto}.sy-menu-bottom button{width:3.5cqw;height:3.5cqw;border-radius:50%;color:#f0d9aa;background:#172b1dd9;border:1px solid #d3b873;display:grid;place-items:center;box-shadow:inset 0 0 0 3px #192919}.sy-menu-bottom svg{width:1.6cqw;height:1.6cqw}.sy-power span{display:flex;align-items:center;gap:12px}.sy-power strong{font-size:13px;letter-spacing:0}.sy-help{max-width:700px}.sy-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;margin:24px 0}.sy-help-grid svg{width:20px;color:#916c38;margin-bottom:7px}.sy-help-grid strong{display:block;font-size:13px}.sy-help-grid p{font-size:12px;margin:7px 0 0}.sy-close{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #44553c30;background:#fffaf0}.sy-close svg{width:17px;height:17px}.sy-city-list button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 16px #22493417}.sy-mode-entering .sy-hud{opacity:.7}@media (max-width:1000px) and (orientation:landscape){.sy-premium-intro{top:8%;left:9%;width:43%}.sy-premium-intro h1{font-size:7.9cqw}.sy-premium-intro h1 small{font-size:1.1cqw;margin-top:1cqw}.sy-title-rule{margin:1cqw auto}.sy-premium-intro p{font-size:1.4cqw;margin-bottom:1.3cqw}.sy-menu-buttons{gap:.8cqw;width:84%}.sy-menu-button{min-height:5cqw;font-size:1.8cqw!important}.sy-menu-button>span{left:.45cqw;top:.45cqw;bottom:.45cqw}.sy-menu-button svg{width:2cqw;height:2cqw}.sy-menu-bottom{bottom:4%}.sy-menu-bottom button{width:4.4cqw;height:4.4cqw}.sy-menu-bottom svg{width:2.3cqw;height:2.3cqw}.sy-menu-bottom>a{font-size:1.2cqw}.sy-menu-bottom small{font-size:.65cqw}.sy-help h2{font-size:23px}.sy-help-grid{gap:10px 20px;margin:13px 0}.sy-help-grid p{font-size:10px}.sy-help-grid strong{font-size:11px}.sy-help-grid svg{display:none}}@media (max-width:1000px) and (orientation:portrait) and (pointer:fine){.sy-premium-intro{top:11%;left:9%;width:44%}.sy-premium-intro h1{font-size:8cqw}.sy-premium-intro h1 small{font-size:1.3cqw;margin-top:1cqw}.sy-premium-intro p{font-size:1.55cqw;margin-bottom:1.5cqw}.sy-menu-button{font-size:1.8cqw!important;min-height:5.5cqw}.sy-menu-buttons{width:84%;gap:1cqw}.sy-menu-bottom button{min-width:27px;min-height:27px}.sy-menu-bottom svg{min-width:14px;min-height:14px}}