.dj{--dj-ink: var(--ink-900);--dj-ink-500: var(--ink-500);--dj-ink-700: var(--ink-700);--dj-paper: var(--paper-000);--dj-sky: var(--sky-100);--dj-pink: var(--marker-pink);--dj-purple-deep: var(--marker-purple-deep);--dj-danger: var(--marker-orange-deep);--dj-spring: var(--ease-pop);min-height:100dvh;display:grid;place-items:center;padding:24px 20px;background:var(--dj-sky);font-family:Tajawal,system-ui,sans-serif;color:var(--dj-ink);direction:rtl}.dj__shell{width:100%;max-width:440px}.dj__back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;color:var(--dj-ink-700);font:700 16px/1 "Baloo Bhaijaan 2",system-ui,sans-serif;padding:10px 4px;margin-bottom:12px;min-height:44px}.dj__back:hover{color:var(--dj-ink)}.dj__card{background:var(--dj-paper);border:3.5px solid var(--dj-ink);border-radius:22px 28px 24px 26px/26px 22px 28px 24px;box-shadow:5px 5px 0 var(--dj-ink);padding:32px 24px;transform:rotate(var(--tilt-a))}.dj__title{font:800 34px/1.25 "Baloo Bhaijaan 2",system-ui,sans-serif;margin:0 0 4px;text-align:center}.dj__lede{margin:0 0 24px;color:var(--dj-ink-500);text-align:center}.dj__form{display:grid;gap:16px}.dj__field{display:grid;gap:6px}.dj__label{font:700 15px/1 "Baloo Bhaijaan 2",system-ui,sans-serif;color:var(--dj-ink-700)}.dj__input{width:100%;box-sizing:border-box;background:var(--dj-paper);border:2.5px solid var(--dj-ink);border-radius:14px 18px 15px 19px;padding:14px 16px;min-height:52px;font:500 18px/1.2 Tajawal,system-ui,sans-serif;color:var(--dj-ink);text-align:center;box-shadow:var(--shadow-inset-paper)}.dj__input::-moz-placeholder{color:var(--ink-300)}.dj__input::placeholder{color:var(--ink-300)}.dj__input:focus-visible{outline:3px solid var(--dj-pink);outline-offset:2px}.dj__input:disabled{opacity:.5;cursor:not-allowed}.dj__input--code{font:400 22px/1 "Press Start 2P",monospace;letter-spacing:6px;padding:18px 16px}.dj__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;cursor:pointer;font:700 19px/1 "Baloo Bhaijaan 2",system-ui,sans-serif;background:var(--dj-pink);color:var(--paper-050);border:2.5px solid var(--dj-ink);border-radius:14px 18px 15px 19px;box-shadow:3px 3px 0 var(--dj-ink);transition:transform .12s var(--dj-spring),box-shadow .12s var(--dj-spring)}.dj__btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--dj-ink)}.dj__btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--dj-ink)}.dj__btn:focus-visible{outline:3px solid var(--dj-purple-deep);outline-offset:3px}.dj__btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:3px 3px 0 var(--dj-ink)}.dj__error{border:2.5px solid var(--dj-danger);background:var(--marker-orange-soft);border-radius:14px 18px 15px 19px;padding:12px 16px;color:var(--marker-orange-deep);font-weight:700;text-align:center}.dj__spectator{display:flex;align-items:center;gap:12px;border:2.5px solid var(--dj-ink);border-radius:14px 18px 15px 19px;padding:12px 16px;background:var(--paper-100);cursor:pointer;min-height:44px}.dj__spectator input{width:20px;height:20px;accent-color:var(--dj-pink);cursor:pointer}.dj__spectator label{cursor:pointer;flex:1;display:flex;align-items:center;gap:8px;font-weight:700}.dj__foot{text-align:center;margin-top:24px;color:var(--dj-ink-700)}.dj__foot a{font:700 16px/1 "Baloo Bhaijaan 2",system-ui,sans-serif;color:var(--text-link)}.dj__aside{text-align:center;margin-top:8px;font:600 26px/1.2 var(--font-hand);color:var(--dj-purple-deep)}@media (prefers-reduced-motion: reduce){.dj__btn{transition-duration:.01ms}}.chat-log-container{display:flex;flex-direction:column;height:100%;min-height:0;direction:rtl}.chat-log-warning{flex-shrink:0;margin:6px 8px 0;padding:5px 10px;text-align:center;background:var(--marker-yellow-soft);border:var(--stroke-hairline) solid var(--border-ink);border-radius:var(--radius-pill);font:700 11px/1.4 var(--font-body);color:var(--ink-900)}.chat-log-messages{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.chat-log-message{font:400 14px/1.5 var(--font-body);color:var(--text-body);text-align:right;padding:6px 10px;background:var(--surface-sunken);border:var(--stroke-hairline) solid var(--border-soft);border-radius:var(--radius-sm)}.chat-log-sender{font:700 14px/1.5 var(--font-body);color:var(--marker-purple-deep);margin-left:.25rem}.chat-log-input-row{display:flex;gap:8px;padding:8px;border-top:var(--stroke-hairline) solid var(--border-soft);flex-shrink:0}.chat-log-input{flex:1;min-width:0;background:var(--paper-000);border:var(--stroke-doodle) solid var(--border-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset-paper);padding:0 12px;height:var(--control-h-md);color:var(--text-body);font:400 15px/1.4 var(--font-body);outline:none;direction:rtl}.chat-log-input:focus-visible{box-shadow:var(--ring-focus)}.chat-log-input::-moz-placeholder{color:var(--text-faint)}.chat-log-input::placeholder{color:var(--text-faint)}.chat-log-send-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:var(--control-h-md);padding:0 16px;cursor:pointer;background:var(--marker-green);color:var(--ink-900);border:var(--stroke-doodle) solid var(--border-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-sticker);font:800 15px/1 var(--font-display);transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-fast) var(--ease-pop)}.chat-log-send-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-press)}.chat-log-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-press)}.chat-log-locked{text-align:center;padding:10px;color:var(--text-muted);font:700 13px/1.5 var(--font-body);border-top:var(--stroke-hairline) solid var(--border-soft);flex-shrink:0}.chat-log-empty{text-align:center;color:var(--text-faint);font:400 13px/1.5 var(--font-body);padding:14px 12px}@media (prefers-reduced-motion: reduce){.chat-log-send-btn{transition:none}}