:root{--color-bg:#0b0b0d;--color-bg-soft:#121216;--color-surface:#18171b;--color-surface-elevated:#211f25;--color-accent:#b11226;--color-accent-hover:#d01b32;--color-accent-soft:#b1122629;--color-bronze:#b08a57;--color-bronze-soft:#b08a572e;--color-text:#f4efe7;--color-muted:#b8afa4;--color-text-soft:#d8d0c6;--color-border:#f4efe71f;--color-border-accent:#b1122659;--color-success:#2e8b57;--color-success-soft:#2e8b5729;--color-error:#c0392b;--color-error-soft:#c0392b29;--color-warning:#d39c3f;--color-warning-soft:#d39c3f29;--color-qr-bg:#fff;--color-qr-fg:#000;--shadow-card:0 18px 50px #00000061;--shadow-glow:0 0 28px #b1122638;--radius-card:22px;--radius-button:14px;--radius-input:14px;--font-arabic:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Tahoma", "Arial", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;direction:rtl}body{min-height:100dvh;font-family:var(--font-arabic);background:radial-gradient(circle at 10% 5%, #b112262e, transparent 40%), radial-gradient(circle at 88% 12%, #b08a5726, transparent 30%), linear-gradient(170deg, var(--color-bg) 0%, #09090b 45%, var(--color-bg-soft) 100%);color:var(--color-text);margin:0}a{color:inherit}img{max-width:100%}.layout-center{min-height:100dvh;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));place-items:center;display:grid}.muted{color:var(--color-muted)}.evidence-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:linear-gradient(165deg, var(--color-surface-elevated), var(--color-surface));width:min(100%,760px);box-shadow:var(--shadow-card);padding:clamp(1rem,3vw,2rem);position:relative;overflow:hidden}.evidence-card:before,.evidence-card:after{content:"";pointer-events:none;position:absolute}.evidence-card:before{background:linear-gradient(90deg,#0000,#b1122680,#0000);width:140%;height:1px;top:16px;right:-15%;transform:rotate(-4deg)}.evidence-card:after{border:1px solid var(--color-border-accent);border-radius:99px;width:28px;height:28px;top:14px;left:14px;box-shadow:0 0 0 4px #b1122614}.page-shell{min-height:100dvh;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.grid{gap:1rem;display:grid}.btn,input,select,textarea{font:inherit}.btn{border-radius:var(--radius-button);cursor:pointer;border:1px solid #0000;min-height:44px;padding:.6rem 1rem;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-text);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-muted{border-color:var(--color-border);color:var(--color-text);background:#ffffff05}.btn-danger{color:var(--color-text);background:#c0392b2e;border-color:#c0392b59}.btn-success{color:var(--color-text);background:#2e8b572e;border-color:#2e8b5766}.field{gap:.4rem;display:grid}.field label{color:var(--color-text-soft);font-size:.95rem}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-input);width:100%;color:var(--color-text);background:#121216e6;min-height:44px;padding:.7rem .8rem;font-size:16px}textarea{resize:vertical;min-height:120px}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.choice-row:focus-visible{outline:2px solid var(--color-bronze);outline-offset:1px}.banner{border:1px solid;border-radius:12px;padding:.6rem .85rem;font-size:.95rem}.banner-success{background:var(--color-success-soft);border-color:#2e8b5766}.banner-error{background:var(--color-error-soft);border-color:#c0392b73}.banner-warning{background:var(--color-warning-soft);border-color:#d39c3f73}.cards{gap:.9rem;display:grid}.item-card{border:1px solid var(--color-border);background:#211f2599;border-radius:16px;padding:.9rem}.row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.stack{gap:.7rem;display:grid}.player-choice{border:1px solid var(--color-border);color:var(--color-text);text-align:right;background:#ffffff03;border-radius:14px;width:100%;min-height:48px;padding:.8rem}.player-choice[data-selected=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.player-question{word-break:break-word;line-height:1.9}.player-stats-grid{flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;display:flex}.modal-backdrop{z-index:50;background:#050506b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-card);border:1px solid var(--color-border-accent);background:linear-gradient(180deg, var(--color-surface-elevated), var(--color-surface));width:min(100%,820px);max-height:90dvh;padding:1rem;overflow:auto}.qr-box{background:var(--color-qr-bg);border-radius:14px;width:fit-content;margin-inline:auto;padding:18px}.no-print{display:inline-flex}@media (width>=900px){.page-shell{padding:1.6rem}.cards.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.page-shell .evidence-card .row{align-items:stretch}.page-shell .evidence-card .row>.btn,.modal .row>input,.modal .row>.btn{flex:100%}}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.qr-box{border:1px solid #000}}