:root{--madhoot-orange:#fb7b31;--madhoot-orange-dark:#e86820;--madhoot-ink:#14141d;--madhoot-mint:#53c19a;--madhoot-butter:#fcce4c;--madhoot-cream:#fff6ee;--madhoot-cream-deep:#f7e8d8;--madhoot-white:#fff;--madhoot-danger:#c62828;--shadow:0 8px 24px #14141d14;--radius:18px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--madhoot-cream);color:var(--madhoot-ink);margin:0;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--madhoot-orange-dark)}img{max-width:100%;height:auto}.app-shell{width:min(1100px,100%);margin:0 auto;padding:1.25rem 1rem 3rem}.logo{width:min(360px,100%);margin:0 auto 1.25rem;display:block}.card{background:var(--madhoot-white);border:2px solid var(--madhoot-ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{appearance:none;border:2px solid var(--madhoot-ink);cursor:pointer;background:var(--madhoot-white);border-radius:999px;min-height:48px;padding:.65rem 1.25rem;font-weight:700;transition:transform .12s,background .12s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.choice:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--madhoot-orange);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--madhoot-orange);color:var(--madhoot-ink)}.btn-mint{background:var(--madhoot-mint)}.btn-butter{background:var(--madhoot-butter)}.btn-danger{border-color:var(--madhoot-danger);color:var(--madhoot-danger);background:#ffe4e1}.btn-ghost{background:0 0}h1,h2,h3{margin:0 0 .5rem;line-height:1.15}.muted{color:#4a4a57}.hero-actions{justify-content:center;margin-bottom:1.5rem}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.quiz-card h3{margin-top:0}.chip{border:2px solid var(--madhoot-ink);background:var(--madhoot-cream-deep);border-radius:999px;align-items:center;gap:.35rem;min-height:40px;padding:.35rem .75rem;font-weight:600;display:inline-flex}.chip button{cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px;font-weight:700}label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}input,textarea,select{border:2px solid var(--madhoot-ink);background:var(--madhoot-white);border-radius:12px;min-height:48px;padding:.6rem .8rem}textarea{resize:vertical;min-height:96px}.error{color:var(--madhoot-danger);font-weight:600}.field-error{color:var(--madhoot-danger);font-size:.9rem}.banner{border:2px solid var(--madhoot-ink);background:var(--madhoot-butter);border-radius:12px;padding:.85rem 1rem;font-weight:600}.banner.warn{background:#ffe4e1}.banner-danger{border-color:var(--madhoot-danger);background:#ffe4e1}.code-giant{letter-spacing:.18em;text-align:center;margin:.5rem 0;font-size:clamp(2.5rem,10vw,5rem);font-weight:800}.choices{gap:.75rem;display:grid}@media (width>=700px){.choices.grid-2{grid-template-columns:1fr 1fr}}.choice{text-align:left;border:2px solid var(--madhoot-ink);border-radius:var(--radius);background:var(--madhoot-cream);cursor:pointer;align-items:center;gap:.85rem;width:100%;min-height:64px;padding:.85rem 1rem;font-weight:650;display:flex}.choice.selected,.choice.locked{border-color:var(--madhoot-orange);background:#ffe1cc}.choice.correct{border-color:var(--madhoot-mint);background:#d8f5ea}.choice.incorrect{background:#ffe4e1}.badge{background:var(--madhoot-orange);border:2px solid var(--madhoot-ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}.countdown{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800}.podium{justify-content:center;align-items:flex-end;gap:.75rem;min-height:180px;margin:1rem 0;display:flex}.podium-slot{text-align:center;border:2px solid var(--madhoot-ink);background:var(--madhoot-cream-deep);border-radius:16px 16px 8px 8px;flex:1;max-width:160px;padding:.75rem .5rem}.podium-slot.rank-1{background:var(--madhoot-butter);min-height:160px}.podium-slot.rank-2{background:#d8f5ea;min-height:130px}.podium-slot.rank-3{min-height:110px}.leaderboard{border-collapse:collapse;width:100%}.leaderboard th,.leaderboard td{text-align:left;border-bottom:1px solid #ddd;padding:.65rem .5rem}.leaderboard tr.me{background:#ffe1cc;font-weight:700}.host-projected .question-text{font-size:clamp(1.5rem,4vw,2.4rem)}.empty-state{text-align:center;padding:2rem 1rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.question-image{object-fit:contain;border:2px solid var(--madhoot-ink);background:var(--madhoot-white);border-radius:12px;width:min(100%,560px);max-height:320px;margin:.5rem auto;display:block}.media-drop{border:2px dashed var(--madhoot-ink);border-radius:var(--radius);background:var(--madhoot-cream-deep);padding:1rem}.media-drop-inner{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:120px;display:flex}.answer-tiles{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=700px){.answer-tiles{grid-template-columns:1fr 1fr}}.answer-tile{text-align:left;border:3px solid var(--madhoot-ink);width:100%;min-height:72px;color:var(--madhoot-ink);cursor:default;border-radius:16px;align-items:center;gap:.65rem;padding:.85rem 1rem;font-weight:700;display:flex}button.answer-tile{cursor:pointer}button.answer-tile:disabled{opacity:.7;cursor:not-allowed}.answer-tile.tile-0{background:#ffe1cc}.answer-tile.tile-1{background:#fff6ee}.answer-tile.tile-2{background:#fff1c2}.answer-tile.tile-3{background:#d8f5ea}.answer-tile.tile-0 .tile-label,.answer-tile.selected .tile-label{background:var(--madhoot-orange)}.answer-tile.selected{outline:4px solid var(--madhoot-ink);box-shadow:0 0 0 4px #fb7b3173}.answer-tile.correct{box-shadow:inset 0 0 0 4px #0b7a4b}.answer-tile.incorrect{opacity:.85;filter:grayscale(.2)}.tile-shape{text-align:center;width:1.5rem;font-size:1.25rem}.tile-label{border:2px solid var(--madhoot-ink);background:#ffffff8c;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:inline-flex}.tile-text{flex:1}.tile-status{font-weight:800}.editor-tile-row{border:2px solid var(--madhoot-ink);border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:.65rem;padding:.65rem;display:grid}.editor-tile-row.tile-0{background:#ffe1cc}.editor-tile-row.tile-1{background:#fff6ee}.editor-tile-row.tile-2{background:#fff1c2}.editor-tile-row.tile-3{background:#d8f5ea}.typed-answer-input{min-height:64px;font-size:1.15rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}