@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
.hope-ending{font-size:25px;font-weight:800;color:var(--gold);margin:14px 0}.hope-conditions{padding-inline-start:22px;line-height:1.9}.hope-alternative{padding:12px 0;border-top:1px solid var(--line)}.team-paper small{display:block;margin-top:6px}
.result b{font-family:Arial,system-ui,sans-serif;font-size:27px;font-weight:800;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;letter-spacing:.3px}.score strong{font-family:Arial,system-ui,sans-serif;font-variant-numeric:tabular-nums;unicode-bidi:isolate}.result small{font-size:14px;line-height:1.8}input[data-western-digits]{font-family:Arial,system-ui,sans-serif;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.seating-preview{margin:24px 0 32px}.seating-intro{text-align:center}.seating-intro h3{font-size:19px}.seating-intro p{font-size:13px;color:var(--muted);margin:6px 0}.seating-circle{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:8px auto 0;direction:ltr}.round-table{position:absolute;inset:20%;border-radius:50%;border:2px solid #8a774a;background:radial-gradient(circle at 35% 30%,#3b4132,#222b23 75%);box-shadow:0 0 0 8px #b69b5420,inset 0 0 30px #0005;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;direction:rtl;padding:12px}.round-table>span:first-child{font-size:clamp(16px,4vw,23px);font-weight:800;color:var(--gold)}.round-table small{font-size:11px;color:var(--muted)}.table-symbol{font-size:35px;color:#d1b77977;line-height:1.3}.seat-name{position:absolute;left:var(--seat-x);top:var(--seat-y);transform:translate(-50%,-50%);width:29%;min-height:60px;padding:8px 5px;border-radius:14px;border:1px solid var(--seat-color);background:#1b211d;direction:rtl;box-shadow:0 5px 14px #0003}.seat-name small{display:block;color:var(--seat-color);font-size:11px;font-weight:500}.seat-name>span{display:block;color:var(--text);font-size:14px;line-height:1.4;overflow-wrap:anywhere;max-height:60px;overflow:auto}.seat-team-0{--seat-color:#d1b779}.seat-team-1{--seat-color:#8ab6aa}.seat-team-2{--seat-color:#b4a0d3}.seat-name:focus-visible{outline:2px solid var(--seat-color);outline-offset:3px}@media(max-width:380px){.seat-name{min-height:54px;padding:6px 3px}.seat-name>span{font-size:12px}.round-table small{font-size:10px}}
.team-names{border:0;padding:0;margin:18px 0 24px;min-width:0}.team-names legend{color:var(--gold);font-weight:700;padding:0}.name-pair{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:8px;align-items:end}.name-pair>span{align-self:end;padding-bottom:12px;text-align:center;color:var(--gold)}.name-pair label{font-size:13px;margin:6px 0}.name-pair input{min-width:0;font-size:16px;padding:10px}
.team-rounds{display:grid;gap:10px}.team-round{border:1px solid var(--line);border-radius:14px;padding:14px}.team-round-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,44%);align-items:center;gap:12px}.team-round-head h3{font-size:17px;overflow-wrap:anywhere}.team-round-head select{font-size:16px;min-height:46px}.team-paper{margin-top:10px}.seating-note{margin-top:14px;font-size:13px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{color-scheme:dark;--bg:#171918;--panel:#212422;--line:#383b35;--gold:#d1b779;--muted:#a7aba3;--text:#f4f1e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tajawal,system-ui,sans-serif;line-height:1.6;min-height:100dvh}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 0%,#b2934b18,transparent 55%)}header,main,footer{max-width:1000px;margin:auto;padding:26px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--text);font-size:23px;font-weight:800}.brand small{display:block;font-size:13px;color:var(--gold);font-weight:500}.mark{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);width:48px;height:48px;border-radius:15px}.tag,.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.5px}.hero{max-width:600px;margin:30px auto 24px;text-align:center}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.3;margin:12px 0}.hero p,.muted{color:var(--muted)}.panel{background:linear-gradient(150deg,#272a26,#202320);border:1px solid var(--line);border-radius:24px;padding:26px;margin:18px 0;box-shadow:0 15px 40px #0002}.setup{max-width:540px;margin:24px auto}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;margin:14px 0 7px;font-weight:500}input,select,button{font:inherit;border-radius:12px;min-height:50px}input,select{background:#171a18;border:1px solid #484d43;padding:12px;color:var(--text);width:100%;font-size:17px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);background:#30352d;color:var(--text);padding:11px 20px;font-weight:700}button.primary{background:var(--gold);color:#1c2018;border-color:var(--gold)}button.full{width:100%;margin-top:23px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:default}.subtle{background:transparent;color:var(--muted)}.score{padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--panel)}.score:first-child{border-color:#a68f57;background:linear-gradient(140deg,#37382a,#252821)}.score strong{display:block;font-size:36px;color:var(--gold);direction:ltr;text-align:right}.score small{color:var(--muted)}h2{font-size:23px;margin:0 0 12px}h3{margin:6px 0}p{margin:10px 0}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.options label{margin:0}.options input{position:absolute;opacity:0;width:1px}.options span{display:block;text-align:center;border:1px solid var(--line);border-radius:12px;padding:12px}.options input:checked+span{background:var(--gold);color:#191c17}.player{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:10px}.player label{margin:0;display:flex;gap:10px;align-items:center}.player input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--gold)}.player small{color:var(--muted);display:block;margin-right:32px}.player .cards{margin-top:10px}.result{border-top:1px solid var(--line);padding:12px 0}.result b{color:var(--gold);direction:ltr;display:inline-block}.error{color:#ffc0ab}.notice{background:#c4a45d12;border:1px solid #7d6c41;border-radius:14px;padding:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:14px;min-height:44px;padding:8px 13px}footer{text-align:center;color:var(--gold);font-size:14px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}footer small{color:var(--muted)}dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:24px;max-width:680px;width:calc(100% - 24px);max-height:88dvh;padding:24px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}details{border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer}.step{color:var(--gold);font-size:13px}.seat{padding:9px;border-bottom:1px solid var(--line)}.badge{display:inline-block;padding:3px 10px;background:#d1b77918;color:var(--gold);border-radius:20px;font-size:12px}.empty{text-align:center;padding:30px;color:var(--muted)}@media(max-width:600px){header,main,footer{padding:18px}.tag{display:none}.hero{margin-top:24px}.panel{padding:20px;border-radius:20px}.grid{gap:8px}.score{padding:13px 10px}.score h3{font-size:16px}.score strong{font-size:28px}.score small{font-size:11px}.two{grid-template-columns:1fr}.brand{font-size:21px}.options span{padding:12px 4px}.row h1{font-size:26px}button{padding:11px 15px}}

/* Stable identity colours follow team IDs, regardless of the current rank. */
[data-team="0"]{--team:#f1ca78;--team-rgb:241,202,120}
[data-team="1"]{--team:#80ceff;--team-rgb:128,206,255}
[data-team="2"]{--team:#f4a6cc;--team-rgb:244,166,204}
.team-label{display:inline-flex;align-items:center;gap:10px;max-width:100%;line-height:1.5;color:var(--team);font-weight:800}.team-label>span:last-child{overflow-wrap:anywhere}
.team-number{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:rgba(var(--team-rgb),.16);border:1px solid rgba(var(--team-rgb),.65);color:var(--team);font:800 17px Arial,system-ui,sans-serif;direction:ltr;unicode-bidi:isolate}
.team-round[data-team],.score[data-team],.hope-team[data-team]{border:1px solid rgba(var(--team-rgb),.42);border-inline-start:5px solid var(--team);background:linear-gradient(110deg,rgba(var(--team-rgb),.10),#1d221f 80%);box-shadow:0 7px 18px #0002}
.team-round{padding:17px;margin:2px 0}.team-rounds{gap:14px}.team-round select{border-color:rgba(var(--team-rgb),.45);background:#171c1a}.team-paper{border-top:1px solid rgba(var(--team-rgb),.25);padding-top:6px}.team-paper label{color:var(--team)}
.team-result[data-team]{border:1px solid rgba(var(--team-rgb),.35);border-inline-start:4px solid var(--team);background:rgba(var(--team-rgb),.07);border-radius:13px;padding:14px;margin-top:12px}.team-result b,.score[data-team] strong{color:var(--team)}.team-result small{display:block;margin-top:7px;color:#c0c5bd}.team-result .row{flex-wrap:nowrap;gap:14px}.team-result b{flex-shrink:0;font-size:29px}
.score[data-team]:first-child{border-color:var(--team);background:linear-gradient(110deg,rgba(var(--team-rgb),.16),#20251f)}.score .team-label{font-size:17px;gap:8px}.score .team-number{flex-basis:25px;width:25px;height:25px;font-size:14px;border-radius:8px}.score[data-team] strong{margin-top:10px}
select#winner[data-team]{border:2px solid var(--team);background:linear-gradient(90deg,rgba(var(--team-rgb),.12),#171c1a);font-weight:800;color:var(--team)}select#winner option{background:#1b211d;color:#f4f1e8}
.team-names[data-team]{border:1px solid rgba(var(--team-rgb),.35);border-inline-start:4px solid var(--team);border-radius:14px;padding:12px;margin-top:20px;background:rgba(var(--team-rgb),.045)}.team-names[data-team] legend{padding:0 8px;color:var(--team)}.team-names input:focus{outline-color:var(--team)}
.seat-name[data-team]{--seat-color:var(--team);background:linear-gradient(130deg,rgba(var(--team-rgb),.13),#1b211d);border-width:2px}.seat-name[data-team] small{color:var(--team)}
@media(max-width:600px){.score .team-label{display:flex;flex-direction:column;align-items:flex-start;font-size:15px;gap:7px}.team-round-head{grid-template-columns:minmax(0,1fr) minmax(120px,42%);gap:10px}.team-round{padding:14px 12px}.team-round .team-label{gap:7px;font-size:16px}.team-round .team-number{flex-basis:26px;width:26px;height:26px;font-size:15px}.team-result .team-label{font-size:16px;gap:8px}}