* { box-sizing: border-box; } body {margin: 0;}:root{--gjs-t-color-primary:#2563eb;--gjs-t-color-secondary:#facc15;--gjs-t-color-accent:#ef4444;--gjs-t-color-success:#22c55e;--gjs-t-color-warning:#f59e0b;--gjs-t-color-error:#f472b6;}html{scroll-behavior:smooth;}.gjs-t-body{background-color:#f0f6ff;color:#0f172a;font-size:16px;line-height:1.6;}.gjs-t-h1{color:#0f172a;font-size:42px;line-height:1.2;}.gjs-t-h2{color:#0f172a;font-size:28px;line-height:1.3;}.gjs-t-button{background-color:#2563eb;color:#ffffff;border-radius:12px;}.gjs-t-link{color:#2563eb;text-decoration:none;}.gjs-t-border{border-radius:16px;border-color:#e2e8f0;}*, ::before, ::after{box-sizing:border-box;undefined:undefined;border-width:0;border-style:solid;border-color:#e5e7eb;}html, :host{line-height:1.5;undefined:undefined;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;undefined:undefined;line-height:inherit;}hr{height:0;undefined:undefined;color:inherit;border-top-width:1px;}abbr:where([title]){text-decoration:underline dotted;}h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}a{color:inherit;text-decoration:inherit;}b, strong{font-weight:bolder;}code, kbd, samp, pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;undefined:undefined;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%;}sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;undefined:undefined;border-color:inherit;border-collapse:collapse;}button, input, optgroup, select, textarea{font-family:inherit;undefined:undefined;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button, select{text-transform:none;}button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']){-webkit-appearance:button;undefined:undefined;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto;}:-moz-ui-invalid{box-shadow:none;}progress{vertical-align:baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height:auto;}[type='search']{-webkit-appearance:textfield;undefined:undefined;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;undefined:undefined;font:inherit;}summary{display:list-item;}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{margin:0;}fieldset{margin:0;padding:0;}legend{padding:0;}ol, ul, menu{list-style:none;margin:0;padding:0;}dialog{padding:0;}textarea{resize:vertical;}input::placeholder, textarea::placeholder{opacity:1;undefined:undefined;color:#9ca3af;}button, [role="button"]{cursor:pointer;}:disabled{cursor:default;}img, svg, video, canvas, audio, iframe, embed, object{display:block;undefined:undefined;vertical-align:middle;}img, video{max-width:100%;height:auto;}[hidden]{display:none;}.body{font-family:Nunito;font-size:16px;line-height:1.625;}.header{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;padding-bottom:1rem;}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}.brand-cluster{display:flex;align-items:center;gap:1rem;}.brand-icon{width:3rem;height:3rem;border-radius:0.75rem;background-image:linear-gradient(to bottom right, #3b82f6   , rgb(59 130 246 / 0)   
);box-shadow:0 0 0 0px #fff,    0 0 0 calc(1px + 0px) rgb(59 130 246 / 0.5), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);display:flex;align-items:center;justify-content:center;outline-style:solid;outline-width:1px;outline-color:#e2e8f0;}.brand-icon-image{width:1.75rem;height:1.75rem;}.brand-text{display:flex;flex-direction:column;}.heading-title{font-family:Fredoka;font-weight:700;letter-spacing:-0.025em;}.subtitle{color:rgb(71 85 105 / 1);}.header-actions{display:flex;align-items:center;gap:1rem;}.header-link{display:inline-flex;align-items:center;gap:0.5rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.header-link:hover{outline-style:solid;outline-width:1px;outline-color:#bfdbfe;color:rgb(37 99 235 / 1);}.header-link-icon{width:1.25rem;height:1.25rem;}.button-start{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:600;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:0.75rem;}.button-start:hover{background-color:rgb(37 99 235 / 1);}.button-start:active{outline-style:solid;outline-width:2px;outline-color:#93c5fd;}.divider{margin-top:1.5rem;border-top-width:1px;border-color:rgb(226 232 240 / 1);}.main{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:4rem;}.game-section{display:grid;grid-template-columns:1fr 320px;gap:2rem;}.game-card{position:relative;border-width:1px;border-color:rgb(226 232 240 / 1);background-color:rgb(255 255 255 / 1);border-radius:1rem;overflow:hidden;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);}.game-topbar{display:flex;align-items:center;justify-content:space-between;padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem;background-image:linear-gradient(to right, #eff6ff   , rgb(239 246 255 / 0)   
);border-bottom-width:1px;border-color:rgb(226 232 240 / 1);}.score-cluster{display:flex;align-items:center;gap:1rem;}.score-item{display:flex;align-items:center;gap:0.5rem;}.score-icon{width:1.25rem;height:1.25rem;}.score-label{color:rgb(51 65 85 / 1);}.score-value{font-weight:700;color:rgb(29 78 216 / 1);}.lives-item{display:flex;align-items:center;gap:0.5rem;}.lives-icon{width:1.25rem;height:1.25rem;}.lives-label{color:rgb(51 65 85 / 1);}.lives-value{font-weight:700;color:rgb(220 38 38 / 1);}.level-item{display:flex;align-items:center;gap:0.5rem;}.level-icon{width:1.25rem;height:1.25rem;}.level-label{color:rgb(51 65 85 / 1);}.speed-value{font-weight:700;color:rgb(217 119 6 / 1);}.topbar-controls{display:flex;align-items:center;gap:0.75rem;}.button-start-topbar{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:600;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:0.75rem;}.button-start-topbar:hover{background-color:rgb(37 99 235 / 1);}.button-restart{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:600;border-radius:0.75rem;background-color:rgb(245 158 11 / 1);color:rgb(255 255 255 / 1);box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.button-restart:hover{background-color:rgb(217 119 6 / 1);}.sound-toggle-label{display:flex;align-items:center;gap:0.5rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.75rem;border-width:1px;border-color:rgb(203 213 225 / 1);cursor:pointer;user-select:none;}.sound-toggle-label:hover{border-color:rgb(96 165 250 / 1);}.sound-toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;}.sound-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;}.sound-icon{width:1.25rem;height:1.25rem;}.sound-toggle-text{color:rgb(51 65 85 / 1);}.game-area-wrap{position:relative;}.game-background-image{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;pointer-events:none;}.game-area{position:relative;width:100%;height:520px;overflow:hidden;}.overlay{position:absolute;inset:0px;display:flex;align-items:center;justify-content:center;}.overlay-card{background-color:rgb(255 255 255 / 0.9);backdrop-filter:blur(4px);border-width:1px;border-color:rgb(226 232 240 / 1);border-radius:1rem;padding:2rem;max-width:520px;margin-left:auto;margin-right:auto;text-align:center;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}.overlay-title{font-family:Fredoka;font-weight:700;margin-bottom:0.5rem;}.overlay-description{color:rgb(51 65 85 / 1);margin-bottom:1.25rem;}.howto-list{color:rgb(51 65 85 / 1);text-align:left;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem;margin-bottom:1.5rem;}.howto-item{display:flex;align-items:center;gap:0.5rem;}.howto-icon{width:1.25rem;height:1.25rem;}.overlay-actions{display:flex;align-items:center;justify-content:center;gap:0.75rem;}.button-play{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;font-weight:600;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:0.75rem;}.button-play:hover{background-color:rgb(37 99 235 / 1);}.button-play:active{outline-style:solid;outline-width:2px;outline-color:#93c5fd;}.button-mute{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;font-weight:600;border-radius:0.75rem;background-color:rgb(244 63 94 / 1);color:rgb(255 255 255 / 1);box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.button-mute:hover{background-color:rgb(225 29 72 / 1);}.game-footer{padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem;background-image:linear-gradient(to right, #fefce8   , rgb(254 252 232 / 0)   
);border-top-width:1px;border-color:rgb(226 232 240 / 1);}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;}.combo-cluster{display:flex;align-items:center;gap:0.5rem;color:rgb(51 65 85 / 1);}.combo-icon{width:1.25rem;height:1.25rem;}.combo-value{font-weight:700;color:rgb(217 119 6 / 1);}.footer-buttons{display:flex;align-items:center;gap:0.75rem;}.button-pause{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.75rem;background-color:rgb(30 41 59 / 1);color:rgb(255 255 255 / 1);box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.button-pause:hover{background-color:rgb(51 65 85 / 1);}.button-resume{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.75rem;background-color:rgb(22 163 74 / 1);color:rgb(255 255 255 / 1);box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.button-resume:hover{background-color:rgb(21 128 61 / 1);}.sidebar-card{border-width:1px;border-color:rgb(226 232 240 / 1);background-color:rgb(255 255 255 / 1);border-radius:1rem;overflow:hidden;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);}.sidebar-header{padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem;border-bottom-width:1px;border-color:rgb(226 232 240 / 1);background-image:linear-gradient(to right, #fef2f2   , rgb(254 242 242 / 0)   
);}.sidebar-title{font-family:Fredoka;font-weight:600;}.sidebar-content{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;}.profile-section{display:flex;flex-direction:column;gap:0.75rem;}.profile-row{display:flex;align-items:center;gap:0.75rem;}.profile-image{width:3rem;height:3rem;border-radius:9999px;object-fit:cover;box-shadow:0 0 0 0px #fff,    0 0 0 calc(1px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;outline-style:solid;outline-width:1px;outline-color:#e2e8f0;}.profile-text{display:flex;flex-direction:column;}.profile-name{font-weight:600;color:rgb(30 41 59 / 1);}.profile-tagline{color:rgb(100 116 139 / 1);}.settings-section{display:flex;flex-direction:column;gap:0.75rem;}.settings-title{font-weight:600;color:rgb(30 41 59 / 1);}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;}.setting-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;}.setting-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;}.toggle-track{width:2.5rem;height:1.5rem;border-radius:9999px;background-color:rgb(203 213 225 / 1);position:relative;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.toggle-text{color:rgb(51 65 85 / 1);}.stats-section{display:flex;flex-direction:column;gap:0.75rem;}.stats-title{font-weight:600;color:rgb(30 41 59 / 1);}.stats-list{display:flex;flex-direction:column;gap:0.5rem;}.stats-item{display:flex;align-items:center;justify-content:space-between;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.75rem;border-width:1px;border-color:rgb(226 232 240 / 1);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.stats-item:hover{border-color:rgb(96 165 250 / 1);}.stats-label{color:rgb(51 65 85 / 1);}.stats-value{font-weight:700;color:rgb(217 119 6 / 1);}.tips-section{display:flex;flex-direction:column;gap:0.75rem;}.tips-title{font-weight:600;color:rgb(30 41 59 / 1);}.tips-list{display:flex;flex-direction:column;gap:0.5rem;color:rgb(51 65 85 / 1);}.tips-item{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.75rem;border-width:1px;border-color:rgb(226 232 240 / 1);}.share-section{display:flex;align-items:center;gap:0.75rem;padding-top:0.5rem;border-top-width:1px;border-color:rgb(226 232 240 / 1);}.button-share{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.75rem;background-color:rgb(79 70 229 / 1);color:rgb(255 255 255 / 1);box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:inline-flex;align-items:center;gap:0.5rem;}.button-share:hover{background-color:rgb(67 56 202 / 1);}.share-icon{width:1.25rem;height:1.25rem;}.link-leaderboard{display:inline-flex;align-items:center;gap:0.5rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.75rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.link-leaderboard:hover{outline-style:solid;outline-width:1px;outline-color:#bfdbfe;color:rgb(37 99 235 / 1);}.leaderboard-icon{width:1.25rem;height:1.25rem;}.secondary-section{margin-top:4rem;border-width:1px;border-color:rgb(226 232 240 / 1);background-color:rgb(255 255 255 / 1);border-radius:1rem;overflow:hidden;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);}.features-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));}.feature-card{padding:1.5rem;}.feature-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;}.feature-icon{width:1.5rem;height:1.5rem;}.feature-title{font-family:Fredoka;font-weight:600;color:rgb(30 41 59 / 1);}.feature-text{color:rgb(51 65 85 / 1);}.cta-row{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem;background-image:linear-gradient(to right, #eff6ff   , rgb(239 246 255 / 0)   
);border-top-width:1px;border-color:rgb(226 232 240 / 1);}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;}.cta-text-cluster{display:flex;align-items:center;gap:0.75rem;}.cta-icon{width:1.5rem;height:1.5rem;}.cta-text{color:rgb(30 41 59 / 1);}.cta-button{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:600;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:0.75rem;}.cta-button:hover{background-color:rgb(37 99 235 / 1);}.gallery-section{margin-top:4rem;}.gallery-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem;}.gallery-image{width:100%;height:160px;object-fit:cover;border-radius:0.75rem;outline-style:solid;outline-width:1px;outline-color:#e2e8f0;}.footer{margin-top:5rem;border-top-width:1px;border-color:rgb(226 232 240 / 1);}.footer-content{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;padding-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}.footer-text{color:rgb(71 85 105 / 1);}.footer-links{display:flex;align-items:center;gap:0.75rem;}.footer-link{display:inline-flex;align-items:center;gap:0.5rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;border-radius:0.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.footer-link:hover{outline-style:solid;outline-width:1px;outline-color:#bfdbfe;color:rgb(37 99 235 / 1);}.footer-icon{width:1.25rem;height:1.25rem;}@media (max-width: 992px){.game-section{grid-template-columns:repeat(1, minmax(0, 1fr));}.game-area{height:440px;}.features-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.gallery-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}}@media (max-width: 480px){.game-area{height:360px;}.features-grid{grid-template-columns:repeat(1, minmax(0, 1fr));}.gallery-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}