/* Only the four new boards. Never override another game's rack or cards. */
#zeka-page{margin:0;min-height:100dvh;background:#103d2d url('/assets/oyun-zemin-v224.svg') center/cover fixed;color:#fff5da;font:16px system-ui,sans-serif;box-sizing:border-box;--cream:#f4e6bc;--gold:#ecc66e;--ink:#362511}
#zeka-page *{box-sizing:border-box}#zeka-page [hidden]{display:none!important}
#zeka-page button:where(:not(.g-btn)),#zeka-page .button{font:inherit;border:1px solid #dcc08a;border-radius:10px;padding:9px 13px;cursor:pointer;background:#234f36;color:#fff4d4;touch-action:manipulation;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px}
#zeka-page button:disabled{opacity:.5;cursor:default}#zeka-board button:disabled{opacity:1}#zeka-page button:focus-visible{outline:3px solid #fff;outline-offset:2px}
#zeka-page .primary{background:linear-gradient(#f7d985,#bd8c32);color:#30200d;font-weight:750}
#zeka-header{display:flex;align-items:center;gap:12px;padding:12px 18px;background:repeating-linear-gradient(45deg,#0001 0 2px,transparent 2px 6px),linear-gradient(#772326,#4b1115);border-bottom:3px solid #b08238;min-height:62px}
#zeka-title{font-size:20px;margin:0;flex:1}#zeka-header #ben-cip{font-size:14px}#zeka-page #oyun{max-width:1100px;margin:auto;padding:18px 20px 65px;display:block;width:100%}
#zeka-page .wood-panel{max-width:580px;margin:4vh auto;padding:clamp(20px,5vw,45px);text-align:center;border:2px solid #b1874a;border-radius:22px;background:linear-gradient(110deg,#4c301ee8,#261c15ee);box-shadow:0 18px 40px #0005}
#zeka-page small{display:block;opacity:.8;margin-top:16px;line-height:1.6}
#zeka-page #g-ben{display:inline-flex;align-items:center;gap:8px;background:#ffffff22;border:1px solid #ffffff44;border-radius:999px;padding:5px 14px 5px 6px;cursor:pointer;font-size:15px;font-weight:600;align-self:flex-start}
#zeka-page .zeka-network-note{text-align:center;font-size:11px;margin:0 0 24px;line-height:1.3}
#zeka-page .g-sag h1{font-size:inherit;margin:0}
#zeka-page .actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}
#zeka-players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 auto 14px;max-width:920px}
#zeka-page .player{border:1px solid #a0814c;border-radius:15px;padding:10px;background:linear-gradient(120deg,#c79640,#f1d582 45%,#b58432);color:#302312;min-width:0;box-shadow:0 4px 10px #0004}
#zeka-page .player.active{outline:3px solid #ffe6a2;box-shadow:0 0 19px #ffdd7890}#zeka-page .player.me{border-bottom:4px solid #fff1c5}
#zeka-page .person{background:transparent;border:0;color:inherit;font-weight:bold;max-width:100%;padding:0 2px;justify-content:flex-start;font-size:16px;overflow-wrap:anywhere}#zeka-page .player small{margin:4px 0;font-size:12px}#zeka-page .player .actions{margin:5px 0 0;justify-content:flex-start}#zeka-page .player .actions button{font-size:12px;padding:5px 8px;min-height:30px}
#zeka-area{display:grid;grid-template-columns:minmax(0,620px) minmax(180px,260px);gap:24px;align-items:center;justify-content:center;min-height:320px}
#zeka-table,#zeka-area{min-width:0}
#zeka-players{position:relative;z-index:2}
#zeka-rules{position:relative}
#zeka-sidebar{padding:18px;border:1px solid #cfb57250;background:#102e23df;border-radius:18px;line-height:1.55;text-align:center}
#zeka-score{color:var(--gold);font-weight:700}#zeka-status{min-height:54px;font-size:18px;font-weight:650;margin:12px 0}#zeka-help{font-size:13px;opacity:.8}
#zeka-board{width:100%;position:relative;aspect-ratio:1;background:#b78a52;border:clamp(6px,1.3vw,12px) solid #5f3e22;border-radius:13px;box-shadow:0 5px 0 #382515,0 14px 30px #0006;overflow:hidden}
#zeka-board.grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}
#zeka-board .cell{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:#ebd7a8;min-height:0;color:#201a16;aspect-ratio:1}
#zeka-board .cell.dark{background:#8c623c}#zeka-board.reversi .cell{background:#285e42;border:1px solid #17422d}#zeka-board.reversi .cell.dark{background:#24563c}
#zeka-board .cell.legal::after{content:'';position:absolute;width:20%;height:20%;background:#d3ab48bb;border:2px solid #ffdf7c;border-radius:50%;box-shadow:0 0 8px #0005}
#zeka-board .cell.selected{box-shadow:inset 0 0 0 4px #ffe080}#zeka-board .cell.selected::after{display:none}#zeka-board .cell.last{background-image:linear-gradient(#f5d85840,#f5d85840)}
#zeka-board svg.piece{width:90%;height:90%;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px #0006)}
#zeka-board .coord{position:absolute;bottom:1px;left:2px;font:9px system-ui;color:#261e14;opacity:.8}
#zeka-board .disc{width:76%;height:76%;border-radius:50%;box-shadow:0 3px 4px #0008,inset 0 0 0 4px #ffffff16;pointer-events:none;background:radial-gradient(circle at 32% 25%,#66605b,#171513 75%)}#zeka-board .disc.white{background:radial-gradient(circle at 32% 25%,#fffef6,#d9cda8 80%)}
#zeka-board.morris{background:repeating-linear-gradient(4deg,#ffffff05 0 3px,#00000003 3px 6px),linear-gradient(115deg,#dbbc87,#af7c43)}#zeka-board.morris svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#zeka-board .point{position:absolute;transform:translate(-50%,-50%);width:10%;height:10%;min-height:0;padding:0;border:0;border-radius:50%;background:radial-gradient(#6e482b 15%,#a67b4655 20%,transparent 65%)}#zeka-board .point.legal{outline:2px dashed #754d15;background:#ffe29777}#zeka-board .point.selected{outline:3px solid #fff3ad}#zeka-board .point .disc{width:94%;height:94%}
#zeka-board.mangala{aspect-ratio:2.1;display:grid;grid-template-columns:.85fr repeat(6,1fr) .85fr;grid-template-rows:1fr 1fr;gap:clamp(3px,1vw,9px);padding:clamp(8px,2vw,18px);background:repeating-linear-gradient(2deg,#ffffff08 0 4px,#00000003 4px 6px),linear-gradient(100deg,#c19558,#edcf96,#b38750)}
#zeka-board .pit{position:relative;border-radius:45%;background:radial-gradient(ellipse at 50% 75%,#906337,#624020);border:2px solid #dab877;box-shadow:inset 0 4px 9px #0007,0 2px 2px #fff6;padding:3px;min-height:0;display:flex;flex-direction:column;gap:0;color:#fff1c7;font-weight:bold;font-size:clamp(15px,2.6vw,26px)}
#zeka-board .pit.legal{border-color:#fff6ba;box-shadow:inset 0 3px 7px #0006,0 0 8px #ffde70}#zeka-board .pit.store{grid-row:1 / 3;border-radius:35%;font-size:clamp(20px,3vw,35px)}#zeka-board .stones{display:flex;flex-wrap:wrap;gap:2px;max-width:80%;justify-content:center}.pebble{width:5px;height:5px;border-radius:50%;background:radial-gradient(at 25% 20%,#ffeeb4,#b48436);box-shadow:0 1px 1px #000}
#zeka-board .pit.store{align-items:center;justify-content:center}
.mangala-flying-stone{position:fixed;z-index:12000;width:12px;height:12px;border-radius:50%;background:radial-gradient(at 25% 20%,#fff4c3,#b48436);box-shadow:0 2px 5px #0006;pointer-events:none}#zeka-board .pit.sowing{outline:3px solid #ffe798;outline-offset:2px}
#zeka-rules{max-width:900px;margin:18px auto;padding:12px 16px;border:1px solid #e4c99444;border-radius:12px;background:#0c2c2080;font-size:14px;line-height:1.65}#zeka-rules summary{cursor:pointer;font-weight:bold;color:#edce8a}#zeka-rules a{color:#f2d797}
#zeka-choice{border:2px solid #bd943e;border-radius:18px;background:var(--cream);color:var(--ink);max-width:90vw}#zeka-choice::backdrop{background:#0009}#zeka-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:220;background:#fff1c7;color:#39260f;padding:12px 20px;border-radius:12px;max-width:90vw;box-shadow:0 5px 15px #0007}
@media(max-width:700px){#zeka-header{padding:8px;gap:6px;flex-wrap:wrap}#zeka-title{font-size:17px}#zeka-header button{font-size:12px;padding:6px 8px}#zeka-page #oyun{padding:12px 10px 65px}#zeka-area{grid-template-columns:minmax(0,1fr);gap:14px;min-height:0}#zeka-board{max-width:540px;margin:auto}#zeka-sidebar{padding:10px}#zeka-status{font-size:16px;margin:5px 0;min-height:24px}#zeka-help{margin:5px 0}#zeka-players{gap:8px}#zeka-page .person{font-size:14px}#zeka-page .player{padding:8px}.wood-panel h2{font-size:22px}}
@media(max-height:480px) and (orientation:landscape){#zeka-page #oyun{padding:8px 10px 50px;max-width:1000px}#zeka-header{padding:5px 10px;min-height:44px}#zeka-title{font-size:17px}#zeka-players{margin-bottom:8px}#zeka-page .player{padding:4px 8px}#zeka-page .player small{margin:1px 0}#zeka-area{grid-template-columns:minmax(0,300px) minmax(180px,250px);gap:18px;min-height:0}#zeka-board{width:min(100%,calc(100dvh - 140px));max-height:none}#zeka-board.mangala{width:100%;min-width:300px}#zeka-sidebar{padding:8px}#zeka-status{font-size:14px;min-height:22px;margin:4px 0}#zeka-board .piece{font-size:30px}#zeka-rules{margin:10px auto}}
@media(max-height:480px) and (orientation:landscape){#zeka-page .player{position:relative;min-height:60px;padding-right:82px}#zeka-page .player .actions{position:absolute;right:6px;top:10px}#zeka-page .person{min-height:28px;font-size:13px}#zeka-board{width:min(100%,calc(100dvh - 180px))}#zeka-board .piece{font-size:clamp(17px,5vh,26px)}#zeka-board .coord{font-size:6px}}
