@font-face{font-family:Vazir;src:url(assets/vazir.woff2)format('woff2');font-display:swap}body,button{font-family:Vazir,Tahoma,sans-serif}body{background:#30261e}#game-root{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:38px minmax(0,1fr)34px;gap:4px;max-width:none;padding:4px max(4px,env(safe-area-inset-right))max(4px,env(safe-area-inset-bottom))max(4px,env(safe-area-inset-left));direction:ltr}header,.players,footer{direction:rtl;margin:0;max-width:none;width:100%;min-width:0}header{grid-column:1;grid-row:1;height:auto;gap:6px;flex-direction:row-reverse}.brand{gap:4px;color:#ebd9b9}.brand small,.mark{display:none}h1{font-size:13px;white-space:nowrap;margin:0}nav{gap:4px}nav button,.actions button{padding:4px 10px;font-size:11px;height:30px;border-radius:7px;border:1px solid #8b775850;background:#f4e8ce;color:#493822;white-space:nowrap}nav button{background:#ffffff0c;color:#e9d9bc;border-color:#c4a66b40}nav button:hover:not(:disabled){background:#ffffff20}.players{grid-column:2;grid-row:1;height:auto;gap:8px;justify-content:flex-start}.player{min-width:0;padding:3px 10px;gap:7px;border-radius:8px;background:#ffffff08;color:#cdbd9f;border:1px solid #ffffff10;height:36px;flex:1}.player.active{background:#365442;color:#fff2d6;border-color:#8cad79;box-shadow:inset 3px 0 #c8d89e}.player strong{font-size:11px;white-space:nowrap}.player small{font-size:9px;margin:0;color:#cdbd9f;white-space:nowrap}.stone{width:25px;height:25px}.white{background:url(assets/checker-white.png)50%/cover}.black{background:url(assets/checker-black.png)50%/cover}.turn{color:#eee1c5;min-width:65px;max-width:150px}.turn strong{font-size:10px}.turn small{display:none}#board-space{grid-column:1/-1;grid-row:2;position:relative;overflow:hidden;width:100%;height:100%;min-height:0}canvas{border-radius:7px;box-shadow:none;user-select:none;-webkit-user-select:none;touch-action:none}footer{grid-column:1/-1;grid-row:3;min-height:0;height:34px;gap:8px;flex-wrap:nowrap}#status{order:0;flex:1;min-width:0;font-size:11px;color:#ebdcc0;text-align:right;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.actions{gap:5px;flex-shrink:0}.actions .primary{min-width:100px;background:#cedab0;border-color:#dce8be;color:#233c2d;font-weight:700}.actions .primary:hover:not(:disabled){background:#e1ebc9}button:disabled{opacity:.4}button:focus-visible,canvas:focus-visible{outline:2px solid #bce5ab;outline-offset:-2px}.dialog{border:3px double #b99c66;border-radius:24px;background-color:#fff5df;box-shadow:0 25px 90px #100a0670,inset 0 0 45px #c1a26b30}.eyebrow{letter-spacing:4px;font-size:9px}.dialog h2{color:#49301c;font-size:28px}.menu-ornament{margin:0;color:#93703b;font-size:42px}.dialog button{padding:12px 22px;box-shadow:0 3px #60442030;border-radius:12px}.dialog .primary{background:linear-gradient(135deg,#477c61,#234a38);border-color:#234a38}.overlay{background:#24180eaa}.dialog:before{content:'◆ ━━━━━ ◆ ━━━━━ ◆';display:block;color:#b9985c;font-size:12px;margin-bottom:16px}#rotate-hint{display:none}@media(max-width:900px){#game-root{grid-template-columns:175px minmax(0,1fr)}.brand{display:none}.players{gap:4px}.player{padding:2px 6px;gap:4px}.turn{min-width:54px;max-width:90px}.turn strong{font-size:9px}}@media(max-width:650px){#game-root{grid-template-columns:160px minmax(0,1fr)}nav button{padding:4px 7px}.turn{display:none}.player strong{font-size:10px}.player small{font-size:8px}.stone{width:20px;height:20px}#status{font-size:9px}.actions button{padding:4px 8px}}@media(max-height:480px){#game-root{grid-template-rows:32px minmax(0,1fr)30px;gap:2px}.player{height:30px}.player small{font-size:8px}.stone{width:22px;height:22px}header{height:auto}footer{height:30px}.dialog{padding:15px 25px}.dialog:before{margin-bottom:5px}.dialog h2{font-size:22px;margin:6px}.menu-ornament{font-size:26px}.dialog button{padding:8px 18px}#dialog-body{font-size:11px}#dialog-actions{margin-top:10px}}@media(orientation:portrait){#rotate-hint{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#f5ecd9 url(assets/menu.jpg)50%/cover;color:#49301c}#rotate-hint span{font-size:70px;color:#356551}#rotate-hint h2{font-size:23px}}