:root{--bg: #14100d;--panel: #1f1915;--panel2: #2a221c;--line: #3a2f26;--text: #f0e8dc;--dim: #a89a88;--gold: #d4a95d;--gold-dark: #a37f3d;--green: #5fa86b;--red: #c25b4e;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45}.app{max-width:560px;margin:0 auto;padding:16px 16px 60px}.app.wide{max-width:1080px}h1{font-size:1.35rem;letter-spacing:.02em}h2{font-size:1.1rem;margin-bottom:10px;color:var(--gold)}h3{font-size:.95rem;margin-bottom:6px}.brand{text-align:center;color:var(--gold);font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:14px 0 4px}.brand small{display:block;color:var(--dim);letter-spacing:.04em;font-weight:400;text-transform:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:12px 0}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;cursor:pointer;min-height:48px}button:active{transform:scale(.98)}button.primary{background:var(--gold);border-color:var(--gold);color:#241b10;font-weight:700}button.ghost{background:transparent}button.small{min-height:34px;padding:5px 10px;border-radius:9px;font-size:.85rem}button.danger{border-color:var(--red);color:var(--red);background:transparent}button:disabled{opacity:.45;cursor:default}input,select,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}textarea{min-height:90px}label{display:block;font-size:.8rem;color:var(--dim);margin:10px 0 4px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.spread{flex:1}.dim{color:var(--dim)}.small-text{font-size:.82rem}.gold{color:var(--gold)}.green{color:var(--green)}.red{color:var(--red)}.center{text-align:center}.mt{margin-top:14px}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}.name-grid button{min-height:64px;font-size:1.05rem;font-weight:600}.pin-dots{display:flex;gap:14px;justify-content:center;margin:18px 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--gold)}.pin-dot.full{background:var(--gold)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto}.pin-pad button{min-height:62px;font-size:1.4rem;font-weight:600}.progress{display:flex;gap:6px;margin:10px 0}.progress span{flex:1;height:6px;border-radius:3px;background:var(--panel2)}.progress span.done{background:var(--gold)}.q-text{font-size:1.2rem;font-weight:600;margin:16px 0 18px}.choices{display:grid;gap:10px}.choices button{text-align:left;font-size:1rem;min-height:56px}.choices button.correct{background:var(--green);border-color:var(--green);color:#10210f;font-weight:700}.choices button.wrong{background:var(--red);border-color:var(--red);color:#2a0f0a;font-weight:700}.choices button.reveal{border-color:var(--green);color:var(--green)}.feedback{margin-top:14px;font-weight:600;min-height:24px}.big-score{font-size:3rem;font-weight:800;color:var(--gold);text-align:center;margin:10px 0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.chips button{min-height:36px;padding:6px 14px;border-radius:20px;font-size:.85rem}.chips button.on{background:var(--gold);color:#241b10;border-color:var(--gold);font-weight:700}.bar{background:var(--panel2);border-radius:6px;height:10px;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;background:var(--gold)}.bar i.green{background:var(--green)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tabs button{min-height:40px;padding:8px 14px;font-size:.9rem}.tabs button.on{background:var(--gold);color:#241b10;border-color:var(--gold);font-weight:700}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--dim);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--panel2)}.table-scroll{overflow-x:auto}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.72rem;border:1px solid var(--line);color:var(--dim)}.badge.warn{border-color:var(--red);color:var(--red)}.badge.ok{border-color:var(--green);color:var(--green)}.badge.gold{border-color:var(--gold);color:var(--gold)}.strip{display:flex;gap:3px}.strip i{width:12px;height:12px;border-radius:3px;background:var(--panel2)}.strip i.hit{background:var(--green)}.strip i.part{background:var(--gold-dark)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:flex-start;justify-content:center;padding:30px 14px;overflow-y:auto;z-index:20}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;width:100%;max-width:640px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--gold);color:#241b10;font-weight:700;padding:10px 20px;border-radius:24px;z-index:30}