:root{--ink:#123d38;--teal:#0f7168;--mint:#d8f2e7;--cream:#fffaf0;--orange:#f5a33b;--coral:#eb6b51;--line:#d6e2d9;font-family:"DM Sans",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f6fbf7,#fff8ec);min-height:100vh}.app-shell{max-width:920px;margin:auto;padding:18px 24px 42px}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:700}.brand img{width:42px;height:38px;object-fit:contain}.level-progress{display:flex;gap:6px}.level-progress i{width:9px;height:9px;background:#dbe8df;border-radius:50%}.level-progress i.done{background:var(--orange)}.screen{display:none}.screen.active{display:block}.hero-screen{min-height:calc(100vh - 100px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--teal);margin:0 0 12px}h1,h2{font-family:Fraunces,serif;line-height:1.02;margin:0}h1{font-size:clamp(46px,7vw,76px);max-width:560px}h1 em{color:var(--coral);font-style:normal}.intro{font-size:18px;line-height:1.45;max-width:480px;margin:22px 0 30px}.name-label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.start-row{display:flex;gap:10px}.start-row input,.tablet-card input{border:1.5px solid var(--line);border-radius:12px;background:white;color:var(--ink);font:inherit;padding:15px;outline-color:var(--teal)}.start-row input{width:200px}.button{border:0;border-radius:12px;padding:15px 19px;font:700 15px "DM Sans";cursor:pointer;text-decoration:none;display:inline-flex;gap:12px;align-items:center;justify-content:center}.primary{background:var(--ink);color:#fff;box-shadow:0 5px 0 #092e2b}.primary:hover{transform:translateY(-1px);box-shadow:0 6px 0 #092e2b}.hint,.feedback{font-size:14px;font-weight:700;min-height:20px;color:var(--coral)}.mascot-stage{position:relative;min-height:380px;display:grid;place-items:center}.sun-shape{position:absolute;width:280px;height:280px;border-radius:50%;background:#ffd36c;top:50%;left:50%;transform:translate(-50%,-48%)}.sunny{position:relative;max-width:100%;z-index:1}.hero-sunny{width:290px;filter:drop-shadow(0 18px 18px #123d3833)}.speech-bubble{position:absolute;right:-4px;top:80px;background:#fff;border-radius:18px 18px 3px;padding:13px 16px;font-size:14px;font-weight:700;box-shadow:0 6px 20px #123d3814;z-index:2}.spark{color:var(--orange);position:absolute;font-size:24px;z-index:2}.spark-one{left:32px;top:82px}.spark-two{right:7px;bottom:73px}.game-screen,.results-screen{max-width:710px;margin:55px auto 0}.game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.game-header h2,.results-screen h2{font-size:clamp(32px,5vw,48px)}.timer{background:var(--mint);padding:10px 13px;border-radius:10px;font:700 20px monospace}.timer.danger{background:#ffe0d8;color:#b44532}.scene-card{border-radius:22px;padding:24px 155px 24px 88px;position:relative;min-height:133px;overflow:hidden}.morning-scene{background:#fff0cb}.alert-scene{background:#ffe2d8}.scene-card p{font-size:17px;line-height:1.45;margin:0}.scene-icon{position:absolute;left:28px;top:40px;font-size:32px}.corner-sunny{position:absolute;width:118px;right:12px;bottom:-22px}.instruction{font-weight:700;margin:26px 0 14px}.pill-row,.slots{display:flex;gap:10px;flex-wrap:wrap}.pill-pill,.slot,.choices button{font:500 15px "DM Sans";cursor:pointer}.pill-pill{padding:12px 16px;border:2px solid #b4dbcb;border-radius:100px;background:white;color:var(--ink)}.pill-pill.selected{border-color:var(--teal);background:var(--mint)}.pill-pill.placed{opacity:.42;pointer-events:none}.slots{margin-top:16px}.slot{flex:1;min-width:140px;min-height:87px;text-align:left;padding:13px;border:2px dashed #a9cbbc;border-radius:15px;background:#f9fdf9;color:var(--ink)}.slot span{display:block;font-size:19px}.slot b{display:block;margin-top:5px;color:var(--teal)}.slot.correct{border-style:solid;border-color:var(--teal);background:var(--mint)}.slot.wrong{border-color:var(--coral);background:#fff0eb}.tablet-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:17px;background:white;padding:13px;margin-top:24px}.tablet-icon{width:38px;height:38px;border-radius:11px;background:var(--teal);color:white;display:grid;place-items:center}.tablet-card div:nth-child(2){display:grid;gap:3px;font-size:13px;flex:1}.tablet-card input{width:146px;padding:11px}.next-level{margin-top:22px}.dialogue-card{display:flex;gap:20px;background:#e9f7ef;border-radius:22px;padding:22px;align-items:center}.dialogue-sunny{width:135px;align-self:end}.dialogue p{margin:0 0 8px}.dialogue blockquote{margin:0;font:600 20px/1.35 Fraunces,serif}.choices{display:grid;gap:10px;margin-top:20px}.choices button{background:white;border:1.5px solid var(--line);color:var(--ink);text-align:left;border-radius:14px;padding:15px 17px;line-height:1.35}.choices button:hover,.choices button.selected{border-color:var(--teal);background:var(--mint)}.choices button:disabled{cursor:default}.results-screen{text-align:center;max-width:600px}.result-mascot{height:205px;position:relative;display:grid;place-items:center}.result-mascot .sun-shape{width:188px;height:188px}.result-mascot .sunny{height:205px}.results-screen>p:not(.eyebrow){font-size:17px;line-height:1.45}.score-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.score-cards div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:5px}.score-cards span{font-size:22px}.score-cards b{font:700 38px Fraunces,serif;color:var(--teal)}.score-cards small{color:#55716c}.whatsapp{width:100%;background:#168a57;box-shadow:0 5px 0 #0f6841}.link-button{margin-top:18px;border:0;background:transparent;color:var(--teal);text-decoration:underline;font:500 14px "DM Sans";cursor:pointer}@media(max-width:650px){.app-shell{padding:16px 18px 30px}.hero-screen{grid-template-columns:1fr;min-height:auto;padding-top:50px}.mascot-stage{min-height:290px;order:-1}.hero-sunny{width:230px}.sun-shape{width:225px;height:225px}.speech-bubble{right:0;top:30px}.game-screen,.results-screen{margin-top:42px}.start-row{display:grid}.start-row input{width:100%}.scene-card{padding-right:114px;padding-left:70px}.scene-icon{left:22px}.corner-sunny{width:92px}.tablet-card{align-items:flex-start;flex-wrap:wrap}.tablet-card input{width:100%}.dialogue-card{align-items:flex-end}.dialogue-sunny{width:95px}.score-cards{gap:8px}}