@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";:root{--ink:#102d37;--muted:#6b7e83;--paper:#f5f1e8;--card:#fffdf8;--line:#d9ded9;--green:#198b72;--green2:#d7eee6;--gold:#df9f31;--navy:#0b2430;--shadow:0 22px 70px #112d371a;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Noto Sans Arabic,Tahoma,sans-serif}:root[data-theme=dark]{--ink:#eaf3ef;--muted:#9fb3b6;--paper:#091a21;--card:#102832;--line:#29434b;--green:#42ba96;--green2:#173e3a;--navy:#061319;--shadow:0 22px 70px #0000004d}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0%,#2d997e1a,transparent 25rem),var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 max(22px,50vw - 560px);display:flex;box-shadow:0 8px 30px #02141c29}.brand{color:inherit;text-align:right;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid;transform:rotate(-5deg)}.brand strong{font-size:23px;line-height:1.2;display:block}.brand small{opacity:.65;letter-spacing:.03em;font-size:10px;display:block}nav{direction:rtl;gap:5px;display:flex}nav button{color:#d9e9e7;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:39px;height:39px;font-size:20px;transition:all .2s}nav button:hover{background:#ffffff1f;transform:translateY(-1px)}main{flex:1;width:min(680px,100% - 32px);margin:0 auto;padding:54px 0 70px}.game-view{text-align:center}.eyebrow{background:var(--green2);color:var(--green);border-radius:999px;align-items:center;gap:9px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow b{border-right:1px solid color-mix(in srgb,var(--green) 30%,transparent);padding-right:9px}h1{letter-spacing:-.04em;margin:17px 0 4px;font-size:clamp(30px,6vw,45px);line-height:1.35}.lede{color:var(--muted);margin:0 auto 28px;font-size:15px}.game-card,.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:right;border-radius:25px;overflow:hidden}.guess-form{padding:27px 28px 23px}.guess-form label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.guess-form>div{gap:9px;display:flex}input,textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:12px;outline:none;padding:12px 14px;transition:all .2s}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.guess-form input{height:52px;font-size:17px}.guess-form button,.win-panel button,.admin-form button{background:var(--green);color:#fff;white-space:nowrap;border:0;border-radius:12px;padding:0 22px;font-weight:700;box-shadow:0 7px 18px #198b7233}button:disabled{opacity:.5;cursor:not-allowed}.error{font-size:12px;color:#b9483e!important;margin:9px 3px 0!important}.success{color:var(--green);font-size:13px}.toolbar{border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper) 55%,transparent);align-items:center;gap:28px;padding:15px 28px;display:flex}.toolbar>div{text-align:center;min-width:54px}.toolbar strong{font-size:19px;display:block}.toolbar span{color:var(--muted);font-size:10px}.toolbar button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;margin-right:auto;padding:9px 14px;font-weight:700}.toolbar button span{color:var(--gold);font-size:17px}.history-head{text-align:right;justify-content:space-between;align-items:end;margin:28px 3px 10px;display:flex}.history-head h2{margin:0;font-size:15px}.history-head span{color:var(--muted);font-size:10px}.guess-list{gap:7px;display:grid}.guess-row{background:var(--card);border:1px solid var(--line);text-align:right;border-radius:13px;grid-template-columns:46px minmax(110px,1fr) minmax(90px,2.4fr) 45px;align-items:center;gap:12px;min-height:53px;padding:9px 14px;animation:.35s both slide;display:grid}.guess-row .rank{color:var(--muted);text-align:center;border-left:1px solid var(--line);font-size:16px;font-weight:800}.guess-row strong{font-size:14px}.guess-row strong small{color:var(--gold)}.meter{background:color-mix(in srgb,var(--line) 70%,transparent);direction:rtl;border-radius:99px;height:7px;overflow:hidden}.meter i{border-radius:inherit;background:#aab9b9;height:100%;display:block}.proximity{text-align:left;color:var(--muted);font-size:10px}.guess-row.warm .meter i{background:var(--gold)}.guess-row.hot .meter i,.guess-row.exact .meter i{background:var(--green)}.guess-row.hot{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.guess-row.exact{background:var(--green2);border-color:var(--green)}.win-panel{text-align:center;padding:26px}.win-panel .spark{background:var(--green2);width:48px;height:48px;color:var(--green);border-radius:50%;place-items:center;margin:auto;font-size:25px;display:grid}.win-panel h2{margin:10px 0 2px}.win-panel p{color:var(--muted);margin:0 0 16px}.win-panel button{padding:10px 17px}.panel{min-height:420px}.panel-title{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:25px 29px;display:flex}.panel-title span{color:#76c9ae;font-size:11px;font-weight:700}.panel-title h1{margin:2px 0 0;font-size:24px}.panel-title button{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;width:38px;height:38px;font-size:24px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:34px 28px;display:grid}.stat-grid div{text-align:center;border:1px solid var(--line);border-radius:14px;padding:20px 8px}.stat-grid b{font-size:25px;display:block}.stat-grid span{color:var(--muted);font-size:10px}.note{background:var(--green2);border-radius:12px;margin:0 28px 30px;padding:13px 15px;color:var(--ink)!important;font-size:12px!important}.leaderboard{padding:20px 28px}.leaderboard>div{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr auto 65px;align-items:center;gap:10px;padding:13px 6px;display:grid}.leaderboard b{color:var(--green)}.leaderboard strong{font-size:12px}.leaderboard small{color:var(--muted);text-align:left}.empty{text-align:center;color:var(--muted);padding:55px}.help{color:var(--muted);padding:28px;font-size:14px}.help>p:first-child{color:var(--ink);font-size:16px}.help ol{padding-right:22px}.help li{padding:8px 5px}.help b{color:var(--ink)}.admin-form{gap:16px;padding:28px;display:grid}.admin-form>p{color:var(--muted)}.admin-form label{gap:7px;font-size:12px;font-weight:700;display:grid}.admin-form button{min-height:46px;margin-top:3px}.admin-form small{color:var(--muted)}.toast{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:99px;padding:11px 20px;font-size:12px;position:fixed;bottom:28px;right:50%;transform:translate(50%)}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:19px max(22px,50vw - 560px);font-size:10px;display:flex}@keyframes slide{0%{opacity:0;transform:translateY(8px)}}@media (width<=620px){.topbar{height:70px;padding:0 15px}.brand small{display:none}.brand-mark{width:36px;height:36px}.brand strong{font-size:19px}nav{gap:2px}nav button{border:0;width:33px;height:35px;font-size:17px}.topbar nav button:nth-child(4){display:none}main{width:min(100% - 22px,680px);padding-top:35px}.guess-form{padding:20px 16px}.guess-form>div{flex-direction:column}.guess-form button{height:46px}.toolbar{gap:13px;padding:13px 16px}.guess-row{grid-template-columns:38px minmax(85px,1fr) 1.2fr 34px;gap:7px;padding:8px}.stat-grid{grid-template-columns:repeat(2,1fr);padding:22px}.leaderboard{padding:14px}.leaderboard>div{grid-template-columns:26px 1fr auto}.leaderboard small{display:none}.panel-title,.admin-form,.help{padding:20px}footer{padding:15px}footer span:last-child{display:none}}