:root{--bg1:#fceabb;--bg2:#f8b500;--card:#ffffffee;--accent:#ff7f50;--muted:#666;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg1),#ffe28a);color:#222}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:transparent}.title{font-weight:800;font-size:18px}.meta{display:flex;gap:16px;color:var(--muted)}.main{display:flex;gap:20px;padding:20px;flex:1}.left{flex:1;display:flex;flex-direction:column;gap:12px}.arena{background:linear-gradient(180deg,#fff,#f8f8f8);border-radius:14px;padding:14px;box-shadow:0 10px 30px #00000014;height:420px;display:flex;align-items:center;justify-content:center}.message{background:var(--card);padding:12px;border-radius:10px;box-shadow:0 6px 16px #0000000f;min-height:64px}.right{width:420px}.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 10px 30px #0000000f}.signimg{width:220px;height:220px;object-fit:contain;border-radius:12px;background:#fff;display:block;margin:12px auto}.bigword{font-size:22px;text-align:center;font-weight:700;margin:6px 0}.controls{display:flex;gap:10px;justify-content:center;margin-top:8px}.cta{background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;border:none;font-weight:700;cursor:pointer}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.option{padding:10px;border-radius:10px;border:none;background:#fff;box-shadow:0 6px 12px #0000000f;cursor:pointer;font-weight:600}.topbar .title{font-size:20px}.progressCard{background:transparent;padding-bottom:10px;margin-bottom:12px}.bar{background:#eee;border-radius:12px;height:14px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffb07a)}.footer{text-align:center;padding:10px;color:var(--muted);font-size:12px}button:active{transform:translateY(1px)}