@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800;900&display=swap";:root{color:#eee9d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#101614;--card:#171f1b;--card-high:#1c2620;--line:#394037;--muted:#b0b4a3;--gold:#e7bc70;--text:#eee9d9;--red:#f48779;--green:#8bdfad;--neutral:#e7ca84;--heading:"Noto Kufi Arabic", Tajawal, sans-serif;background:#101614;font-family:Tajawal,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.49}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:2px solid #f5cd82}svg{vertical-align:middle;flex:none;width:1.15rem;height:1.15rem}p,h1,h2,h3,dl,dd{margin:0}small{color:var(--muted);font-size:.8rem}.skip{z-index:30;background:var(--base);padding:10px 20px;position:fixed;transform:translateY(-140%)}.skip:focus{transform:translateY(0)}.masthead{background:#141c18;border-bottom:1px solid #343a30}.mast-inner{justify-content:space-between;align-items:center;gap:30px;max-width:1512px;min-height:74px;margin:auto;padding:0 35px;display:flex}.brand{flex:none;align-items:center;gap:12px;display:flex}.brand-emblem{width:43px;height:43px;color:var(--gold);background:#292a1e;border:1px solid #826c43;border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 0 16px #d4b46b12}.brand-emblem svg{width:23px;height:23px}.brand strong{font-family:var(--heading);font-size:.98rem;line-height:1.6;display:block}.brand small{color:#c7ae7c;margin-top:2px;display:block}.desktop-nav{align-self:stretch;gap:4px;display:flex}.desktop-nav button,.mobile-drawer nav button{color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:flex;position:relative}.desktop-nav button:hover,.mobile-drawer nav button:hover{color:var(--text)}.desktop-nav button.active,.mobile-drawer nav button.active{color:var(--gold)}.desktop-nav button.active:after{content:"";background:var(--gold);width:calc(100% - 26px);height:2px;position:absolute;bottom:0;right:13px;box-shadow:0 0 10px #d7ae643d}.head-actions,.room-actions,.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{border:1px solid var(--line);min-height:40px;color:var(--text);background:#202920;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s;display:inline-flex}.button:hover{background:#2c392e;border-color:#78745c}.button.primary{color:#1d1b13;background:#d9b272;border-color:#d9b272}.button.primary:hover{background:#ecd08d}.button.icon-only{width:39px;height:39px;min-height:0;padding:0}.button.icon-only span{display:none}.button.text-button{color:var(--gold);background:0 0;border:0;padding-inline:0;font-size:.87rem}.button.text-button:hover{color:#fff2d3}.button.menu-button,.mobile-drawer,.overlay{display:none}.container{max-width:1512px;min-height:calc(100vh - 145px);margin:auto;padding:28px 35px 44px}.room-heading{justify-content:space-between;align-items:end;gap:10px;margin-bottom:22px;display:flex}.room-status{color:#d1c5a7;align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:flex}.status-dot{background:var(--muted);border-radius:100%;width:8px;height:8px}.status-dot.demo{background:var(--gold);box-shadow:0 0 10px #e7bc7055}.status-dot.active{background:var(--green);box-shadow:0 0 10px #82dba276}.status-divider{background:var(--line);width:1px;height:12px}h1{font-family:var(--heading);letter-spacing:-.045em;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(1.65rem,3.2vw,2.75rem);line-height:1.38}.share-button svg{color:var(--gold)}.role-tag{align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.role-tag.red{color:var(--red)}.role-tag.green{color:var(--green)}.scoreboard{--score-gap:16px;gap:var(--score-gap);grid-template-columns:1fr 1fr;display:grid;position:relative}.team-score{border:1px solid;border-radius:12px;align-items:center;gap:14px;min-width:0;min-height:95px;padding:15px 24px;display:flex}.team-score.red{color:var(--red);background:linear-gradient(110deg,#251f1b,#30211e);border-color:#624139}.team-score.green{color:var(--green);background:linear-gradient(250deg,#1a2a22,#1d2d23);border-color:#3b5f4a}.team-shield{clip-path:polygon(50% 0%,100% 13%,96% 65%,78% 88%,50% 100%,22% 88%,4% 65%,0 13%);background:currentColor;border-radius:7px;flex:none;place-items:center;width:44px;height:51px;display:grid}.team-shield svg{stroke-width:1.6px;color:#16201a;width:24px;height:24px}.team-desc{gap:5px;display:grid}.team-desc strong{font-family:var(--heading);font-size:clamp(.75rem,1.34vw,1.03rem)}.team-desc small{color:#d6c9b7;overflow-wrap:anywhere}.score-value{text-align:center;margin-inline-start:auto}.team-score.red .score-value{margin-inline-end:12px}.team-score.green .team-shield{margin-inline-start:12px}.score-value b{color:var(--text);font-size:1.95rem;font-weight:900;line-height:1}.score-value small{color:var(--gold);white-space:nowrap;margin-top:4px;display:block}.score-value svg{width:.85rem;height:.85rem}.versus{z-index:1;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.versus span{width:40px;height:40px;color:var(--gold);background:#21251b;border:1px solid #796340;border-radius:50%;place-items:center;display:grid}.versus small{color:#e6d4ae;white-space:nowrap;background:#25291f;border:1px solid #4e4736;border-radius:6px;padding:1px 7px;font-size:.72rem}.stages{background:#151d19;border:1px solid #313a32;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px;padding:6px;display:grid}.stage{color:#c4c8b8;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;min-width:0;padding:7px 12px;display:flex}.stage span:last-child{min-width:0}.stage strong{font-size:.92rem;font-weight:800;display:block}.stage small{margin-top:2px;display:block}.stage-icon{color:#b3bdab;background:#202b23;border:1px solid #3e4a40;border-radius:7px;flex:0 0 33px;place-items:center;width:33px;height:33px;display:grid}.stage.current{color:#f3cd84;background:#322c20;border-color:#665236}.stage.current .stage-icon{color:var(--gold);background:#42351f;border-color:#725931}.stage.current small{color:#e7d1a9}.stage.past .stage-icon{color:var(--green)}.dashboard{grid-template-columns:minmax(0,1fr) minmax(270px,.38fr);align-items:start;gap:16px;display:grid}.side-column{gap:14px;min-width:0;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:69px;padding:12px 15px;display:flex}.section-title{align-items:center;gap:10px;min-width:0;display:flex}.section-title>span{width:38px;height:38px;color:var(--gold);background:#302b20;border:1px solid #5f5136;border-radius:8px;flex:none;place-items:center;display:grid}.section-title h2{font-family:var(--heading);font-size:.97rem;line-height:1.55}.section-title p{color:var(--muted);margin-top:3px;font-size:.82rem}.map-viewport{isolation:isolate;aspect-ratio:1.72;scrollbar-color:#987a4a #24352d;direction:ltr;background:#102d33;position:relative;overflow:auto}.map-canvas{width:calc(100% * var(--zoom));aspect-ratio:1.5;direction:ltr;min-height:100%;position:relative}.map-canvas picture,.map-canvas img,.map-shade{width:100%;height:100%;display:block;position:absolute;inset:0}.map-canvas img{object-fit:fill}.map-shade{pointer-events:none;background:linear-gradient(#11161126,#0000 13% 74%,#0d14144d)}.map-label{font-family:var(--heading);z-index:1;white-space:nowrap;pointer-events:none;background:#141a17e8;border:1px solid #98845a;border-radius:5px;padding:3px 9px;font-size:clamp(.55rem,1vw,.77rem);font-weight:700;position:absolute;transform:translate(-50%)}.map-label.west{color:#fda898;border-color:#c87062;top:7%;left:17%}.map-label.east{color:#a4e5b7;border-color:#62a47d;top:7%;left:84%}.map-label.island{color:#efcc85;top:25%;left:50%}.pin{z-index:2;top:var(--y);left:var(--x);background:#2a2019;border:2px solid;border-radius:50%;place-items:center;width:clamp(28px,3vw,38px);height:clamp(28px,3vw,38px);font-size:.91rem;font-weight:900;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #000b}.pin:after{content:"";border-radius:inherit;opacity:.28;border:1px solid;position:absolute;inset:-5px}.pin.red,.number-tag.red,.owner.red{color:var(--red);background:#442521}.pin.green,.number-tag.green,.owner.green{color:var(--green);background:#1e3529}.pin.neutral,.number-tag.neutral,.owner.neutral{color:var(--neutral);background:#332c20}.pin:hover,.pin.chosen{z-index:3;transform:translate(-50%,-50%)scale(1.14);box-shadow:0 0 14px}.pin.contested{border-style:dashed}.compass,.zoom{z-index:4;width:max-content;color:var(--gold);position:sticky}.compass{pointer-events:none;background:#141b18d9;border-radius:7px;justify-items:center;margin-top:-56px;padding:5px 5px 0;display:grid;top:10px;bottom:calc(100% - 57px);left:10px}.compass svg{width:25px;height:25px}.compass span{color:var(--gold);font-size:.65rem}.zoom{gap:3px;margin-top:-24px;display:grid;bottom:9px;left:calc(100% - 47px)}.zoom .button{color:var(--gold);background:#141b18ee;border-color:#635f48;width:34px;height:34px}.map-legend{border-top:1px solid var(--line);background:#171e19;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 19px;padding:10px;font-size:.88rem;display:flex}.map-legend span{color:#cbcabc;align-items:center;gap:7px;display:flex}.map-legend i{background:currentColor;border-radius:50%;width:9px;height:9px}.map-legend i.red{color:var(--red)}.map-legend i.green{color:var(--green)}.map-legend i.neutral{color:var(--neutral)}.map-pending{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:0 12px;display:flex}.place-list{border-top:1px solid var(--line);padding:0 12px;display:none}.place-list summary{cursor:pointer;color:var(--gold);padding:10px 0;font-weight:700}.place-list div{grid-template-columns:1fr 1fr;gap:5px;padding-bottom:10px;display:grid}.place-list button{text-align:start;border:1px solid var(--line);background:var(--card-high);border-radius:6px;align-items:center;gap:4px;padding:6px;font-size:.82rem;display:flex}.timeline{margin:0;padding:2px 14px 5px;list-style:none}.timeline li{align-items:center;gap:10px;min-height:64px;padding:12px 0;display:flex}.timeline li+li{border-top:1px solid #333d34}.event-icon,.small-shield{width:31px;height:31px;color:var(--gold);background:#2a2c21;border:1px solid #4d4c38;border-radius:8px;flex:none;place-items:center;display:grid}.event-icon.red,.small-shield.red{color:var(--red);background:#342421;border-color:#654139}.event-icon.green,.small-shield.green{color:var(--green);background:#22362a;border-color:#3d604d}.timeline strong,.roster-team strong{overflow-wrap:anywhere;font-size:.9rem;display:block}.timeline small,.roster-team small{margin-top:3px;display:block}.timeline b{color:var(--gold);margin-inline-start:auto;font-size:.92rem}.empty{color:var(--muted);padding:16px}.organizer-content,.roster-content,.detail-content{gap:12px;padding:13px 15px;display:grid}.detail-content p,.organizer-content p{color:var(--muted);font-size:.94rem;line-height:1.55}.owner{border-radius:5px;align-items:center;gap:6px;width:max-content;padding:3px 6px;font-size:.85rem;font-weight:700;display:flex}.number-tag{border:1px solid;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:.72rem;font-weight:800;display:inline-grid}.pending{color:var(--gold)}.roster-team{align-items:center;gap:9px;display:flex}.roster-team>span:last-child{color:var(--gold);margin-inline-start:auto;font-weight:800}.forces{color:var(--muted);padding-inline-start:40px;font-size:.8rem}.player-names{color:var(--muted);margin:0;padding-inline-start:40px;font-size:.87rem}.resolve-form{border:1px solid var(--line);border-radius:8px;padding:10px}.resolve-form h3{color:var(--gold);font-size:.95rem}.rules-content{max-width:850px;padding:19px}.rules h3{color:var(--gold);font-family:var(--heading);margin-top:20px;font-size:1rem}.rules h3:first-child{margin-top:0}.rules p{color:#d2d3c1;margin-top:8px;line-height:1.65}.points-list{gap:5px;margin-top:13px;display:grid}.points-list div{border:1px solid var(--line);border-radius:6px;justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.points-list dd{white-space:nowrap;color:var(--gold)}.empty-room{justify-items:start;gap:16px;padding:30px;display:grid}.site-footer{color:var(--muted);border-top:1px solid #343a30;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:18px max(20px,50vw - 721px);font-size:.86rem;display:flex}.site-footer div{color:var(--gold)}dialog{color:var(--text);background:var(--card);border:1px solid #746343;border-radius:13px;width:min(490px,100% - 28px);max-height:91dvh;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070c09c9}dialog.wide{width:min(1160px,100% - 20px)}dialog.wide .modal-body{padding:8px}dialog.wide .map-viewport{max-height:72dvh}dialog.wide .place-detail{margin-top:8px}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;display:flex}.modal-head h2{color:var(--gold);font-family:var(--heading);font-size:1.05rem}.modal-body{gap:14px;padding:16px;display:grid}.modal-message{color:var(--gold)}.modal-message:empty{display:none}.modal-rooms{gap:6px;display:grid}.modal-rooms a{background:var(--card-high);border-radius:7px;justify-content:space-between;align-items:center;padding:10px;display:flex}.modal-rooms a:hover{background:#283528}.modal-rooms small{margin-top:3px;display:block}.form{gap:10px;display:grid}.form.inline-form{display:flex}.form label{gap:4px;font-size:.9rem;font-weight:700;display:grid}.form input,.form select{min-width:0;min-height:42px;color:var(--text);background:#111a15;border:1px solid #536056;border-radius:6px;width:100%;padding:7px 9px;font-size:1rem}.inline-form select{flex:80px}.points-form{grid-template-columns:1fr 1fr}.points-form button{grid-column:1/-1}.toast{z-index:40;color:#f3e5bd;background:#2c3428;border:1px solid #9a7b4d;border-radius:8px;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 26px);padding:10px 14px;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0007}.toast.visible{display:flex}@media (width<=1050px){.mast-inner,.container{padding-inline:20px}.mast-inner{gap:12px}.desktop-nav button{padding-inline:8px}}@media (width<=880px){.mast-inner{min-height:61px}.desktop-nav,.button.account-button{display:none}.button.menu-button{display:inline-flex}.overlay{z-index:12;background:#080c0bb9;display:block;position:fixed;inset:0}.mobile-drawer{z-index:13;border-left:1px solid var(--line);background:#19231b;grid-auto-rows:min-content;gap:10px;width:min(285px,85vw);padding:14px;display:grid;position:fixed;inset:0 0 0 auto}.mobile-drawer header{font-family:var(--heading);justify-content:space-between;align-items:center;display:flex}.mobile-drawer nav{display:grid}.mobile-drawer nav button{border-bottom:1px solid var(--line);min-height:44px}.dashboard{grid-template-columns:1fr}.map-viewport{aspect-ratio:1.5}}@media (width<=550px){.mast-inner,.container{padding-inline:11px}.mast-inner{gap:6px}.brand{gap:7px}.brand strong{font-size:.86rem}.brand-emblem{width:35px;height:35px}.brand-emblem svg{width:19px;height:19px}.brand small{font-size:.69rem}.head-actions{gap:5px}.head-actions .button{min-height:34px;padding:6px 8px;font-size:.89rem}.head-actions .icon-only{width:35px;height:35px}.container{padding-top:18px;padding-bottom:22px}.room-heading{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:13px}.room-actions .button{min-height:34px;padding:5px 8px;font-size:.84rem}.room-actions .button svg{width:.85rem;height:.85rem}.room-status{gap:5px;font-size:.76rem}h1{margin-top:5px}.scoreboard{--score-gap:8px}.team-score{flex-wrap:wrap;align-content:center;gap:6px;min-height:92px;padding:8px 8px 7px;position:relative}.team-score.red .score-value,.team-score.green .team-shield{margin-inline:0}.team-score.green{flex-direction:row-reverse}.team-score.green .team-desc{text-align:left}.team-shield{width:26px;height:30px}.team-shield svg{width:17px;height:17px}.team-desc{gap:3px}.team-desc strong{font-size:.65rem}.team-desc small{font-size:.69rem}.score-value{flex-basis:100%;justify-content:center;align-items:center;gap:5px;display:flex}.score-value b{font-size:1.45rem}.score-value small{margin:0;font-size:.67rem}.versus{transform:translate(-50%,-38%)}.versus span{width:27px;height:27px}.versus span svg{width:14px;height:14px}.versus small{padding:1px 3px;font-size:.59rem}.stages{gap:2px;margin:10px 0;padding:3px}.stage{gap:3px;min-height:46px;padding:5px 2px}.stage strong{font-size:.71rem}.stage small{font-size:.62rem}.stage-icon{border-radius:4px;flex-basis:21px;width:21px;height:21px}.stage-icon svg{width:13px;height:13px}.card-head{min-height:58px;padding:7px 10px}.section-title{gap:7px}.section-title>span{width:32px;height:32px}.section-title h2{font-size:.85rem}.section-title p{font-size:.76rem}.place-list{display:block}.map-label{padding:2px 4px;font-size:.54rem}.map-label.island{top:21%}.map-label.east,.map-label.west{top:5%}.pin{border-width:1.5px;width:26px;height:26px;font-size:.75rem}.pin:after{inset:-3px}.pin:before{content:"";border-radius:100%;position:absolute;inset:-5px}.map-legend{gap:5px 10px;padding:8px 4px;font-size:.74rem}.compass{padding:3px 3px 0}.compass svg{width:17px;height:17px}.compass span{font-size:.57rem}.zoom{left:calc(100% - 36px)}.zoom .button{width:29px;height:29px}.zoom .button svg{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}