/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:"Vazirmatn", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;html{background:#1d1712;font-family:Vazirmatn,system-ui,sans-serif}*{box-sizing:border-box}body{color:#30271f;background:#eee5d4;min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #d39731}.app-shell{min-height:100vh;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 50% -10%,#fffaf0 0,#eee5d4 45%,#dcc9aa);position:relative;overflow-x:hidden}.paper-noise{pointer-events:none;opacity:.24;background-image:repeating-linear-gradient(15deg,#0000 0,#0000 7px,#573d2606 7px,#573d2606 8px);position:fixed;top:0;right:0;bottom:0;left:0}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1180px;margin:0 auto 14px;display:flex;position:relative}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand-mark,.menu-emblem{color:#f4d376;background:linear-gradient(145deg,#4a3220,#21160f);flex:none;place-items:center;display:grid;box-shadow:0 5px 14px #4b2e1b38}.brand-mark{border-radius:13px;width:44px;height:44px;font-size:25px}.brand h1{color:#38261a;margin:0;font-size:clamp(1.08rem,4vw,1.55rem);font-weight:900;line-height:1.1}.brand p{color:#806c58;margin:4px 0 0;font-size:.73rem}.header-actions{align-items:center;gap:7px;display:flex}.header-button,.icon-button{color:#5c4634;cursor:pointer;background:#fffaf1dd;border:1px solid #d7c7af;border-radius:13px;min-height:44px}.icon-button{flex:none;place-items:center;width:44px;display:grid}.header-button{justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.72rem;font-weight:750;display:flex}.header-button:hover,.icon-button:hover{background:#fff}.content-grid{z-index:1;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:1180px;margin:auto;display:grid;position:relative}.game-column{width:100%;min-width:0;max-width:720px;margin-inline:auto}.status-card{background:#fffaf2dd;border:1px solid #d9cab3;border-radius:16px;align-items:center;gap:9px;min-height:64px;margin-bottom:10px;padding:9px 10px;display:flex;box-shadow:0 7px 24px #4c321718}.turn-disc{color:#39291e;background:#fff;border:2px solid #a88147;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.turn-disc.black{color:#fff;background:#202b30}.status-copy{flex-direction:column;flex:1;min-width:0;line-height:1.45;display:flex}.status-copy strong{color:#35261b;font-size:.86rem}.status-copy span{color:#8b7562;font-size:.7rem}.last-move{text-align:center;border-inline-start:1px solid #d8c7ae;padding-inline-start:8px}.last-move small{color:#8d7864;font-size:.62rem;display:block}.last-move b{color:#5e3f24;font-size:.84rem}.board-frame{--frame:#9b6736;aspect-ratio:1;background:linear-gradient(135deg,var(--frame),var(--frame) 45%,var(--frame));border-radius:clamp(11px,3vw,22px);width:100%;padding:clamp(7px,2.3vw,17px);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.board-frame{background:linear-gradient(135deg,color-mix(in srgb,var(--frame) 70%,white),var(--frame) 45%,color-mix(in srgb,var(--frame) 70%,black))}}.board-frame{box-shadow:0 16px 34px #3a221e35,inset 0 1px #ffffff70}.board-frame.gold-frame{padding:clamp(8px,2.8vw,20px)}.board-texture,.mini-texture{object-fit:cover;opacity:.58;mix-blend-mode:multiply;pointer-events:none;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.board-with-coordinates{z-index:1;background:var(--frame);border-radius:3px;grid-template-rows:minmax(0,1fr) minmax(12px,4.5%);grid-template-columns:minmax(12px,4.5%) minmax(0,1fr);width:100%;height:100%;padding:clamp(2px,.7vw,5px);display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.board-with-coordinates{background:color-mix(in srgb,var(--frame) 65%,#24170f)}}.board-with-coordinates.coordinates-hidden{padding:0;display:block}.rank-coordinates{color:#fff4cf;grid-area:1/1;grid-template-rows:repeat(8,minmax(0,1fr));font-size:clamp(.55rem,2.2vw,.78rem);font-weight:850;display:grid}.rank-coordinates span{place-items:center;display:grid}.file-coordinates{color:#fff4cf;direction:ltr;grid-area:2/2;grid-template-columns:repeat(8,minmax(0,1fr));font-size:clamp(.55rem,2.2vw,.78rem);font-weight:850;display:grid}.file-coordinates span{place-items:center;display:grid}.board-grid{z-index:1;aspect-ratio:1;border:2px solid #24170f;grid-area:1/2;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 8px #1d130d70}.coordinates-hidden .board-grid{aspect-ratio:1;width:100%;height:100%}.square{isolation:isolate;aspect-ratio:1;cursor:pointer;contain:layout paint;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1c140f47}.square:after{content:"";pointer-events:none;transition:background .15s;position:absolute;top:0;right:0;bottom:0;left:0}.square.last:after{background:#efbb3178;box-shadow:inset 0 0 0 2px #7f5a13}.square.selected:after{background:#5fcaa770;box-shadow:inset 0 0 0 3px #126b55}.square.checked:after{background:radial-gradient(circle,#ff7a63 10%,#d82828b5 70%);box-shadow:inset 0 0 0 3px #941d1d}.piece-crop{z-index:2;pointer-events:none;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 1px #0005);width:58%;max-width:58%;height:58%;max-height:58%;display:block;position:relative;overflow:hidden}.piece-crop.compact{width:58%;max-width:58%;height:58%;max-height:58%}.move-dot{z-index:4;aspect-ratio:1;background:#163e34c9;border-radius:50%;width:24%;position:absolute;box-shadow:0 0 0 3px #ffffff50}.capture-ring{z-index:4;border:clamp(3px,1vw,6px) solid #a92d2dd9;border-radius:50%;position:absolute;top:8%;right:8%;bottom:8%;left:8%}.primary-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.primary-controls button{color:#624b38;cursor:pointer;background:#fffaf1df;border:1px solid #d3c2aa;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:52px;padding:5px 2px;font-size:.66rem;font-weight:700;display:flex}.primary-controls button:hover{background:#fff;border-color:#ae8550}.primary-controls button:disabled{opacity:.45;cursor:not-allowed}.side-panel{align-content:start;gap:12px;display:grid}.panel-card{background:#fffaf2d9;border:1px solid #d8c8b0;border-radius:18px;min-width:0;padding:15px;box-shadow:0 8px 24px #49301613}.section-title{color:#624326;align-items:center;gap:8px;display:flex}.section-title h2{flex:1;margin:0;font-size:.95rem;font-weight:850}.move-count{color:#967c63;font-size:.72rem}.segmented{background:#e9ddca;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:12px;padding:4px;display:grid}.segmented button{color:#745e4b;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:.82rem;font-weight:750;display:flex}.segmented button.active{color:#fff8dd;background:#644327;box-shadow:0 3px 8px #4a2d1d35}.select-label{color:#755f4c;gap:6px;margin-top:12px;font-size:.8rem;font-weight:650;display:grid}.select-wrap{display:block;position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#493725;background:#fffdf8;border:1px solid #d1bfa5;border-radius:12px;width:100%;min-height:46px;padding:0 12px 0 38px}.select-wrap svg{pointer-events:none;position:absolute;top:14px;left:12px}.history-card{min-height:120px}.move-list{gap:4px;max-height:205px;margin-top:10px;display:grid;overflow-y:auto}.move-row{color:#5b493a;direction:ltr;background:#f0e5d4;border-radius:8px;grid-template-columns:1fr 2fr 2fr;align-items:center;min-height:35px;padding:5px 8px;font-size:.76rem;display:grid}.move-row span{color:#a18870;direction:rtl}.empty-history{color:#927b66;text-align:center;padding:24px 5px 10px;font-size:.8rem}.captured-list{color:#927b66;flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;margin-top:8px;font-size:.75rem;display:flex}.captured-list .piece-crop{flex:none;width:30px;height:36px}.menu-shell{place-items:center;display:grid}.menu-card{z-index:1;background:#fffaf0e8;border:1px solid #d4bea0;border-radius:clamp(22px,5vw,34px);width:100%;max-width:980px;padding:clamp(18px,4vw,38px);position:relative;box-shadow:0 24px 70px #42271830}.menu-heading{text-align:right;justify-content:center;align-items:center;gap:13px;margin-bottom:22px;display:flex}.menu-emblem{border-radius:18px;width:58px;height:58px;font-size:33px}.menu-heading p{color:#977b5f;margin:0 0 2px;font-size:.78rem}.menu-heading h1{color:#3b281b;margin:0;font-size:clamp(1.8rem,7vw,3rem);font-weight:950;line-height:1.15}.menu-layout{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.menu-preview{width:min(76vw,350px);margin-inline:auto}.menu-preview p{color:#8b725c;text-align:center;margin:8px 0 0;font-size:.75rem}.mini-frame{--frame:#9b6736;aspect-ratio:1;background:linear-gradient(135deg,var(--frame),var(--frame),var(--frame));border-radius:7%;width:100%;padding:6%;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.mini-frame{background:linear-gradient(135deg,color-mix(in srgb,var(--frame) 72%,white),var(--frame),color-mix(in srgb,var(--frame) 70%,black))}}.mini-frame{box-shadow:0 15px 30px #3c261a35}.mini-frame.gold{padding:7%}.mini-board{z-index:1;aspect-ratio:1;border:1px solid #291b12;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid;position:relative;overflow:hidden}.mini-board>span{isolation:isolate;aspect-ratio:1;contain:layout paint;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #20181235}.menu-actions{align-content:center;gap:10px;display:grid}.menu-primary,.menu-secondary{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-weight:850;display:flex}.menu-primary{color:#fff7df;background:linear-gradient(145deg,#705037,#3f2a1d);border:1px solid #3c281b;box-shadow:0 8px 18px #452b1d28}.menu-primary.computer{color:#302414;background:linear-gradient(145deg,#f4cf73,#d69c36);border-color:#c8902e}.computer-start{background:#f1e5d3;border:1px solid #dfc9a9;border-radius:17px;padding:9px}.computer-start label{color:#725942;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:8px;font-size:.78rem;font-weight:700;display:grid}.computer-start .select-wrap select{min-height:44px}.menu-secondary{color:#654c38;background:#fffdf8;border:1px solid #d1bda1}.menu-secondary.continue{color:#315041;background:#eef8f1;border-color:#9ab7a7}.menu-small-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.menu-small-actions button{min-width:0;padding-inline:7px;font-size:.72rem}.modal-backdrop{z-index:20;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f1711a6;place-items:end center;display:grid;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.settings-sheet,.promotion-card{background:#fff9ee;border:1px solid #e3d2b8;border-radius:24px 24px 16px 16px;width:100%;max-width:620px;max-height:92dvh;padding:20px;overflow-y:auto;box-shadow:0 24px 70px #160d08aa}.sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-header h2,.promotion-card h2{color:#3d2b1e;margin:0;font-size:1.25rem}.sheet-header p,.promotion-card p{color:#8b745e;margin:5px 0 0;font-size:.78rem}.setting-group{margin-top:20px}.setting-group h3{color:#63472f;align-items:center;gap:7px;margin:0 0 9px;font-size:.9rem;display:flex}.setting-group p{color:#8b745e;margin:3px 0 0;font-size:.72rem}.skin-grid,.piece-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.skin-grid button,.piece-set-grid button{color:#624d3a;cursor:pointer;background:#eee2d1;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px;font-size:.72rem;display:flex}.skin-grid button{min-height:108px}.piece-set-grid button{min-height:105px}.skin-grid button.chosen,.piece-set-grid button.chosen{background:#f7e7c9;border-color:#b67824}.skin-grid img,.plain-preview{object-fit:cover;border-radius:8px;width:100%;height:74px;display:block}.plain-preview{background:conic-gradient(#334841 25%,#eee5cf 0,#eee5cf 50%,#334841 0,#334841 75%,#eee5cf 0);background-size:34px 34px}.piece-preview{background:#faf6ec;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;width:100%;min-height:66px;padding:4px;display:grid;overflow:hidden}.piece-preview .piece-crop{width:58%;max-width:58%;height:58%;max-height:58%}.color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.color-row label{color:#705946;text-align:center;border:1px solid #ddccb4;border-radius:12px;gap:7px;min-width:0;padding:8px;font-size:.67rem;display:grid}.color-row input{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;height:44px;padding:2px}.inline-setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-setting h3{margin-bottom:0}.toggle{color:#75604d;cursor:pointer;background:#eadfce;border:1px solid #d1bda2;border-radius:22px;min-width:74px;min-height:44px}.toggle.active{color:#fff;background:#406857;border-color:#406857}.done-button{color:#fff8e7;cursor:pointer;background:#614126;border:0;border-radius:13px;width:100%;min-height:50px;margin-top:20px;font-weight:800}.promotion-card{text-align:center;place-self:center;max-width:430px}.promotion-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px;display:grid}.promotion-options button{color:#574332;cursor:pointer;background:#f3e7d4;border:1px solid #d8c3a8;border-radius:12px;place-items:center;min-width:0;min-height:92px;padding:5px;display:grid}.promotion-options .piece-crop{width:58%;max-width:58%;height:58%;max-height:58%}.promotion-options span{font-size:.72rem}@media(min-width:700px){.app-shell{padding-inline:max(24px,env(safe-area-inset-left))}.topbar{margin-bottom:20px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);align-items:start;gap:22px}.game-column{max-width:720px}.side-panel{position:sticky;top:18px}.primary-controls button{flex-direction:row;gap:7px;min-height:58px;font-size:.78rem}.modal-backdrop{place-items:center}.settings-sheet{border-radius:24px}.menu-layout{grid-template-columns:minmax(280px,.9fr) minmax(300px,1fr);align-items:center;gap:clamp(30px,6vw,70px)}.menu-heading{margin-bottom:30px}}@media(min-width:1050px){.content-grid{grid-template-columns:minmax(0,720px) minmax(290px,1fr);gap:28px}.topbar{padding-inline:4px}.panel-card{padding:18px}}@media(max-width:390px){.app-shell{padding-inline:max(7px,env(safe-area-inset-left))}.brand-mark{width:42px;height:42px}.header-button span{display:none}.header-button{width:44px;padding:0}.board-frame,.board-frame.gold-frame{border-radius:10px;padding:7px}.primary-controls{gap:4px}.menu-card{padding-inline:13px}}