:root{--cream-bg:#f7f1e6;--green-dark:#2f5b45;--green-mid:#3f7b58;--green-light:#5fae78;--red-wrong:#c94b4b;--gold:#d9a441;--white:#fff;--text-dark:#2b2b2b}*{box-sizing:border-box}body{background:var(--cream-bg);color:var(--text-dark);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{justify-content:center;align-items:stretch;min-height:100vh;padding:16px;display:flex}.app-inner{background:var(--cream-bg);border-radius:16px;flex-direction:column;width:100%;max-width:960px;margin:0 auto;padding:16px;display:flex;box-shadow:0 12px 30px #0000001f}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.logo-title{align-items:center;gap:12px;display:flex}.logo-circle{background:var(--green-dark);border:3px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.logo-hat{border:2px solid var(--white);border-bottom-width:4px;border-radius:12px 12px 8px 8px;width:26px;height:18px;position:relative}.logo-hat:before{content:"";background:var(--white);border-radius:999px;width:20px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.logo-text{font-size:1rem;font-weight:600}.scoreboard{flex-wrap:wrap;gap:12px;display:flex}.score-item{background:var(--white);border:1px solid #0000000f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex}.score-label{color:#555;font-size:.85rem}.score-value{text-align:center;border-radius:999px;min-width:24px;padding:2px 8px;font-weight:600}.score-value.correct{background:var(--green-light);color:var(--white)}.score-value.wrong{background:var(--red-wrong);color:var(--white)}.score-value.wrong.flash{animation:.6s wrongFlash}@keyframes wrongFlash{0%{background:var(--red-wrong)}50%{background:#ff6b6b}to{background:var(--red-wrong)}}.main{flex-direction:column;gap:16px;display:flex}.question-section{background:#ffffffe6;border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex}.question-box{border:2px solid var(--green-dark);background:var(--white);border-radius:12px;padding:12px 16px}.question-label{color:var(--green-dark);margin-bottom:4px;font-size:.85rem;font-weight:600}.question-text{font-size:1rem}.question-product{color:var(--green-mid);font-weight:600}.lifelines{flex-wrap:wrap;gap:8px;display:flex}.lifeline-btn{border:2px solid var(--green-dark);background:var(--white);min-width:140px;color:var(--green-dark);cursor:pointer;border-radius:999px;flex:1;padding:8px 12px;font-size:.9rem;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s}.lifeline-btn:hover:not(:disabled){background:#f0f5f2;transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.lifeline-btn:disabled{opacity:.6;cursor:default}.audience-panel{max-height:0;transition:max-height .4s;overflow:hidden}.audience-panel-visible{max-height:260px}.audience-inner{background:var(--green-dark);color:var(--white);border-radius:12px;margin-top:8px;padding:12px 16px}.audience-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.audience-circle{background:var(--green-mid);border:2px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.audience-people{border:2px solid var(--white);border-radius:999px;width:18px;height:12px;position:relative}.audience-people:before,.audience-people:after{content:"";border:2px solid var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:-6px}.audience-people:before{left:-2px}.audience-people:after{right:-2px}.audience-title{font-weight:600}.audience-subtitle{opacity:.8;font-size:.8rem}.audience-chart{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.audience-bar-wrapper{flex-direction:column;align-items:center;width:20%;display:flex}.audience-bar{background:var(--gold);border-radius:6px 6px 0 0;width:100%}.audience-bar-label{margin-top:4px;font-size:.8rem}.answers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answer-btn{border:2px solid var(--green-dark);background:var(--green-dark);color:var(--white);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.95rem;transition:background .2s,transform .1s,box-shadow .2s,border-color .2s;display:flex}.answer-btn:hover:not(.answer-hidden):not(.answer-correct):not(.answer-wrong){background:var(--green-mid);transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.answer-hidden{visibility:hidden}.answer-correct{background:var(--green-light);border-color:var(--green-light)}.answer-wrong{background:var(--red-wrong);border-color:var(--red-wrong);animation:.4s shake,1s wrongHold}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes wrongHold{0%{background:var(--red-wrong)}to{background:var(--red-wrong)}}.summary-section{margin-top:8px}.summary-box{background:var(--white);border-radius:16px}