:root{--green:#00a574;--dark:#003d32;--mint:#c9fae7}*{box-sizing:border-box}html,body{background:#effcf5;min-height:100%;margin:0;overflow:hidden}body{color:#102c27;font-family:ui-rounded,Arial Rounded MT Bold,Segoe UI,sans-serif}button,select,input{font:inherit}.app{background:linear-gradient(135deg,#effdf5,#fff,#d9faea);place-items:center;width:100%;height:100dvh;display:grid}.menu-card{text-align:center;background:#fff;border-radius:48px;flex-direction:column;align-items:center;width:min(90%,390px);max-height:94dvh;padding:24px 28px;display:flex;box-shadow:0 25px 60px #063b2a28}.star{width:115px;height:100px;position:relative}.star span{color:#00b979;-webkit-text-stroke:4px #061c17;filter:drop-shadow(0 7px 8px #00694230);font-size:112px;line-height:.9}.star i{color:#c8ff00;text-shadow:0 0 9px #c8ff00;font-size:43px;font-style:normal;animation:1.9s ease-in-out infinite glow;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}@keyframes glow{50%{opacity:.35;filter:brightness(.65)}}.eyebrow{color:var(--green);letter-spacing:.16em;margin:8px 0;font-size:11px;font-weight:1000}.menu-card h1{letter-spacing:-.09em;color:var(--dark);white-space:nowrap;margin:0 0 14px;font-size:clamp(31px,9vw,43px);font-style:italic}.menu-card h1>span{display:inline-block;position:relative}.menu-card h1 i{font-size:.33em;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.champ{color:#8b341e;background:#fff9ef;border:1px solid #f2d4ab;border-radius:18px;margin-bottom:16px;padding:9px 15px;font-size:12px}.champ small{color:#a66a54}.champ strong{color:#ee6e20;font-size:18px}.twins{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.twins button{color:#087258;background:#f0fff8;border:2px solid #d8f6e9;border-radius:17px;padding:11px 4px;font-weight:900}.twins small{font-size:9px;display:block}.twins .selected,.directions .selected{color:#00684c;background:#e3fff4;border-color:#6ee5ba}.menu-card select{text-align:center;color:#062e25;background:#caffea;border:2px solid #a9efd4;border-radius:16px;width:100%;margin:17px 0;padding:14px;font-weight:900}.start{background:var(--green);color:#fff;border:0;border-radius:23px;width:100%;padding:15px;font-size:24px;font-weight:1000;box-shadow:0 8px 18px #00865d3d}.start small{font-size:10px;display:block}.game{background:#f9fffc;grid-template-rows:122px 1fr 94px;width:min(100%,900px);height:100dvh;display:grid;overflow:hidden}.question{background:var(--green);color:#fff;text-align:center;border-radius:0 0 52px 52px;place-items:center;padding:18px 90px;display:grid;position:relative}.question strong{font-size:clamp(27px,6vw,42px)}.question button{color:#fff;background:#08bd87;border:0;border-radius:50%;width:60px;height:60px;font-size:22px;font-weight:900;position:absolute;top:50%;right:9%;transform:translateY(-50%)}.question small{color:#ceff16;font-weight:900;position:absolute;bottom:9px}.field{position:relative;overflow:hidden}.bug{width:clamp(96px,26%,155px);min-height:112px;animation:fall var(--duration) linear forwards;z-index:2;background:#ffcbd9;border:2px solid #fff;border-radius:24px;padding:11px 5px;position:absolute;top:-135px;box-shadow:0 10px 24px #174f3c22}.lane0{left:4%;transform:rotate(-6deg)}.lane1{background:#ffe9a8;animation-delay:.25s;left:37%}.lane2{background:#bce9c3;animation-delay:.5s;right:3%}.bug span,.bug b,.bug small{display:block}.bug span{font-size:26px}.bug b{overflow-wrap:anywhere;font-size:clamp(17px,4.5vw,24px)}.bug small{color:#087258;margin-top:4px;font-size:11px}.bug.wrong{background:#ffd4d4;border-color:#ef4444;animation-play-state:paused}.bug.correct{background:#d8ffe7;border-color:#22c55e;animation-play-state:paused;transform:scale(1.08)}.paused .bug,.game.paused .bug{animation-play-state:paused}@keyframes fall{0%{top:-135px}25%{transform:translate(18px)rotate(7deg)}50%{transform:translate(-14px)rotate(-5deg)}75%{transform:translate(20px)rotate(8deg)}to{top:calc(100% + 130px)}}.burst{color:#ffbe36;font-size:26px;animation:.8s ease-out both burst;position:absolute;bottom:12px;left:45%}@keyframes burst{to{opacity:0;transform:scale(3)rotate(90deg)}}.controls{background:#d4ffed;border-radius:35px 35px 0 0;align-items:center;gap:7px;padding:11px 14px;display:flex}.controls>button,.controls>b{color:#08674f;white-space:nowrap;background:#fff;border:0;border-radius:14px;align-items:center;gap:4px;height:48px;padding:0 12px;display:flex}.controls>button:first-child{font-size:27px}.controls>b{color:#fff;background:#08a978}.controls .danger{background:#f43d48;animation:.5s infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.35)}}.controls label{background:#fff;border-radius:12px;align-items:center;gap:5px;width:145px;margin-left:auto;padding:5px 8px;display:flex}.controls label+label{margin-left:0}.controls input{width:95px}.controls label small{font-size:9px}.overlay,.result-bg{z-index:30;background:#04372fac;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.result{text-align:center;background:#fff;border-radius:35px;width:min(100%,390px);max-height:88dvh;padding:26px;overflow:auto}.modal h2{margin:0 0 22px}.modal h2 small{color:#82908c;font-size:11px;display:block}.modal>label{text-align:left;margin:18px 4px 7px;font-size:12px;font-weight:900;display:block}.directions{gap:7px;display:grid}.directions button,.pack-list button{background:#f8faf9;border:2px solid #e7efeb;border-radius:13px;padding:11px;font-weight:800}.modal ol{text-align:left;gap:12px;padding-left:8px;font-size:13px;list-style:none;display:grid}.close{color:#64716d;background:#eee;border:0;border-radius:15px;width:100%;margin-top:17px;padding:13px;font-weight:900}.pack-list{gap:8px;display:grid}.pack-list button{justify-content:space-between;display:flex}.result div{font-size:54px}.result h2{color:var(--dark);font-size:27px}.result p{color:#8a421e;background:#fff8ed;border-radius:12px;padding:9px}.result>strong{color:#087258;display:block}.result em{color:#f47b23;font-size:25px;font-style:normal}.again,.review-btn{border:0;border-radius:18px;width:100%;margin-top:18px;padding:14px;font-weight:1000}.again{color:#fff;background:#ff7c18;font-size:20px}.review-btn{color:#087258;background:#edfff7;border:2px solid #a9efd4;margin-top:9px}@media (width<=600px){.menu-card{border-radius:40px;width:91%;padding:18px 22px}.star{width:96px;height:83px}.star span{font-size:94px}.star i{font-size:36px}.game{grid-template-rows:112px 1fr 92px}.question{border-radius:0 0 45px 45px}.question button{width:55px;height:55px;right:7%}.controls{gap:4px;padding:9px 7px}.controls>button,.controls>b{height:44px;padding:0 8px}.controls>button:nth-child(2){max-width:75px;overflow:hidden}.controls label{width:126px;position:absolute;bottom:49px;right:6px}.controls label+label{bottom:8px}.controls{padding-right:137px}.controls input{width:78px}}@media (prefers-reduced-motion:reduce){.star i{animation:none}.bug{animation-duration:25s!important}}