/* Qaddha / World 01 — original pixel identity. */
:root{color-scheme:light;--bg:#f8f1df;--panel:#fffdf4;--edge:#203d3a;--text:#203d3a;--muted:#60706a;--lime:#236e55;--violet:#286f9c;--red:#ba4136;--gold:#ffc849;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}a{color:var(--lime)}button{cursor:pointer;padding:12px 19px;border:2px solid var(--edge);border-radius:2px;background:var(--panel);color:var(--text);box-shadow:0 4px 0 var(--edge);font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}button:hover:enabled{background:#ffedb5;transform:translateY(-2px);box-shadow:0 6px 0 var(--edge)}button:active:enabled{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}button:focus-visible,a:focus-visible{outline:3px solid #286f9c}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.primary{background:var(--gold)}.primary:hover:enabled{background:#ffdb77}.danger{color:var(--red);border-color:var(--red);box-shadow:0 4px 0 var(--red)}.small{padding:8px 13px;font-size:12px}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#203d3a0d 1px,transparent 1px);background-size:8px 8px}.topbar{max-width:1450px;margin:auto;padding:22px 5%;display:flex;align-items:center;gap:28px;border-bottom:2px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:34px;font-weight:900;line-height:1.1;white-space:nowrap}.brand-symbol{width:44px;height:49px;image-rendering:pixelated;object-fit:contain}.brand-en{display:block;font:700 8px/1.6 Consolas,monospace;letter-spacing:1.2px;margin-top:7px;direction:ltr}.header-note{font-size:11px;color:var(--muted)}nav{margin-inline-start:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap}nav button{background:transparent}main{max-width:1450px;padding:36px 5% 70px;margin:auto;min-height:calc(100vh - 205px)}footer{padding:22px 5% 30px;display:flex;justify-content:space-between;gap:16px;border-top:8px solid #52966c;background:#203d3a;color:#fff4d9;font-size:11px;line-height:1.8}.footer-level{font:700 11px Consolas,monospace;letter-spacing:1px}.footer-level span{color:var(--gold)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.4vw,62px);line-height:1.45;letter-spacing:-1.5px;margin-bottom:20px}h2{font-size:24px;line-height:1.65}h3{font-size:18px}p{line-height:1.95;color:var(--muted)}.mint,.eyebrow{color:var(--lime)}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:8px;height:8px;background:#e2a437;box-shadow:3px 3px 0 var(--edge);display:inline-block}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.95}.pill{display:inline-block;padding:6px 11px;border:2px solid var(--edge);border-radius:0;background:#fff1bf;color:var(--text);font-size:11px;font-weight:700;box-shadow:2px 2px 0 #203d3a26}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:start;padding:12px 0 35px}.hero-copy{padding-top:20px}.hero p{max-width:520px;font-size:15px}.hero h1 em{font-style:normal;color:#dc5843;display:inline-block;text-shadow:3px 3px 0 #f1c883}.hero-kicker{font:700 10px/1.8 Consolas,monospace;direction:ltr;letter-spacing:2px;display:inline-block;padding:6px 10px;border:2px solid var(--edge);background:#d8eee2;margin-bottom:20px}.world-art{display:block;width:100%;height:auto;margin:22px 0 0;image-rendering:pixelated}.hero-caption{display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid var(--edge);padding:10px 0;font-size:10px;font-weight:700}.hero-caption span:last-child{font-family:Consolas,monospace;direction:ltr}.form-panel{position:relative;max-width:520px;width:100%;margin:15px auto 0}.form-panel:before{content:'PLAYER 01';position:absolute;top:-17px;left:22px;background:#286f9c;color:white;border:2px solid var(--edge);padding:6px 12px;font:700 10px Consolas,monospace;letter-spacing:1px}.form-panel h2{font-size:25px;margin:8px 0 22px}.panel{background:var(--panel);border:2px solid var(--edge);border-radius:2px;padding:26px;box-shadow:5px 5px 0 #203d3a}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stack{display:grid;gap:17px}label{display:grid;gap:8px;font-size:13px;line-height:1.7;font-weight:700}input:not([type=checkbox]),textarea,select{background:#f6f5e9;color:var(--text);border:2px solid #819388;border-radius:0;padding:12px 14px;width:100%;min-width:0;font-weight:400;box-shadow:inset 2px 2px 0 #203d3a0a}input:focus,textarea:focus,select:focus{border-color:var(--lime);outline:2px solid #91bc9e;outline-offset:2px}input::placeholder,textarea::placeholder{color:#7c8980}textarea{resize:vertical;min-height:85px}input[type=checkbox]{accent-color:var(--lime);width:20px;height:20px;flex-shrink:0}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:20px;font-weight:bold;margin-bottom:20px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.wide{width:100%}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 26px}.section-head h1,.section-head h2{margin:0}.section-head h1{font-size:34px;letter-spacing:-.7px}.section-head p{margin-bottom:0}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category-choice{display:flex;align-items:flex-start;gap:10px;padding:18px;border:2px solid #9ba794;border-radius:0;background:#fffdf4;cursor:pointer;box-shadow:3px 3px 0 #c9c9b4}.category-choice:has(input:checked){border-color:var(--edge);background:#dcecc9;box-shadow:4px 4px 0 var(--edge)}.category-choice:has(input:disabled){opacity:.48;cursor:not-allowed}.category-choice strong{display:block;font-size:16px;margin-bottom:8px}.category-choice small{display:block;color:var(--muted);font-size:10px;line-height:1.85;font-weight:400}.space{margin-top:32px}.game-list{display:grid;gap:12px}.game-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;background:var(--panel);border:2px solid var(--edge);box-shadow:3px 3px 0 #c9c9b4}.game-row p{margin-bottom:0}.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rules .panel{box-shadow:3px 3px 0 #b7c5b0;padding:23px}.rules strong{display:block;margin-bottom:12px;color:var(--text);font-size:19px}.rules p{font-size:12px;margin:0}.rules .panel:nth-child(1){border-top:7px solid #eeb13e}.rules .panel:nth-child(2){border-top:7px solid #dc6c53}.rules .panel:nth-child(3){border-top:7px solid #5796b0}
.scoreboard{display:grid;grid-template-columns:1fr 76px 1fr;gap:18px;align-items:stretch;margin-bottom:30px}.team{padding:18px 22px;border:2px solid var(--edge);border-radius:0;background:var(--panel);box-shadow:4px 4px 0 #c5c7b0;min-width:0;position:relative}.team.current{background:#e5efcf;box-shadow:4px 4px 0 var(--edge);border-top:6px solid #4f8a5e}.team:nth-child(3){background:#e6eef3}.team:nth-child(3).current{border-top-color:#286f9c}.team-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.team h2{font-size:21px;margin:0}.score{font:900 42px/1.2 Consolas,monospace;color:var(--lime);direction:ltr;letter-spacing:-2px}.team:nth-child(3) .score{color:var(--violet)}.team .members{font-size:11px;color:var(--muted);margin:8px 0 17px;overflow-wrap:anywhere}.lifelines{display:flex;flex-wrap:wrap;gap:9px}.lifelines button{font-size:11px;padding:8px 10px;box-shadow:0 3px 0 var(--edge)}.vs{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px;color:var(--muted);font-size:10px;line-height:1.8}.vs b{color:#dc5843;font:900 27px Consolas,monospace;text-shadow:2px 2px 0 #f1c883}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.board-category{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:10px;padding:12px;min-height:235px;background:var(--panel);border:2px solid var(--edge);border-radius:0;box-shadow:5px 5px 0 #203d3a;position:relative}.board-category:nth-child(3n+2){background:#edf2df}.board-category:nth-child(3n+3){background:#e6eff1}.tile-column{display:grid;grid-template-rows:repeat(3,1fr);gap:12px;min-width:0}.category-top{display:flex;flex-direction:column;align-self:stretch;min-width:0;padding:16px 2px;gap:12px;justify-content:center;align-items:center;text-align:center}.category-top h3{font-size:18px;line-height:1.85;margin:0;overflow-wrap:anywhere}.category-icon{width:58px;height:58px;display:grid;place-items:center;font-size:31px;font-weight:bold;line-height:1;background:#d7e8d8;border:2px solid var(--edge);box-shadow:4px 4px 0 #88af8c;color:#2d5f4a}.board-category:nth-child(3n+2) .category-icon{background:#ffe5a2;box-shadow:4px 4px 0 #dca94d}.board-category:nth-child(3n+3) .category-icon{background:#cbe1ef;box-shadow:4px 4px 0 #81acc5}.category-caption{font-size:10px;font-weight:400;line-height:1.8;color:var(--muted)}.tile{font:900 21px Consolas,monospace;min-height:60px;padding:12px 2px;display:flex;align-items:center;justify-content:center;gap:3px;position:relative;background:#ffdb77;box-shadow:0 4px 0 #986b31;border:2px solid #694c2e;direction:ltr}.tile:before{content:'';position:absolute;inset:4px;border:1px solid #fff7cc;pointer-events:none}.tile[data-points="400"]{background:#f5b75b;color:#503e29}.tile[data-points="600"]{background:#e69455;color:#3c3228}.tile:hover:enabled{background:#ffe6a3;box-shadow:0 6px 0 #694c2e}.tile small{position:absolute;bottom:3px;font-size:10px;color:var(--text)}.tile.done{background:#d6d7c9;color:#6c786a;opacity:.55;box-shadow:none;border-color:#899381}.tile.done span{text-decoration:line-through;text-decoration-thickness:1px}.tile.done:before{border-color:#eef0e3}.banner{border:2px solid var(--edge);background:#fff0ba;padding:15px 20px;border-radius:0;color:var(--text);margin:18px 0 26px;line-height:1.9;box-shadow:3px 3px 0 #c6b37c}.banner .primary{background:var(--panel)}
.question{max-width:880px;margin:25px auto;padding:30px;text-align:center;background:var(--panel);border:3px solid var(--edge);border-radius:0;box-shadow:7px 7px 0 var(--edge);position:relative}.question h2{font-size:clamp(23px,3vw,35px);line-height:1.9;margin:27px 0}.question .actions{justify-content:center}.question-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.question-heading>.pill{margin-top:10px}.timer-panel{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 12px;text-align:center;min-width:185px;padding:12px 16px;border:2px solid var(--edge);border-radius:0;background:#e6efda;box-shadow:3px 3px 0 #b0bda4}.timer-readout{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--lime)}.timer-readout>span{font-size:20px}#question-clock{font:900 29px/1.2 Consolas,monospace;font-variant-numeric:tabular-nums}#timer-progress{grid-column:1/-1;width:100%;height:7px;accent-color:var(--lime)}#timer-status{font-size:10px;color:var(--muted)}#timer-control{font-size:10px;padding:5px 8px;box-shadow:0 2px 0 var(--edge)}.timer-panel.urgent{border-color:var(--red);background:#ffe1d6}.timer-panel.urgent .timer-readout{color:var(--red)}.timer-panel.urgent progress{accent-color:var(--red)}.timer-panel.timer-paused:not(.urgent){background:#e2edf2}.timer-paused:not(.urgent) .timer-readout{color:var(--violet)}.question-visual{margin:25px auto 10px;width:100%;max-width:620px}.question-visual img{display:block;width:100%;max-height:275px;object-fit:contain;border-radius:0;background:#eaf0e2;padding:18px;border:2px solid #a0b1a2}.question-visual img[hidden]{display:none}.question-visual figcaption{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.8}.letter-visual img{padding:0}.answer{padding:22px;background:#e2f0d6;border:2px solid var(--lime);border-radius:0;margin:20px 0;color:var(--lime);font-size:25px;font-weight:700}.answer p{font-size:14px;margin:10px 0 0;font-weight:400}.answer .attribution{font-size:10px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.attribution a{color:var(--muted)}.result{padding:35px;text-align:center;border:3px solid var(--edge);background:#fff0ba;box-shadow:6px 6px 0 var(--edge);margin-bottom:30px}.result .eyebrow{justify-content:center}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.stat{padding:20px}.stat b{display:block;font:900 34px Consolas,monospace;color:var(--lime);margin-bottom:8px}.stat span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto;border:2px solid var(--edge);background:var(--panel);box-shadow:4px 4px 0 #c5c7b0}table{border-collapse:collapse;width:100%;text-align:right;font-size:13px;white-space:nowrap}th,td{padding:15px;border-bottom:1px solid #c2cbb9}th{background:#dae8d5;color:var(--text)}td{color:var(--muted)}tbody tr:nth-child(even){background:#f2f3e6}.code{direction:ltr;text-align:left;font:12px/1.8 Consolas,monospace;min-height:210px}.notice{padding:13px;border:2px solid #88a38b;background:#e5eddc;color:var(--text);font-size:13px;line-height:1.8}dialog{background:var(--panel);color:var(--text);border:3px solid var(--edge);border-radius:0;box-shadow:8px 8px 0 #142c29;padding:30px;width:min(600px,92vw);max-height:90vh}dialog::backdrop{background:#203d3ab8}.close{float:left;border:0;box-shadow:none;background:transparent;padding:2px 8px;font-size:25px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;max-width:90vw;background:#203d3a;color:#fff9e8;border:2px solid #ffc849;padding:15px 24px;border-radius:0;box-shadow:4px 4px 0 #142c29;line-height:1.8}#toast[hidden]{display:none}body.busy{cursor:progress}body.busy main button{pointer-events:none}pre{white-space:pre-wrap;overflow-wrap:anywhere}.center{text-align:center}
@media(max-width:1050px){.header-note{display:none}.hero{gap:30px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:46px}.scoreboard{grid-template-columns:1fr 50px 1fr}.board-category{grid-template-columns:55px minmax(0,1fr) 55px}}
@media(max-width:680px){.topbar{padding:16px 5%;gap:12px;flex-wrap:wrap}.brand{font-size:29px}.brand-symbol{width:36px;height:40px}.brand-en{font-size:7px;letter-spacing:.6px}nav{gap:7px}nav button{font-size:10px;padding:7px 9px}.hero{grid-template-columns:1fr;gap:30px;padding-top:0}.hero-copy{padding-top:6px}.hero h1{font-size:43px}.hero p{font-size:13px}.world-art{margin-top:15px}.form-panel{max-width:100%;margin-top:0}.split,.categories,.rules{grid-template-columns:1fr}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vs{display:none}.team{padding:15px 12px}.team h2{font-size:16px}.score{font-size:30px}.team-head{gap:6px}.lifelines{gap:7px}.lifelines button{padding:7px 6px;font-size:10px}.board{grid-template-columns:1fr;gap:20px}.board-category{grid-template-columns:58px minmax(0,1fr) 58px;min-height:225px}.category-top h3{font-size:20px}main{padding-top:24px;padding-bottom:45px}.question{padding:20px 15px;box-shadow:4px 4px 0 var(--edge)}.question-visual img{max-height:225px}.question-heading{align-items:center;flex-direction:column;gap:12px}.question-heading>.pill{margin-top:0}.timer-panel{min-width:220px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.section-head h1{font-size:29px}.stats{gap:12px}.stat{padding:14px;box-shadow:3px 3px 0 var(--edge)}.stat b{font-size:26px}.stat span{font-size:10px}.panel{padding:22px}.game-row{align-items:flex-start}footer{font-size:10px;align-items:center}.footer-level{font-size:8px;letter-spacing:0}}
@media(max-width:380px){nav{width:100%;margin-top:5px}.team-head{flex-direction:column;gap:4px}.lifelines{justify-content:center}.stats{grid-template-columns:1fr}.hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.pixel-icon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;vertical-align:middle}.category-choice strong{display:flex;align-items:center;gap:10px}.category-choice .pixel-icon{width:28px;height:28px}.category-icon .pixel-icon{width:39px;height:39px}
@font-face{font-family:Pixel;src:url("/fonts/Silkscreen-Regular.ttf") format("truetype");font-weight:400;font-display:swap}.tile,.score,#question-clock,.stat b,.vs b,.hero-kicker,.brand-en,.footer-level,.hero-caption span:last-child,.form-panel:before{font-family:Pixel,Consolas,monospace;font-weight:400}.tile{font-size:18px}.score{font-size:32px;letter-spacing:-1px}#question-clock{font-size:25px}.hero-kicker{font-size:9px;letter-spacing:1px}.brand-en{font-size:7px;letter-spacing:0}.footer-level{font-size:10px}@media(max-width:680px){.score{font-size:25px}.footer-level{font-size:8px}}
.category-tools{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:12px}.category-choice[hidden]{display:none}.category-format{font-weight:bold!important;color:var(--lime)!important;margin-bottom:5px}@media(max-width:680px){.category-tools{grid-template-columns:1fr}}
#selection-count{direction:ltr}
.category-rounds{display:inline-block!important;font-size:14px!important;font-weight:bold;color:var(--lime)!important;margin-top:4px}.category-choice{align-items:center;min-height:108px}.category-choice strong{margin-bottom:0}
.category-tools{grid-template-columns:2fr 1fr 1fr}.category-section{margin:30px 0}.category-section[hidden]{display:none}.category-section-title{border-right:6px solid var(--gold);padding:8px 15px;margin-bottom:18px;font-size:23px}.word-instructions{background:var(--bg);border:2px solid var(--edge);padding:24px;margin:24px 0}.word-code img{display:block;width:min(100%,300px);height:auto;margin:22px auto;background:#fff}.word-code p{font-size:13px;overflow-wrap:anywhere}.word-phone{max-width:600px;margin:5vh auto;padding:24px;text-align:center}.word-phone h1{font-size:30px}.word-phone #secret-word{display:block;font-size:clamp(32px,9vw,56px);color:var(--edge);padding:32px 12px;border:3px solid var(--edge);background:var(--gold);margin:20px 0;overflow-wrap:anywhere}.word-phone #secret-word[hidden]{display:none}#phone-time{font-size:24px;font-weight:bold}@media(max-width:680px){.category-tools{grid-template-columns:1fr}.word-instructions{padding:18px}}

.credit-form{min-width:180px;max-width:250px}section[aria-label="رصيد الألعاب"]{margin-bottom:24px}section[aria-label="رصيد الألعاب"] summary{cursor:pointer;font-weight:bold;padding:10px 0}