.syllable-game{--blue:#2279d2;--blue-dark:#1556a0;--sky:#dff3ff;--yellow:#ffd84d;--pink:#ff77a8;--green:#66bd63;color:#17324e;background:linear-gradient(#83cdf7 0,#dff4ff 42%,#f5fbff 100%);min-height:100vh;font-family:Trebuchet MS,Arial,sans-serif;position:relative;overflow:hidden}.syllable-game:before,.syllable-game:after{content:"";z-index:0;filter:blur(.2px);background:#ffffffb8;border-radius:70px;width:220px;height:70px;position:fixed}.syllable-game:before{top:135px;left:-30px;box-shadow:75px -28px 0 18px #ffffffb8,150px 4px 0 -8px #ffffffb8}.syllable-game:after{top:210px;right:-45px;box-shadow:-72px -25px 0 15px #ffffffa8,-145px 5px 0 -12px #ffffffa8}.syllable-game>header{z-index:5;background:#fff;border-bottom:4px solid #ffd84d;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:10px clamp(18px,5vw,70px);display:flex;position:relative;box-shadow:0 5px 18px #1c69a824}.syllable-game header>a{color:#176ab7;background:#edf8ff;border:2px solid #b9ddf5;border-radius:14px;padding:10px 13px;font-size:11px;font-weight:900;text-decoration:none}.syllable-game header>div{color:#176ab7;align-items:center;gap:10px;font:800 19px Trebuchet MS,Arial,sans-serif;display:flex}.syllable-game header img{object-fit:contain;width:54px;height:54px}.syllable-game header>span{color:#8c6811;background:#fff7c8;border:2px solid #ffe47d;border-radius:22px;padding:10px 15px;font-size:11px;font-weight:900}.game-stage{z-index:2;text-align:center;max-width:940px;margin:auto;padding:34px 22px 60px;position:relative}.game-stage:before{content:"★";color:#fff46a;text-shadow:0 3px #e9ad2a;font-size:34px;position:absolute;top:72px;left:1%;transform:rotate(-15deg)}.game-stage:after{content:"✦";color:#ff88b4;font-size:40px;position:absolute;top:130px;right:2%;transform:rotate(12deg)}.game-intro>span{color:#1b71c3;letter-spacing:1.5px;background:#fff;border-radius:18px;padding:7px 13px;font-size:10px;font-weight:900;display:inline-block;box-shadow:0 6px 16px #1765a320}.game-intro h1{color:#fff;letter-spacing:-1px;text-shadow:0 4px #286ca7,0 8px 18px #1d609238;margin:10px 0 5px;font:900 clamp(35px,5vw,51px) Trebuchet MS,Arial,sans-serif}.game-intro p{color:#285f8d;margin:0;font-size:13px;font-weight:700}.word-challenge{background:#fff;border:4px solid #fff;border-radius:32px;max-width:700px;margin:25px auto 18px;padding:25px 30px 30px;position:relative;box-shadow:0 12px #57a9df,0 24px 55px #226da632}.word-challenge:before,.word-challenge:after{font-size:25px;position:absolute;top:18px}.word-challenge:before{content:"●";color:#ff77a8;left:20px}.word-challenge:after{content:"●";color:#ffd84d;right:20px}.picture{background:linear-gradient(145deg,#e8f8ff,#fff);border:3px solid #bde4fa;border-radius:28px;place-items:center;width:128px;height:112px;margin:auto;font-size:72px;line-height:1;display:grid;box-shadow:inset 0 -8px #d5effc}.answer{justify-content:center;align-items:center;gap:11px;margin:18px 0 7px;display:flex}.answer span{color:#76a8ca;background:#edf8ff;border:3px dashed #87c7ee;border-radius:18px;place-items:center;width:96px;height:68px;font:900 29px Trebuchet MS,Arial,sans-serif;display:grid}.answer span.filled{color:#155fa9;background:#d9efff;border-style:solid;border-color:#2279d2;box-shadow:inset 0 -5px #b7def8}.answer i{color:#ff77a8;font-size:25px;font-style:normal;font-weight:900}.word-challenge>strong{color:#298d42;letter-spacing:4px;min-height:31px;font:900 25px Trebuchet MS,Arial,sans-serif;display:block}.word-challenge>p{color:#55728b;margin:7px 0;font-size:11px;font-weight:700}.word-challenge>p.success{color:#298d42;font-weight:900}.syllable-options{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:19px;display:grid}.syllable-options button{color:#1768b1;cursor:pointer;background:#e9f7ff;border:2px solid #8bc8ed;border-radius:15px;padding:14px;font:900 19px Trebuchet MS,Arial,sans-serif;transition:all .18s;box-shadow:0 4px #71b5df}.syllable-options button:nth-child(3n+2){color:#b33a69;box-shadow-color:#f397b8;background:#fff0f6;border-color:#ffb6d0}.syllable-options button:nth-child(3n){color:#936d0d;box-shadow-color:#e7c446;background:#fff9d3;border-color:#ffe071}.syllable-options button:hover:not(:disabled){filter:saturate(1.1);transform:translateY(-3px)}.syllable-options button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.syllable-options button:disabled{opacity:.55}.next-word{color:#fff;cursor:pointer;background:#66bd63;border:2px solid #52a44e;border-radius:16px;margin-top:20px;padding:14px 23px;font-size:11px;font-weight:900;box-shadow:0 5px #459244}.progress{justify-content:center;gap:7px;margin-top:24px;display:flex}.progress span{background:#b6dcf1;border:2px solid #fff;border-radius:8px;width:35px;height:8px}.progress span.active{background:#ffd84d;box-shadow:0 2px #d5a920}.progress span.done{background:#70c66a}.play-game-link{background:#2279d2!important;box-shadow:0 8px 18px #1766a52b!important}@media (width<=560px){.syllable-game>header{flex-wrap:wrap}.syllable-game header>div{order:-1;justify-content:center;width:100%}.syllable-game header img{width:45px;height:45px}.game-intro h1{font-size:35px}.word-challenge{border-radius:25px;padding:22px 15px 27px}.picture{width:108px;height:95px;font-size:61px}.syllable-options{grid-template-columns:repeat(2,1fr)}.game-stage:before,.game-stage:after{display:none}}