:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0f172a,#020617);color:#e2e8f0;min-height:100vh}*,*:before,*:after{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{display:grid;grid-template-columns:1fr;grid-template-areas:"question" "lifelines" "ladder";gap:1.25rem;padding:.75rem;min-height:100vh}@media(min-width:640px){.app-shell{padding:1.25rem;gap:1.5rem}}.question-wrapper{grid-area:question}.lifelines-wrapper{grid-area:lifelines}.ladder-wrapper{grid-area:ladder}.question-card{background:#0f172ad9;border-radius:16px;padding:1.5rem;box-shadow:0 24px 60px #02061773}.question-meta{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.25rem}.question-card h1{font-size:1.5rem;margin-bottom:1.5rem}.question-figure{margin:0 0 1.5rem;text-align:center}.question-figure img{max-width:100%;border-radius:12px;background:#fff;padding:.5rem}.question-figure figcaption{margin-top:.5rem;font-size:.85rem;color:#cbd5f5}.answers{display:grid;gap:.75rem}.answer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;border:2px solid transparent;border-radius:999px;background:linear-gradient(135deg,#1e293be6,#0f172ae6);color:inherit;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease}.answer:hover{transform:translateY(-2px);border-color:#facc15}.answer:disabled{opacity:.35;cursor:not-allowed;transform:none}.answer.selected{border-color:#facc15;background:linear-gradient(135deg,#facc154d,#fbbf2426)}.answer.correct{border-color:#22c55e;background:linear-gradient(135deg,#22c55e40,#16a34a33);color:#dcfce7}.answer.incorrect{border-color:#ef4444;background:linear-gradient(135deg,#ef444440,#dc26262e);color:#fee2e2}.answer.correct .answer-label{color:#bbf7d0}.answer.incorrect .answer-label{color:#fecaca}.answer.correct:disabled,.answer.incorrect:disabled{opacity:1;cursor:default}.answer-label{font-weight:700;font-size:1.05rem;color:#facc15}.answer-text{text-align:left}.rank-order-card .rank-order-list{display:grid;gap:.75rem;margin-top:1.5rem;padding:.75rem;border-radius:16px;border:2px dashed rgba(148,163,184,.25);background:#0f172a59;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.rank-order-card .rank-order-list.drop-active{border-color:#facc158c;background:#eab30814;box-shadow:0 0 0 3px #facc152e}.rank-order-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-radius:12px;border:2px dashed rgba(148,163,184,.35);background:#0f172aa6;cursor:grab;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;touch-action:none}.rank-order-item:active{cursor:grabbing}.rank-order-item.dragging{opacity:.9;border-color:#facc15d9;background:#facc1526;box-shadow:0 8px 24px #0f172a73}.rank-order-drop-zone{position:relative;height:16px;margin:.1rem 0;border-radius:12px;border:2px dashed transparent;background:transparent}.rank-order-drop-zone:before{content:"";position:absolute;left:.75rem;right:.75rem;top:50%;height:4px;border-radius:999px;background:#94a3b840;transform:translateY(-50%);opacity:0}.rank-order-drop-zone.active{border-color:#facc15bf;background:#facc1529;box-shadow:0 0 0 3px #facc1533}.rank-order-drop-zone.active:before{opacity:1;background:#facc15d9}.rank-order-item.correct{border-color:#22c55e;background:#22c55e2e}.rank-order-item.incorrect{border-color:#ef4444;background:#ef44442e}.rank-order-insignia{background:#fff;border-radius:10px;padding:.65rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;min-width:110px;min-height:110px}.rank-order-insignia img{max-width:110px;max-height:110px}.rank-order-name{font-weight:600;font-size:1rem;color:#f8fafc;word-break:break-word;line-height:1.3}.rank-order-solution{margin-top:1rem;padding:.75rem 1rem;border-radius:12px;background:#94a3b826;font-size:.95rem}.lifelines,.money-ladder{background:#0f172ab3;border-radius:16px;padding:1.25rem;height:fit-content}.lifelines h2,.money-ladder h2{margin-top:0;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.95rem}.lifelines ul{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.lifelines li button{width:100%;padding:.5rem 1rem;border-radius:999px;background:#1d4ed8;border:none;color:#eff6ff;cursor:pointer;margin-bottom:.25rem;transition:background .2s ease}.lifelines li button:disabled{background:#94a3b859;cursor:not-allowed}.lifelines li button:not(:disabled):hover{background:#2563eb}.lifelines p{margin:0;font-size:.85rem;color:#cbd5f5}.money-ladder ol{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.money-ladder li{display:flex;justify-content:space-between;padding:.35rem .5rem;border-radius:8px;background:#1e293b99;font-size:.9rem}.money-ladder li.current{background:#facc1540;color:#facc15;font-weight:700}.money-ladder li.safe{border:1px solid rgba(99,102,241,.65)}.ladder-level{width:1.75rem}@media(min-width:992px){.app-shell{grid-template-columns:320px 1fr 320px;grid-template-areas:"lifelines question ladder";justify-items:stretch;padding:2rem}.ladder-wrapper{position:sticky;top:2rem}.lifelines-wrapper{position:sticky;top:2rem;align-self:start}.rank-order-insignia{min-width:130px;min-height:130px}.rank-order-insignia img{max-width:130px;max-height:130px}}@media(min-width:1280px){.rank-order-insignia{min-width:150px;min-height:150px}.rank-order-insignia img{max-width:150px;max-height:150px}.rank-order-name{font-size:1.05rem}}.question-explanation{margin-top:1.25rem;color:#cbd5f5;font-size:.95rem;background:#3b82f61f;border-radius:12px;padding:.75rem 1rem}.control-bar{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center;flex-wrap:wrap}.control-bar button{border-radius:999px;border:none;background:#22c55e;color:#052e16;padding:.6rem 1.4rem;font-weight:600;cursor:pointer;transition:background .2s ease}.control-bar button.secondary{background:#f97316;color:#431407}.control-bar button:hover{filter:brightness(1.05)}.game-over{text-align:center;background:#0f172ad9;padding:2rem;border-radius:18px}.game-over h1{margin-top:0;font-size:2rem;color:#facc15}.game-over p{margin:.5rem 0}
