:root{font-family:"Trebuchet MS",Arial,sans-serif;color:#21314d;background:#eef6ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#fff7d6,transparent 30%),linear-gradient(145deg,#eaf7ff,#fdf8ed)}button{font:inherit;font-weight:800;cursor:pointer;border:0}.loading,.shell{min-height:100vh}.loading{display:grid;place-content:center;text-align:center}.pencil{font-size:5rem;animation:bob 1s infinite alternate}.loader{width:260px;height:15px;border-radius:20px;background:#dbe4ef;overflow:hidden}.loader i{display:block;height:100%;width:45%;background:#ffb441;animation:load 1.2s infinite}.shell{padding:28px}.tools{position:absolute;right:24px;top:22px;display:flex;gap:10px}.tools button,header button{width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 4px 15px #17436628}.home,.centered{display:grid;place-items:center}.card,.panel,.game-card{background:#fff;border-radius:32px;box-shadow:0 18px 55px #23476b20}.card{width:min(800px,94vw);padding:60px;text-align:center}.title img{max-width:100%;max-height:180px}.fallback{display:grid}.fallback span{font-size:2.4rem;color:#3669b2}.fallback strong{font-size:4.5rem;color:#ff745c}.fallback small{font-size:1.2rem;color:#1da57a}.demo,.bank,.sentence{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.demo{margin:35px}.demo span,.bank button,.sentence button{padding:13px 19px;border-radius:14px;background:#f2f7ff;border:2px solid #cde0f5;color:#243d64}.demo span:nth-child(2){transform:translateY(-8px)}.primary{background:#ff765d!important;color:#fff!important;padding:16px 32px;border-radius:18px;box-shadow:0 7px 0 #d94f3b}.card footer{margin-top:45px;display:flex;justify-content:space-between;align-items:end;gap:30px;text-align:left}.card footer p{max-width:390px;color:#617089}.card footer button{background:none;color:#3769ad}.panel{position:relative;width:min(680px,92vw);padding:48px}.panel li{margin:16px 0;line-height:1.5}.close{position:absolute;right:24px;top:18px;background:none;font-size:2rem}.game{padding:20px}.game header{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px}.game header>div:last-child{display:flex;gap:9px}.dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dots i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dce5ef;color:#627187;font-size:.72rem;font-style:normal;font-weight:bold}.dots .correct{background:#4ecb86;color:#fff}.dots .wrong{background:#f06868;color:#fff}.dots .current{outline:4px solid #ffc85c}.game-card{max-width:1050px;margin:28px auto;padding:32px}.heading{text-align:center}.heading b{color:#3770b8}.sentence{min-height:105px;padding:22px;border:3px dashed #9cc4e7;border-radius:22px;align-content:center}.sentence p{color:#8093aa}.bank{min-height:100px;margin-top:24px;padding:20px;background:#eef6ff;border-radius:22px}.bank button:hover,.sentence button:hover{transform:translateY(-2px)}.feedback{text-align:center;min-height:28px;font-weight:bold;color:#49617e}.actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.actions>button:not(.primary){padding:15px 25px;border-radius:17px;background:#fff1c9;color:#775717}.end{text-align:center}.trophy{font-size:5rem}.end>.dots{margin:25px}.end>button{margin:8px;padding:13px 25px;border-radius:15px}@keyframes bob{to{transform:translateY(-12px) rotate(5deg)}}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(230%)}}@media(max-width:650px){.shell{padding:12px}.card,.panel,.game-card{padding:24px}.fallback strong{font-size:3rem}.card footer{display:block;text-align:center}.game header{grid-template-columns:50px 1fr}.game header>div:last-child{grid-column:1/-1;justify-content:center}.dots i{width:25px;height:25px}.sentence,.bank{padding:12px}.bank button,.sentence button{padding:11px 13px}}