:root{--bg:#12101f;--surface:#1d1934;--surface-raised:#2b2740;--surface-hover:#332e4b;--surface-sunken:#0f0d1c;--panel:linear-gradient(160deg, #272042 0%, #1c1730 100%);--panel-violet:linear-gradient(135deg, #5a479a 0%, #43357f 48%, #312763 100%);--panel-teal:linear-gradient(150deg, #1f3c3d 0%, #1b2b34 100%);--panel-plum:linear-gradient(150deg, #33264c 0%, #221b36 100%);--line:#ffffff14;--text:#f4f2fb;--text-soft:#dcd7ec;--text-muted:#bdb7d0;--text-subtle:#a39cbf;--primary:#c6f13c;--primary-hover:#d3f76a;--primary-edge:#7d9c22;--on-primary:#18200a;--accent:#a68aff;--accent-strong:#8b6cf6;--accent-soft:#a68aff29;--accent-line:#a68aff57;--on-accent:#120d26;--link:#c4b2ff;--gold:#f2c35b;--positive:#c6f13c;--positive-soft:#c6f13c1a;--negative:#ff8a9b;--negative-soft:#ff8a9b1a;--warning:#ffcf70;--warning-soft:#ffcf701a;--focus:#fff;--border-strong:#7d72a3;--border:#3b3352;--border-soft:#ffffff1a;--font-sans:var(--font-inter), "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-barlow), "Barlow Condensed", "Arial Narrow", var(--font-sans);--font-arabic:var(--font-noto-arabic), "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--text-hero:54px;--leading-hero:50px;--text-page:46px;--leading-page:44px;--text-title:36px;--leading-title:36px;--text-section:20px;--leading-section:28px;--text-card:18px;--leading-card:26px;--text-body:16px;--leading-body:24px;--text-label:14px;--leading-label:20px;--text-meta:12px;--leading-meta:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-page:16px;--card-padding:22px;--header-h:76px;--radius-panel:30px;--radius-card:24px;--radius-row:16px;--radius-chip:9px;--radius-button:999px;--radius-label:8px;--radius-pill:999px;--max-public:1400px;--max-game:1040px;--max-prose:65ch;--control-min:44px;--answer-row:56px;--bottom-nav:68px;--shadow-card:0 18px 40px #05041073;--motion:1;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--motion-hover:.14s;--motion-press:80ms;--motion-art:.22s;--motion-enter:.24s;--motion-stagger:40ms;--motion-select:.12s;--motion-badge:.35s;--motion-copied:.16s;--motion-ready:.15s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:768px){:root{--text-hero:84px;--leading-hero:78px;--text-page:64px;--leading-page:60px;--text-title:46px;--leading-title:44px;--text-section:22px;--leading-section:30px;--space-page:28px;--card-padding:36px}}@media (min-width:900px){:root{--header-h:84px}}:root[data-motion=reduced]{--motion:0}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--motion:0}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--border) var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.icon{flex-shrink:0}:lang(ar) body,body:lang(ar){font-family:var(--font-arabic), var(--font-sans)}h1,h2,h3,h4,p,ol,ul,figure,blockquote,dl,dd{margin:0}ol,ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:var(--link);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{inset-inline-start:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-weight:700;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--space-3)}.container{width:100%;max-width:var(--max-public);padding-inline:var(--space-page);margin-inline:auto}.prose{max-width:var(--max-prose)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}:lang(ar) .eyebrow{letter-spacing:0;font-size:var(--text-label)}.muted{color:var(--text-muted)}.display,.page-title,.title,.numeral{font-family:var(--font-display);font-style:italic;font-weight:800}.display,.page-title,.title{text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}.display{font-size:var(--text-hero);line-height:var(--leading-hero)}.page-title{font-size:var(--text-page);line-height:var(--leading-page)}.title{font-size:var(--text-title);line-height:var(--leading-title)}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-size:30px;font-style:italic;font-weight:800;line-height:32px}.numeral{font-variant-numeric:tabular-nums;letter-spacing:.01em}:lang(ar) :is(.display,.page-title,.title,.section-title,.numeral){font-family:var(--font-arabic), var(--font-sans);letter-spacing:0;text-transform:none;font-style:normal}:lang(ar) :is(.display,.page-title,.title){font-weight:800;line-height:1.25}.panel{background:var(--panel);border-radius:var(--radius-panel);padding:var(--card-padding);position:relative}.panel[data-tone=violet]{background:repeating-linear-gradient(118deg, #ffffff07 0 2px, transparent 2px 46px), var(--panel-violet)}.panel[data-tone=teal]{background:var(--panel-teal)}.panel[data-tone=plum]{background:var(--panel-plum)}.card{background:var(--panel);border-radius:var(--radius-card);padding:var(--card-padding)}.chip{border-radius:var(--radius-chip);color:#ece8f8;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:#0a08168c;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:800;line-height:18px;display:inline-flex}.chip[data-dot]:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px}:lang(ar) .chip{letter-spacing:0;font-size:13px}.meta-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.meta-chip{color:var(--text-soft);font-size:var(--text-label);line-height:var(--leading-label);background:#ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:500;display:inline-flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.icon-tile{border-radius:var(--radius-row);background:var(--accent-soft);width:48px;height:48px;color:var(--accent);flex:none;place-items:center;display:grid}.icon-tile[data-tone=lime]{background:var(--positive-soft);color:var(--primary)}.icon-tile[data-tone=gold]{color:var(--gold);background:#f2c35b1f}.stage-glow{background:radial-gradient(ellipse at center, #59407980, transparent 70%), var(--surface-sunken);border-radius:var(--radius-row)}.rings{background:repeating-radial-gradient(circle,#0000 0 58px,#ffffff12 58px 59px);border-radius:50%}.sticker{color:#2a2445;font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;background:#e4dff2;border-radius:12px;padding:10px 20px;font-size:22px;font-style:italic;font-weight:800;line-height:24px;display:inline-block;transform:rotate(-6deg);box-shadow:0 14px 30px #05041059}:lang(ar) .sticker{font-family:var(--font-arabic), var(--font-sans);text-transform:none;font-size:17px;font-style:normal}.enter{animation:enter calc(var(--motion-enter) * var(--motion)) var(--ease-standard) both;animation-delay:calc(var(--stagger,0) * var(--motion-stagger) * var(--motion))}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.settle{animation:settle calc(var(--motion-badge) * var(--motion)) var(--ease-standard) both}@keyframes settle{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.ready{animation:ready calc(var(--motion-ready) * var(--motion)) var(--ease-standard) both}@keyframes ready{0%{opacity:0}}.btn{min-height:var(--control-min);border-radius:var(--radius-button);white-space:nowrap;transition:transform var(--motion-hover) var(--ease-standard), box-shadow var(--motion-hover) var(--ease-standard), background-color var(--motion-hover) var(--ease-standard), border-color var(--motion-hover) var(--ease-standard), color var(--motion-hover) var(--ease-standard);border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-size:16px;font-weight:700;line-height:20px;text-decoration:none;display:inline-flex}.btn svg{flex:none}@media (hover:hover){.btn:hover:not(:disabled,[aria-disabled=true]){transform:translateY(calc(-2px * var(--motion)))}}.btn:active:not(:disabled,[aria-disabled=true]){transform:scale(calc(1 - .02 * var(--motion)));transition-duration:var(--motion-press)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 5px 0 var(--primary-edge)}@media (hover:hover){.btn-primary:hover:not(:disabled,[aria-disabled=true]){background:var(--primary-hover);box-shadow:0 calc(5px + 2px * var(--motion)) 0 var(--primary-edge)}}.btn-primary:active:not(:disabled,[aria-disabled=true]){box-shadow:0 1px 0 var(--primary-edge);transform:translateY(calc(4px * var(--motion))) scale(calc(1 - .02 * var(--motion)))}.btn-secondary,.btn-outline{color:var(--text);background:#2a2541;border-color:#ffffff38}.btn-secondary:hover:not(:disabled,[aria-disabled=true]),.btn-outline:hover:not(:disabled,[aria-disabled=true]){background:#352f50;border-color:#ffffff52}.btn-ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-ghost:hover:not(:disabled,[aria-disabled=true]){background:#ffffff0d}.btn-link{min-height:var(--control-min);color:var(--link);font-weight:700;font-size:var(--text-label);background:0 0;border:0;align-items:center;gap:6px;padding-inline:0;text-decoration:none;display:inline-flex}.btn-link:hover{text-decoration:underline}.btn-glow{border-radius:var(--radius-pill);background:var(--primary);color:#0c0b10;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;min-height:60px;transition:transform var(--motion-hover) var(--ease-standard), box-shadow var(--motion-hover) var(--ease-standard), background-color var(--motion-hover) var(--ease-standard);border:0;justify-content:center;align-items:center;gap:14px;padding:10px 28px;font-size:22px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 26px #c6f13c6b,0 0 4px #c6f13c99}.btn-glow svg{flex:none}@media (hover:hover){.btn-glow:hover:not(:disabled,[aria-disabled=true]){background:var(--primary-hover);transform:translateY(calc(-2px * var(--motion)));box-shadow:0 0 36px #c6f13c8c,0 0 4px #c6f13cb3}}.btn-glow:active:not(:disabled,[aria-disabled=true]){transform:scale(calc(1 - .02 * var(--motion)));transition-duration:var(--motion-press)}.btn-glow:disabled,.btn-glow[aria-disabled=true]{cursor:not-allowed;opacity:.55;box-shadow:none}.btn-glow:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.btn-lg{min-height:56px;padding:15px 30px;font-size:17px}.btn-block{width:100%}.btn-icon{width:var(--control-min);height:var(--control-min);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted);transition:color var(--motion-hover) var(--ease-standard), border-color var(--motion-hover) var(--ease-standard), background-color var(--motion-hover) var(--ease-standard);background:0 0;place-items:center;padding:0;display:inline-grid}.btn-icon:hover{color:var(--text);border-color:var(--border-strong)}.btn-icon[aria-pressed=true]{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-size:var(--text-label);font-weight:700}.input{min-height:var(--control-min);border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text);transition:border-color var(--motion-hover) var(--ease-standard);border-radius:12px;padding:10px 14px}.input:focus-visible{outline-offset:1px;border-color:var(--accent)}.hint{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--text-muted)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-row);background:var(--surface-raised);border:1px solid var(--border);font-size:var(--text-label);line-height:var(--leading-label);align-items:flex-start;display:flex}.notice-warning{background:var(--warning-soft);border-color:#ffcf7066}.notice-error{background:var(--negative-soft);border-color:#ff8a9b73}.notice-positive{background:var(--positive-soft);border-color:#c6f13c66}.tag{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-line);font-size:var(--text-meta);line-height:var(--leading-meta);color:#ddd3ff;white-space:nowrap;padding:2px 10px;font-weight:700;display:inline-flex}dialog{max-width:min(460px,100vw - 32px);padding:var(--space-6);border-radius:var(--radius-card);border:1px solid var(--border-soft);color:var(--text);box-shadow:var(--shadow-card);background:#211c38}dialog::backdrop{background:#080714c2}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.not-found-art{filter:drop-shadow(0 14px 22px #0504108c);width:200px;height:auto}[data-round-open] body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-round-open] img{-webkit-user-drag:none}[data-round-open] input,[data-round-open] textarea{-webkit-user-select:text;user-select:text}