@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/cairo-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/cairo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cinzel-700.woff2) format("woff2")}:root{--bg: #161512;--panel: #262421;--panel-2: #302e2b;--line: #3d3a36;--text: #e8e6e3;--muted: #a09a92;--accent: #f0c040;--accent-2: #7fa650;--board-size: min(100vw, 85dvh);--sq: calc(var(--board-size) / 8);--light: #efd9b5;--dark: #b58863;--board-frame: #3a2a1a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Cairo,Segoe UI,Tahoma,Noto Sans Arabic,system-ui,sans-serif;background:radial-gradient(900px 480px at 50% -6%,rgba(240,192,64,.14),transparent 62%),radial-gradient(720px 460px at 50% 96%,rgba(140,91,224,.12),transparent 65%),radial-gradient(1200px 700px at 50% -10%,#232220,var(--bg));color:var(--text);overflow-x:hidden}#app{height:100%;overflow:hidden}button{font-family:inherit}.screen{height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.screen[hidden],.menu-btn[hidden],.friend-code[hidden]{display:none}.bar{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:52px;border-bottom:1px solid var(--line);background:var(--panel)}.bar>span:first-of-type,.bar #status{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:var(--accent);font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.bar-spacer{width:40px}.icon-btn{width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 50%),var(--panel-2);color:var(--text);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 6px #0000004d,0 1px #ffffff14 inset}.icon-btn:active{transform:scale(.94)}html[dir=rtl] .bar [data-nav=menu]{transform:scaleX(-1)}#screen-menu{justify-content:center;align-items:center;padding:22px 22px 28px;position:relative;overflow-y:auto;overflow-x:hidden}.menu-bg{position:absolute;inset:auto -20% -10%;height:55%;z-index:0;opacity:.35;background:repeating-conic-gradient(from 0deg,rgba(240,192,64,.045) 0deg 90deg,transparent 90deg 180deg);background-size:46px 46px;pointer-events:none;animation:menuBgDrift 16s linear infinite}@keyframes menuBgDrift{0%{background-position:0 0}to{background-position:92px 92px}}.menu{position:relative;z-index:1;width:100%;max-width:372px;margin:0 auto;text-align:center;padding-bottom:18px}#screen-play-select{overflow-y:auto;overflow-x:hidden}#screen-play-select .menu{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.play-select-deco{width:308px;max-width:77%;margin:auto 0;opacity:.5;pointer-events:none;user-select:none}.brand-mark{width:84px;height:84px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 30%,#ffefbf,#f3c94e 42%,#b98322);box-shadow:0 0 0 3px #f0c04038,0 0 40px #f0c04066,0 14px 34px #0009,inset 0 -7px 16px #78460a73,inset 0 7px 14px #ffffff8c;animation:brandPop .6s cubic-bezier(.22,1.5,.4,1) both,brandGlow 3.6s ease-in-out .6s infinite}@keyframes brandPop{0%{opacity:0;transform:scale(.35) translateY(-16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes brandGlow{0%,to{box-shadow:0 0 0 3px #f0c04038,0 0 40px #f0c04066,0 14px 34px #0009,inset 0 -7px 16px #78460a73,inset 0 7px 14px #ffffff8c}50%{box-shadow:0 0 0 3px #f0c04057,0 0 60px #f0c0409e,0 14px 34px #0009,inset 0 -7px 16px #78460a73,inset 0 7px 14px #ffffff8c}}.brand-mark span{font-size:46px;line-height:1;color:#2c1e06;filter:drop-shadow(0 2px 1px rgba(255,255,255,.35))}.brand{position:relative;font-family:Cinzel,Trajan Pro,Georgia,Times New Roman,serif;font-size:clamp(34px,10.5vw,46px);font-weight:700;letter-spacing:5px;text-transform:uppercase;margin-top:14px;background:linear-gradient(100deg,#fff7de,#f6d570 22%,#cf9b32 40%,#ffe9a8,#cf9b32 64%,#f6d570,#fff7de);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #6b4a12) drop-shadow(0 5px 16px rgba(0,0,0,.8)) drop-shadow(0 0 4px rgba(0,0,0,.65));animation:brandIn .7s cubic-bezier(.2,1,.3,1) .15s both,brandShine 6s linear 1s infinite}@keyframes brandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes brandShine{0%{background-position:0% 50%}to{background-position:-240% 50%}}.brand:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0%,transparent 42%,rgba(8,6,3,.55) 47%,rgba(0,0,0,.92) 50%,rgba(8,6,3,.55) 53%,transparent 58%,transparent 100%);background-size:420% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;animation:brandBlackShine 16s ease-in-out 1.9s infinite}@keyframes brandBlackShine{0%{opacity:0;background-position:0% 50%}8%,62%{opacity:1}70%{opacity:0}70.01%{background-position:-420% 50%}to{opacity:0;background-position:-420% 50%}}.brand-sub{margin:9px 0 22px;font-size:13px;font-weight:600;letter-spacing:2.4px;background:linear-gradient(180deg,#ecdcff,#bd93ff 45%,#8c5be0 80%,#decdff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(102,51,187,.65)) drop-shadow(0 0 12px rgba(150,92,230,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.8));animation:menuFadeUp .6s ease .32s both}.menu-actions{display:flex;flex-direction:column;gap:9px}@keyframes menuFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.menu-actions .menu-btn{animation:menuFadeUp .5s ease both}.menu-actions .menu-btn:nth-child(1){animation-delay:.38s}.menu-actions .menu-btn:nth-child(2){animation-delay:.44s}.menu-actions .menu-btn:nth-child(3){animation-delay:.5s}.menu-actions .menu-btn:nth-child(4){animation-delay:.56s}.menu-actions .menu-btn:nth-child(5){animation-delay:.62s}.menu-actions .menu-btn:nth-child(6){animation-delay:.68s}.menu-actions .menu-btn:nth-child(7){animation-delay:.74s}.menu-actions .menu-btn:nth-child(8){animation-delay:.8s}.menu-btn{display:flex;align-items:center;gap:13px;padding:13px 18px;font-size:16px;font-weight:700;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:linear-gradient(180deg,#302e2bd1,#1e1c1ad1);backdrop-filter:blur(4px);color:var(--text);cursor:pointer;text-align:start;box-shadow:0 6px 18px #0006,0 1px #ffffff1f inset,0 -6px 10px #00000026 inset;transition:background .15s,transform .05s,border-color .15s}.menu-btn .mb-ico{font-size:19px;width:26px;text-align:center;flex-shrink:0;opacity:.9}.menu-btn .mb-ico.ico-heart{color:#e6392f}.menu-btn .mb-ico.ico-resume{background:linear-gradient(180deg,#a9d4ff,#4f8dff 45%,#1c4fc9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(60,130,255,.75)) drop-shadow(0 1px 1px rgba(0,0,0,.5))}.menu-btn:hover:not(:disabled){background:#3a3733;border-color:#4a4640}.menu-btn:active:not(:disabled){transform:scale(.98);background:linear-gradient(180deg,#f4cc55,var(--accent));color:#1a1a1a;border-color:var(--accent)}.menu-btn:active:not(:disabled) .mb-ico{opacity:1}.menu-btn:disabled{opacity:.5;cursor:default}.menu-btn-primary{background:linear-gradient(180deg,#f4cc55,var(--accent));color:#1a1a1a;border-color:var(--accent);box-shadow:0 8px 22px #d4a01759,inset 0 1px #ffffff59}.menu-btn-primary .mb-ico{opacity:1}.menu-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#f8d876,var(--accent));border-color:var(--accent)}.menu-btn-primary:active:not(:disabled){background:linear-gradient(180deg,#f4cc55,var(--accent))}#game{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:8px 4px 12px;direction:ltr}#eval-bar{position:relative;order:1;width:var(--board-size);height:12px;background:#3b3936;border-radius:6px;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 4px #00000080}#eval-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--eval-pct, .5) * 100%);background:linear-gradient(90deg,#d9d9d9,#fff);transition:width .35s ease,height .35s ease}#eval-bar.flipped #eval-fill{inset:0 0 0 auto}#eval-num{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;color:#111}#eval-num.near-top{color:#111}#board-col{order:0;display:flex;flex-direction:column;gap:8px;width:var(--board-size);flex-shrink:0}.player-card{display:flex;align-items:center;gap:8px;padding:5px 9px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--panel);border:1px solid var(--line);border-radius:11px;min-height:38px;box-shadow:0 3px 10px #00000040;transition:border-color .2s,box-shadow .2s}.player-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 18px #f0c04033}.player-card.card-victory{border-color:var(--accent);animation:cardVictoryPulse 1.4s ease-in-out infinite}@keyframes cardVictoryPulse{0%,to{box-shadow:0 0 0 1px var(--accent),0 4px 14px #f0c04040}50%{box-shadow:0 0 0 2px var(--accent),0 4px 26px #f0c0408c}}.pc-avatar{width:27px;height:27px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--panel-2);border:1px solid var(--line)}.pc-avatar.av-w{background:linear-gradient(160deg,#fdfdfb,#d7d3c8);color:#2a2a2a}.pc-avatar.av-b{background:linear-gradient(160deg,#4a4a4a,#222);color:#eee}.pc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pc-name{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-captures{display:flex;align-items:center;height:16px;overflow:hidden;flex-wrap:nowrap;direction:ltr}.pc-captures .mini{width:13px;height:13px;flex-shrink:0;margin-inline-end:-3px}.pc-captures .adv{font-size:11px;font-weight:700;color:var(--muted);margin-inline-start:8px}.pc-clock{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:8px;background:var(--panel-2);color:var(--muted);transition:background .2s,color .2s}.player-card.active .pc-clock{background:var(--accent);color:#1a1a1a}.pc-clock.low{color:#e78d8d}.player-card.active .pc-clock.low{background:#cf5252;color:#fff}.pc-clock.flag{opacity:.55}#board-wrap{position:relative;width:var(--board-size);height:var(--board-size);flex-shrink:0;border-radius:6px;box-shadow:0 14px 44px #0000008c,0 2px #ffffff14 inset,0 0 0 5px var(--board-frame),0 0 0 6px #00000059;touch-action:none}#board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:4px;overflow:hidden;--tex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iMjYwIj48ZmlsdGVyIGlkPSJ3IiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMTAgMC4zNSIgbnVtT2N0YXZlcz0iNCIgc2VlZD0iNyIgc3RpdGNoVGlsZXM9InN0aXRjaCIgcmVzdWx0PSJuIi8+PGZlQ29sb3JNYXRyaXggaW49Im4iIHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jQSB0eXBlPSJsaW5lYXIiIHNsb3BlPSIwLjg1IiBpbnRlcmNlcHQ9IjAiLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsdGVyPSJ1cmwoI3cpIi8+PC9zdmc+);--tex-op: .5;--tex-size: 260px}#board:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--tex);background-size:var(--tex-size) var(--tex-size);opacity:var(--tex-op);mix-blend-mode:overlay}#board:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 22%,transparent 45%,rgba(0,0,0,.05) 100%)}.sq{position:relative;display:flex}.light{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.16),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.05) 0%,transparent 45%,rgba(0,0,0,.08) 100%),var(--light)}.dark{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.12),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.04) 0%,transparent 45%,rgba(0,0,0,.14) 100%),var(--dark)}#board[data-theme=green]{--light: #eeeed2;--dark: #769656;--board-frame: #3d4a2a;--tex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJmIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9Im4iLz48ZmVDb2xvck1hdHJpeCBpbj0ibiIgdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuNyIgaW50ZXJjZXB0PSIwIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNmKSIvPjwvc3ZnPg==);--tex-op: .16;--tex-size: 180px}#board[data-theme=blue]{--light: #dee3e6;--dark: #4b7399;--board-frame: #2b3d52;--tex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJmIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9Im4iLz48ZmVDb2xvck1hdHJpeCBpbj0ibiIgdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuNyIgaW50ZXJjZXB0PSIwIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNmKSIvPjwvc3ZnPg==);--tex-op: .16;--tex-size: 180px}#board[data-theme=gray]{--light: #dcdcdc;--dark: #909090;--board-frame: #4a4a4a;--tex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJmIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9Im4iLz48ZmVDb2xvck1hdHJpeCBpbj0ibiIgdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuNyIgaW50ZXJjZXB0PSIwIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNmKSIvPjwvc3ZnPg==);--tex-op: .16;--tex-size: 180px}#board[data-theme=walnut]{--light: #d9b382;--dark: #7c4a29;--board-frame: #2c1a0e;--tex-op: .56;--tex-size: 210px}#board[data-theme=marble]{--light: #e5dce8;--dark: #9f90b4;--board-frame: #3a2f47;--tex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODAiIGhlaWdodD0iMjgwIj48ZmlsdGVyIGlkPSJtIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9InR1cmJ1bGVuY2UiIGJhc2VGcmVxdWVuY3k9IjAuMDE0IiBudW1PY3RhdmVzPSI0IiBzZWVkPSIzIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9Im4iLz48ZmVDb2xvck1hdHJpeCBpbj0ibiIgdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuOCIgaW50ZXJjZXB0PSIwIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNtKSIvPjwvc3ZnPg==);--tex-op: .4;--tex-size: 300px}#board[data-theme=midnight]{--light: #6b7a99;--dark: #2e3a52;--board-frame: #161c2b;--tex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJmIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9Im4iLz48ZmVDb2xvck1hdHJpeCBpbj0ibiIgdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuNyIgaW50ZXJjZXB0PSIwIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNmKSIvPjwvc3ZnPg==);--tex-op: .22;--tex-size: 180px}#board[data-theme=coral]{--light: #ffe3d6;--dark: #d98a6b;--board-frame: #6b3a28;--tex: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJmIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9Im4iLz48ZmVDb2xvck1hdHJpeCBpbj0ibiIgdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuNyIgaW50ZXJjZXB0PSIwIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNmKSIvPjwvc3ZnPg==);--tex-op: .2;--tex-size: 180px}.coord{position:absolute;font-size:calc(var(--sq) * .17);font-weight:700;pointer-events:none;opacity:.8}.coord.rank{top:2px;left:3px}.coord.file{bottom:1px;right:3px}.light .coord{color:var(--dark)}.dark .coord{color:var(--light)}.sq.hl-last:after,.sq.hl-selected:after{content:"";position:absolute;inset:0;background:var(--accent);opacity:.38}.sq.hl-check:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(232,50,50,.9) 0%,rgba(232,50,50,.55) 40%,transparent 72%);animation:checkPulse 1.1s ease-in-out infinite}@keyframes checkPulse{0%,to{opacity:.5}50%{opacity:1}}.sq.hl-move:before{content:"";position:absolute;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%,-50%);border-radius:50%;background:#1450146b}.sq.hl-capture:before{content:"";position:absolute;inset:6%;border-radius:50%;border:calc(var(--sq) * .09) solid rgba(20,80,20,.42)}#pieces{position:absolute;inset:0;pointer-events:none;z-index:2}.piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:86%;background-position:center;background-repeat:no-repeat;transition:transform .18s cubic-bezier(.2,.9,.3,1);will-change:transform;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4)) drop-shadow(0 1px 1px rgba(0,0,0,.3))}.piece.dragging{transition:none;z-index:20;filter:drop-shadow(0 12px 14px rgba(0,0,0,.5))}.piece.captured{transition:opacity .18s ease,transform .18s ease;opacity:0;transform:scale(.6)}.mate-spark{position:absolute;width:12.5%;height:12.5%;pointer-events:none;z-index:15}.mate-spark-p{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:radial-gradient(circle,#fff6d8,var(--accent) 60%,transparent 100%);box-shadow:0 0 6px 1px #f0c040cc;animation:mateSparkFly .75s ease-out both}@keyframes mateSparkFly{0%{transform:rotate(var(--ang)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--ang)) translate(var(--dist)) scale(.2);opacity:0}}#sidebar{order:2;width:var(--board-size);max-width:420px;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}:root[dir=ltr] #sidebar{direction:ltr}:root:not([dir=ltr]) #sidebar{direction:rtl}.mini{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.mini-b{filter:drop-shadow(0 0 1.5px rgba(255,255,255,.75)) drop-shadow(0 0 1px rgba(255,255,255,.5))}.mini-w{filter:drop-shadow(0 0 1px rgba(0,0,0,.55))}#history{background:var(--panel);border-radius:9px;padding:5px 8px;list-style:none;display:flex;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;font-size:12px;direction:ltr;box-shadow:inset 0 2px 6px #00000040;scrollbar-width:thin;flex:1}#history li{display:inline-flex;flex-shrink:0;align-items:center;gap:3px;padding:2px 5px;border-radius:4px;background:#ffffff08}.mv-no{color:var(--muted)}.mv{font-variant-numeric:tabular-nums;cursor:pointer;border-radius:4px;padding:0 4px}.mv:hover{background:#ffffff14}.mv-cur{background:var(--accent);color:#1a1a1a;font-weight:700}.mv-badge{font-weight:800;margin-inline-start:3px;font-size:12px}.b-inaccuracy{color:#e5c15a}.b-mistake{color:#e88f4d}.b-blunder{color:#d95757}.mv-cur .mv-badge{color:#1a1a1a}#opening-name{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 12px;font-size:12.5px;font-style:italic;color:var(--muted);text-align:center;box-shadow:0 2px 8px #0003}#review-summary{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.7;box-shadow:0 2px 8px #0003}#review-summary .rv-acc{font-weight:700;color:var(--accent);margin-bottom:2px}#review-summary .rv-row{color:var(--muted);font-variant-numeric:tabular-nums}#review-bar{position:relative;height:24px;background:var(--panel-2);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}#review-bar[hidden]{display:none}#review-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--accent-2);transition:width .2s ease}#review-label{position:relative;font-size:12px;font-weight:700;color:var(--text)}#move-nav{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:6px;direction:ltr}#move-nav button{padding:6px 4px;font-size:13px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 50%),var(--panel-2);color:var(--text);cursor:pointer;box-shadow:0 2px 5px #00000040,0 1px #ffffff0f inset}#move-nav button:active:not(:disabled){transform:scale(.95)}#move-nav button:disabled{opacity:.35;cursor:default}#pgn-btn{font-size:12px;font-weight:700;letter-spacing:.5px}#screen-game.reviewing #board-wrap:after{content:"";position:absolute;inset:0;border-radius:4px;box-shadow:inset 0 0 0 3px var(--accent);pointer-events:none;z-index:3}#toast{position:fixed;left:50%;bottom:calc(20px + var(--safe-bottom));transform:translate(-50%);background:var(--panel);border:1px solid var(--line);color:var(--text);padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;z-index:60;box-shadow:0 8px 30px #00000080;animation:fade .15s ease}#buttons{position:fixed;right:16px;top:calc(var(--safe-top) + 61px);z-index:56;display:grid;grid-template-columns:1fr;gap:6px;width:170px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 34px #00000080;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}#buttons.open{opacity:1;visibility:visible;transform:translateY(0)}#buttons button{padding:12px 8px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 50%),var(--panel-2);color:var(--text);cursor:pointer;box-shadow:0 2px 6px #0000004d,0 1px #ffffff0f inset;transition:background .15s,transform .05s}#buttons button:active:not(:disabled){transform:scale(.97)}#buttons button:disabled{opacity:.4;cursor:default}#new-btn{background:linear-gradient(180deg,#f4cc55,var(--accent));color:#1a1a1a;border-color:var(--accent);box-shadow:0 4px 14px #d4a0174d,0 1px #ffffff80 inset}.form,.about,.stats{flex:1;min-height:0;width:100%;max-width:460px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-tile{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;box-shadow:0 3px 10px #00000038}.stat-num{font-size:26px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--muted);margin-top:2px}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%),var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:15px;box-shadow:0 3px 10px #00000038}.field>span{font-weight:700;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.45)}.field select{font-size:15px;font-weight:600;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 50%),var(--panel-2);color:var(--text);cursor:pointer;min-width:130px;box-shadow:0 1px #ffffff0f inset}.field.toggle input{appearance:none;-webkit-appearance:none;width:46px;height:28px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);position:relative;cursor:pointer;box-shadow:inset 0 2px 4px #0006;transition:background .15s}.field.toggle input:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,var(--muted));box-shadow:0 1px 3px #0006;transition:transform .15s,background .15s}.field.toggle input:checked{background:var(--accent-2);box-shadow:inset 0 2px 4px #00000040}.field.toggle input:checked:after{background:linear-gradient(180deg,#fff,#e8f0e0);transform:translate(18px)}html[dir=rtl] .field.toggle input:checked:after{transform:translate(-18px)}.about{gap:14px;align-items:center}.about-mark{width:56px;height:56px;margin-bottom:4px}.about-mark span{font-size:30px}.about-card{width:100%;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%),var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:0 3px 10px #00000038}.about h2,.stats h2{font-size:17px;font-weight:800;margin-bottom:8px;color:var(--accent);text-shadow:0 1px 4px rgba(0,0,0,.45)}.about p,.stats p{line-height:1.7;color:var(--text)}#donate-btn{margin-top:10px;width:100%;justify-content:center}.pi-test-note{margin-top:8px;font-size:12px;font-weight:700;text-align:center;color:#e05c5c}.about-card.credits{display:flex;flex-direction:column;gap:4px}.privacy-body{text-align:start}.privacy-body h2{margin-top:18px}.privacy-body h2:first-child{margin-top:0}.privacy-body p{margin-bottom:4px}.about-card.credits p{font-size:12px;color:var(--muted);line-height:1.6;white-space:pre-line}#donate-btn{margin-top:12px;width:100%}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fade .15s ease}.modal.hidden{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.mm-spinner{width:42px;height:42px;margin:4px auto 14px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.friend-title{font-size:17px;font-weight:700;margin-bottom:14px}.friend-code{display:block;width:100%;margin:0 auto 10px;padding:12px;font-size:30px;font-weight:800;letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums;color:#1a1a1a;background:linear-gradient(180deg,#f4cc55,var(--accent));border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 14px #d4a0174d}.friend-status{min-height:18px;font-size:13px;color:var(--muted);margin-bottom:10px}#friend-create-btn{width:100%}.friend-divider{text-align:center;font-size:12px;color:var(--muted);margin:14px 0 0}.friend-join-row{display:flex;gap:8px;margin-top:14px}.friend-join-row input{flex:1;min-width:0;padding:10px 12px;font-size:18px;letter-spacing:3px;text-align:center;text-transform:uppercase;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text)}.friend-join-row button{padding:10px 16px;font-size:14px;font-weight:700;border:none;border-radius:10px;background:var(--accent-2);color:#142008;cursor:pointer}#screen-game.online #eval-bar{display:none}#emote-pop{position:fixed;z-index:48;top:calc(var(--safe-top) + 56px);inset-inline-end:8px;width:min(280px,82vw);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #0000008c,0 1px #ffffff0f inset;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;transform-origin:top;transform:scale(.9);opacity:0;transition:transform .13s ease,opacity .13s ease}#emote-pop[hidden]{display:none}#emote-pop.shown{transform:scale(1);opacity:1}.emote-cell{aspect-ratio:1;border:none;background:transparent;border-radius:9px;font-size:22px;cursor:pointer;transition:background .1s}.emote-cell:hover{background:var(--panel-2)}.emote-cell:active{transform:scale(.88)}.player-card{position:relative}.emote-flash{position:absolute;inset-inline-end:10px;top:-14px;font-size:30px;pointer-events:none;animation:emoteFloat 2.2s ease forwards;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}@keyframes emoteFloat{0%{transform:translateY(6px) scale(.4);opacity:0}14%{transform:translateY(0) scale(1.15);opacity:1}25%{transform:translateY(0) scale(1);opacity:1}80%{transform:translateY(-4px) scale(1);opacity:1}to{transform:translateY(-16px) scale(.9);opacity:0}}@media (prefers-reduced-motion: reduce){#emote-pop{transition:none}.emote-flash{animation:none;opacity:1}}#fatal-banner[hidden]{display:none}#fatal-banner{position:fixed;inset-inline:0;top:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 16px;padding-top:calc(10px + var(--safe-top));background:#5a1f1f;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 4px 16px #00000080}#fatal-banner button{padding:6px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1f;color:#fff;font-weight:700;cursor:pointer;flex-shrink:0}#fatal-banner button:hover{background:#ffffff38}.modal-box{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%),var(--panel);border:1px solid var(--line);padding:24px 26px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #0009,0 1px #ffffff14 inset;max-width:340px;width:100%}.gameover-box.win{border-color:#f0c04080;box-shadow:0 20px 60px #0009,0 0 40px #f0c0402e,0 1px #ffffff14 inset}.gameover-box.lose{border-color:#c05a5a66}.gameover-box.draw{border-color:#a09a9259}.modal-box p{margin-bottom:18px;font-size:19px;font-weight:700;white-space:pre-line;line-height:1.5}.gameover-box #gameover-icon{font-size:46px;line-height:1;margin-bottom:6px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.4));animation:pop .32s cubic-bezier(.2,1.4,.4,1)}.gameover-box.win #gameover-icon{color:var(--accent)}.gameover-box.draw #gameover-icon{color:var(--muted)}.gameover-box.lose #gameover-icon{color:#c05a5a}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.modal-actions{display:flex;flex-direction:column;gap:8px}.modal-box button{padding:12px 24px;font-size:15px;font-weight:700;border:none;border-radius:10px;background:linear-gradient(180deg,#f4cc55,var(--accent));color:#1a1a1a;cursor:pointer;box-shadow:0 4px 14px #d4a0174d,0 1px #ffffff80 inset;transition:transform .05s}.modal-box button:active{transform:scale(.97)}.modal-box button.ghost{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 50%),var(--panel-2);color:var(--text);border:1px solid var(--line);box-shadow:0 2px 6px #00000040,0 1px #ffffff0f inset}.promo-backdrop{position:absolute;inset:0;z-index:29;background:#0006}.promo-pop{position:absolute;width:12.5%;z-index:30;display:flex;flex-direction:column;background:linear-gradient(180deg,#fbfaf6,#e9e5db);border-radius:0 0 8px 8px;box-shadow:0 10px 26px #00000080,0 1px #fff9 inset;overflow:hidden;animation:promoIn .12s ease}.promo-cell+.promo-cell{border-top:1px solid rgba(0,0,0,.08)}.promo-pop.up{flex-direction:column-reverse;border-radius:8px 8px 0 0}@keyframes promoIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.promo-cell{width:100%;aspect-ratio:1;border:none;background-color:transparent;background-size:88%;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color .12s}.promo-cell:hover{background-color:var(--accent)}@media (min-width: 760px){:root{--board-size: min(64dvh, 70vw, 560px)}#game{flex-direction:row;align-items:flex-start;justify-content:center;gap:18px;padding:26px 20px}#eval-bar{order:0;width:14px;height:var(--board-size)}#eval-bar #eval-fill{inset:auto 0 0;width:auto;height:calc(var(--eval-pct, .5) * 100%)}#eval-bar.flipped #eval-fill{inset:0 0 auto}#eval-num{left:50%;top:auto;bottom:4px;transform:translate(-50%);writing-mode:vertical-rl}#eval-num.near-top{top:4px;bottom:auto}#sidebar{flex:none;width:260px;margin-top:4px}#move-nav{margin-top:0}#history{display:block;flex:none;height:300px;overflow-x:hidden;overflow-y:auto;font-size:14px;padding:10px}#history li{display:grid;grid-template-columns:34px 1fr 1fr;gap:4px;padding:3px 4px;background:none}#history li:nth-child(odd){background:#ffffff08}#game-menu-btn{display:none}#buttons{position:static;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:auto;background:none;border:none;padding:0;box-shadow:none;opacity:1;visibility:visible;transform:none}#board-wrap{box-shadow:0 16px 44px #0000008c,0 0 0 6px var(--board-frame)}.pc-clock{font-size:20px}}@media (prefers-reduced-motion: reduce){.piece,#eval-fill,.modal,#gameover-icon,.player-card,.promo-pop,.sq.hl-check:after,.menu-bg,.brand-mark,.brand,.brand:after,.brand-sub,.menu-actions .menu-btn,.player-card.card-victory{transition:none;animation:none}.brand:after{opacity:0}.mm-spinner{animation-duration:2s}.mate-spark{display:none}}@media (hover: hover){.icon-btn:hover{filter:brightness(1.15);border-color:#4a4640}#buttons button:hover:not(:disabled){filter:brightness(1.1)}#move-nav button:hover:not(:disabled){filter:brightness(1.15)}.field select:hover{border-color:var(--accent)}.modal-box button:hover{filter:brightness(1.08)}}