:root{color:#edf4ef;background:#0d1110;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0d1110}button{font:inherit}.app-shell{min-height:100vh;padding:16px 14px 92px}.topbar{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.topbar h1{margin:3px 0 0;font-size:22px}.topbar button{flex:0 0 auto;border:1px solid #26352e;border-radius:8px;padding:8px 10px;color:#cfe2d5;background:#141c19}.eyebrow{margin:0;color:#9bb3a5;font-size:13px}.secondary-button,.primary-button{width:100%;border:0;border-radius:8px;padding:13px 14px;color:#effaf2}.secondary-button{margin:18px 0 14px;background:#1b2823}.flop-line{margin:0 0 14px;border:1px solid #26352e;border-radius:8px;padding:10px 12px;color:#dcebe1;background:#141c19;font-weight:700}.primary-button{position:fixed;left:14px;right:14px;bottom:18px;width:calc(100% - 28px);background:#4d8b68;font-weight:700}.drag-card{position:relative}.question-text{margin:0 0 16px;line-height:1.42;color:#e5eee8}.match-table{display:grid;gap:8px}.match-row{display:grid;grid-template-columns:minmax(116px,1fr) minmax(108px,.9fr);gap:8px;align-items:stretch}.match-row--wrong .match-left,.match-row--wrong .match-right{border-color:#93514d;background:#2a1918}.match-left,.match-right{min-height:48px;border:1px solid #26352e;border-radius:8px;padding:12px;background:#151c19}.match-right{position:relative;overflow:hidden;cursor:grab;font-weight:700}.match-right span{position:relative;z-index:1}.match-right__bar{position:absolute;inset:0 auto 0 0;min-width:10%;background:#385f4a}.correction-note{margin:14px 0 0;color:#f0b3ad}.strategy-note{margin:14px 0 0;border:1px solid #2d493b;border-radius:8px;padding:12px;color:#e5eee8;background:#132018}.strategy-note p{margin:8px 0 0;line-height:1.42}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;background:#0000001a}.result-badge{display:grid;width:108px;height:108px;place-items:center;border-radius:999px;font-size:56px;background:#16231d;box-shadow:0 18px 60px #00000059}.result-badge--wrong{background:#2a1918}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:#00000073}.sheet{width:100%;max-height:84vh;overflow:auto;border-radius:16px 16px 0 0;padding:10px 14px 20px;background:#101713}.sheet__handle{width:44px;height:4px;margin:0 auto 12px;border-radius:999px;background:#34443b}.sheet__header{display:flex;align-items:center;justify-content:space-between}.sheet__header h2{margin:0;font-size:19px}.sheet__header button{border:0;color:#b7d1c0;background:transparent}.range-matrix-placeholder{margin:14px 0;border:1px solid #2b3b32;border-radius:8px;padding:12px;color:#b9cbbf;background:#151c19;word-break:break-word}.breakdown-list{display:grid;gap:8px}.percent-bar{position:relative;min-height:38px;overflow:hidden;border-radius:8px;background:#151c19}.percent-bar__fill{position:absolute;inset:0 auto 0 0;background:#466e56}.percent-bar span{position:relative;z-index:1;display:block;padding:9px 11px}