.ng-app{position:fixed;inset:0;z-index:970;background:radial-gradient(70% 55% at 12% 0%,rgba(124,58,237,.22),transparent 60%),linear-gradient(165deg,#09071b,#070514);color:#fff;overflow:auto}.ng-app[hidden]{display:none}.ng-shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:20px 0 50px}.ng-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.ng-brand{display:flex;align-items:center;gap:13px}.ng-icon{font-size:42px}.ng-title{font:900 clamp(28px,4vw,44px) Tajawal,sans-serif}.ng-status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800;color:#c8c2da}.ng-dot{width:9px;height:9px;border-radius:50%;background:#777085;box-shadow:0 0 12px #777085}.ng-card{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.24)}.ng-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ng-stage{max-width:960px;margin:18px auto;text-align:center}.ng-center{text-align:center}.ng-code{font:900 clamp(52px,9vw,94px) Tajawal,sans-serif;letter-spacing:10px}.ng-url{padding:11px;border-radius:13px;background:rgba(255,255,255,.05);color:#aaa4c8;word-break:break-all;font-size:12px}.ng-muted{color:#aaa4c8;line-height:1.8}.ng-players,.ng-scores,.ng-list{display:grid;gap:9px}.ng-player,.ng-score,.ng-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.04)}.ng-player small{color:#aaa4c8}.ng-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:17px}.ng-input,.ng-select{width:100%;min-height:54px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0e0a20;color:#fff;outline:none;font:700 16px Cairo}.ng-input.code{text-align:center;letter-spacing:7px;font-size:23px;direction:ltr}.ng-textarea{min-height:100px;padding:13px;resize:vertical}.ng-join{width:min(460px,100%);margin:34px auto}.ng-error{padding:12px;border:1px solid rgba(255,84,112,.3);border-radius:13px;background:rgba(255,84,112,.08);color:#ffb0bd;margin-bottom:12px}.ng-error[hidden]{display:none}.ng-timer{width:92px;height:92px;margin:0 auto 15px;border:5px solid rgba(251,176,52,.28);border-radius:50%;display:grid;place-items:center;font:900 31px Tajawal;color:#ffd889}.ng-hero{margin:14px auto;padding:20px;border:2px solid rgba(124,58,237,.36);border-radius:20px;background:rgba(124,58,237,.11);font:900 clamp(26px,5vw,48px) Tajawal}.ng-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(22,214,184,.11);border:1px solid rgba(22,214,184,.25);color:#83f5e0;font-size:12px;font-weight:900}.ng-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ng-pill{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-weight:800}.ng-result-good{color:#6ee7b7}.ng-result-bad{color:#fda4af}.ng-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.ng-option{width:100%;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.05);color:#fff;font:800 15px Cairo;cursor:pointer}.ng-option:hover{background:rgba(124,58,237,.18)}.ng-option:disabled{opacity:.45;cursor:not-allowed}.ng-canvas-wrap{background:#fafafa;border-radius:18px;padding:8px;overflow:hidden}.ng-canvas{display:block;width:100%;aspect-ratio:16/10;background:#fafafa;border-radius:12px;touch-action:none}.ng-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.ng-color{height:42px;border:3px solid transparent;border-radius:12px;cursor:pointer}.ng-color.active{border-color:#fff}.ng-role{font:900 34px Tajawal;margin:10px 0}.ng-log{max-height:300px;overflow:auto;text-align:right}.ng-hearts{font-size:23px;letter-spacing:4px}.ng-table{display:grid;gap:8px}.ng-answer{padding:12px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.ng-answer.good{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.ng-answer.bad{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.26)}.ng-answer.gold{background:rgba(251,176,52,.1);border-color:rgba(251,176,52,.32)}.ng-hidden{display:none!important}@media(max-width:760px){.ng-grid{grid-template-columns:1fr}.ng-shell{padding-top:13px}.ng-top{align-items:flex-start}.ng-code{letter-spacing:6px}.ng-tools{grid-template-columns:repeat(2,1fr)}.ng-card{padding:18px}.ng-title{font-size:28px}}