
:root{--teal:#008a9d;--dark:#073943;--gold:#f6c744}*{box-sizing:border-box}body{margin:0;background:#f6f8f5;color:var(--dark);font:16px Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #dce6e4;gap:20px}header img{width:145px}header span{font-size:11px;letter-spacing:2px}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:14px 20px;background:#e3efec;color:var(--dark);font-weight:700}button:disabled{opacity:.6;cursor:default}main{max-width:1050px;margin:auto;padding:48px 24px}#home{text-align:center}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700}.flower{font-size:78px;color:var(--gold);line-height:1.2}h1{font-size:clamp(54px,8vw,88px);line-height:.97;margin:12px 0;letter-spacing:-4px}em{font-style:normal;color:var(--teal)}.lead{font-size:19px;line-height:1.6;color:#527078}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left;margin:34px auto;max-width:850px}form,.panel{background:white;border:1px solid #dae6e2;border-radius:24px;padding:30px;box-shadow:0 10px 35px #07394307}h2{font-size:26px;margin:0 0 20px}label{display:block;text-align:left;font-size:13px;margin:18px 0 12px}input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #b9cecb;border-radius:10px;background:#fcfdfb}input[name=code]{letter-spacing:8px;font-size:24px}.primary,.secondary{width:100%;margin-top:18px;background:var(--teal);color:white}.secondary{background:var(--dark)}small,.note{color:#607b80;font-size:12px;line-height:1.6}footer{text-align:center;padding:24px;font-size:11px;letter-spacing:1px}footer span{color:#c89a16;margin:0 15px}.gamebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:30px}.gamebar span:first-child{font-weight:700;margin-right:auto}#content{text-align:center}.code{font-size:clamp(48px,9vw,94px);letter-spacing:10px;font-weight:800;color:var(--teal);margin:24px 0}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px}.chip{background:#e8f2ee;border-radius:30px;padding:12px 18px}.question{font-size:clamp(24px,4vw,40px);line-height:1.25;margin:24px 0}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{text-align:left;min-height:95px;background:white;border:2px solid #bdd5d4;font-size:19px;display:flex;align-items:center;gap:16px}.answer b{background:var(--dark);color:white;padding:10px 14px;border-radius:9px}.answer.selected{border-color:var(--teal);background:#e1f4f3}.answer.correct{border-color:#237b49;background:#dcf3df}.timer{font-size:36px;font-weight:800;color:var(--teal)}progress{width:100%;accent-color:var(--gold);height:12px}#controls{display:flex;gap:15px;justify-content:center;margin:25px}#message{color:#a33b24;text-align:center;margin:18px;min-height:24px}.rank{display:flex;justify-content:space-between;background:white;border-radius:12px;padding:18px;margin:8px 0;text-align:left;border:1px solid #deebe7}.rank:first-child{background:#fff1b8}.explain{font-size:18px;line-height:1.6;background:#fff4cb;border-radius:18px;padding:22px;margin:22px 0}.status{color:#527078;margin:20px}a{color:var(--teal)}@media(max-width:650px){header span{display:none}.cards,.answers{grid-template-columns:1fr}main{padding:30px 18px}.answer{min-height:76px}.code{letter-spacing:5px}header{padding:16px}header img{width:120px}}