.nl32 .game[data-game="dama"]{--g1:#b39159;--g2:#142a32;--cover:url(/game/dama/cover.svg)}
html.dama-playing,html.dama-playing body{overflow:hidden!important}
#damaRoot{position:fixed;inset:0;z-index:10010;background:radial-gradient(ellipse at 50% 15%,#253e3a,#101f24 75%);color:#f6f1e5;font-family:inherit;display:flex;flex-direction:column;overflow:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);--gold:#dfbe78;box-sizing:border-box}
#damaRoot *{box-sizing:border-box}#damaRoot button{font:inherit;cursor:pointer;border:1px solid #ffffff26;border-radius:12px;background:#ffffff0b;color:inherit;padding:9px 15px;touch-action:manipulation}#damaRoot button:disabled{cursor:default;opacity:.45}#damaRoot button:focus-visible{outline:3px solid #5ee5df;outline-offset:2px}
.da-header{height:78px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:10px 28px;border-bottom:1px solid #fff1;background:#0b1a2070}.da-header h2{margin:0;font-size:24px}.da-header h2 span{color:#dbba79}.da-header small{font-size:12px;color:#a8b9b5}.da-header .da-help{margin-inline-start:auto}.da-exit{font-size:22px!important}
.da-table{width:100%;max-width:1240px;flex:1;min-height:0;display:grid;grid-template-columns:265px minmax(0,1fr);align-items:center;gap:35px;padding:24px 32px;margin:auto}.da-sidebar{display:flex;flex-direction:column;gap:20px;min-width:0}.da-player{display:flex;align-items:center;gap:12px;border:1px solid #ffffff1a;border-radius:16px;padding:16px;background:#07141935}.da-player.active{border-color:#dfbe7880;background:#d3b06f0b}.da-player b{display:block;overflow-wrap:anywhere;font-size:15px}.da-player small{display:block;font-size:12px;color:#a8b9b5;margin-top:4px}.da-avatar{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff1a;color:transparent}.da-avatar.gold,.da-mini.gold{background:linear-gradient(130deg,#f1d491,#b88b40)}.da-avatar.ink,.da-mini.ink{background:linear-gradient(130deg,#516878,#1b303e);border:1px solid #84949a}.da-turn{font-size:11px;color:var(--gold);margin-inline-start:auto}.da-status{text-align:center;padding:14px 0}.da-kicker{font-size:12px;color:#96ada7;letter-spacing:1px}.da-status h3{font-size:26px;margin:12px 0}.da-status.your-turn h3{color:#ead097}.da-status p{font-size:13px;color:#b5c4bd;line-height:1.7;margin:0}.da-controls{display:flex;gap:8px;flex-wrap:wrap}.da-controls button{flex:1;white-space:nowrap;font-size:13px!important}.da-controls p{width:100%;margin:0;font-size:13px}.da-footnote{color:#839990;font-size:11px;text-align:center}.da-resign{color:#e6ada6!important}.da-play{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:0;width:100%}
.da-board-frame{padding:13px;border-radius:14px;background:linear-gradient(110deg,#927149,#d6b484 30%,#977349 60%,#c6a379);box-shadow:0 25px 55px #0005,inset 0 0 0 2px #e8d0a34d;width:min(100%,calc(100dvh - 175px),660px);aspect-ratio:1}.da-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;height:100%;direction:ltr;border:2px solid #614a30;box-shadow:0 0 0 2px #e6c99b66}.da-board .da-cell{border:0!important;border-radius:0!important;background:#e1c79d!important;padding:0!important;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset -1px -1px #806b483b;opacity:1!important;min-width:0;min-height:0}.da-board .da-cell.shade{background:#d1b58a!important}.da-board .da-cell.last{background:#b8b991!important}.da-board .da-cell.picked{background:#8caa8b!important}.da-board .da-cell.target{background:#a6bd99!important}.da-piece{display:flex;width:72%;height:72%;border-radius:50%;position:relative;align-items:center;justify-content:center;box-shadow:0 4px 0 #6e4c25,0 6px 8px #0005,inset 0 2px 2px #fff6;transition:transform .12s;pointer-events:none}.da-piece::after{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid #ffffff40;box-shadow:inset 0 1px 4px #0004}.da-piece.gold{background:radial-gradient(circle at 35% 25%,#efcf86,#c2954b 70%,#9b7034);border:1px solid #a77b3d}.da-piece.ink{background:radial-gradient(circle at 35% 25%,#526774,#263b47 65%,#142832);border:1px solid #1a303b;box-shadow:0 4px 0 #102027,0 6px 8px #0005,inset 0 2px 2px #8a9da680}.da-piece.king span{font-family:Georgia,serif;font-size:clamp(17px,3vw,37px);color:#fff1c5;z-index:1;text-shadow:0 1px 2px #0009}.da-cell.picked .da-piece{transform:translateY(-5px);box-shadow:0 7px 0 #4f483a,0 11px 13px #0005}.da-dot{width:25%;height:25%;background:#397965;border:2px solid #d9f4d2;border-radius:50%;box-shadow:0 0 0 4px #39796520;position:absolute}.da-coordinate{position:absolute;left:3px;top:1px;color:#6a563a;font-size:9px;opacity:.7}.da-move-actions{display:flex;gap:12px;width:min(100%,660px);justify-content:center}.da-move-actions button{min-width:150px;font-size:14px!important}#damaRoot .da-primary{background:linear-gradient(120deg,#e5c47f,#c79f58);color:#292618;font-weight:800;border-color:#e4c47e}
.da-lobby-wrap{flex:1;display:grid;place-items:center;padding:25px}.da-lobby{width:min(590px,100%);background:#11282de8;border:1px solid #d6b98435;border-radius:28px;text-align:center;padding:28px 36px;box-shadow:0 25px 80px #0004}.da-emblem{width:68px;height:68px;border-radius:20px;background:#d6b47822;color:#e4c27d;display:grid;place-items:center;font-size:45px;margin:auto}.da-lobby h2{font-size:29px;margin:15px 0 5px}.da-lobby>p{color:#afc1b7;font-size:14px}.da-lobby-players{display:flex;gap:14px;margin:26px 0}.da-lobby-players>div{flex:1;padding:18px 10px;background:#ffffff05;border:1px solid #fff2;border-radius:16px;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0}.da-lobby-players b{overflow-wrap:anywhere}.da-lobby-players small{color:#93aaa2;font-size:12px}.da-mini{width:35px;height:35px;border-radius:50%;display:block}.da-empty{color:#8da298;border-style:dashed!important}.da-start{width:100%;margin:8px 0 15px;padding:15px!important}.da-mode{font-size:12px!important}#daShare .dg-invite-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.da-rules{margin:25px auto;padding:25px;width:min(700px,94%);line-height:1.9;background:#10272d;border:1px solid #fff2;border-radius:20px;overflow:auto}.da-rules p{font-size:15px;color:#c2d0c7}
@media(max-width:650px) and (orientation:portrait){.da-header{height:66px;padding:8px 13px}.da-header h2{font-size:20px}.da-header small{font-size:10px}.da-table{padding:12px;display:flex;flex-direction:column;gap:10px;justify-content:center;flex:1}.da-sidebar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.da-status{grid-column:1/-1;grid-row:2;padding:3px}.da-status h3{font-size:20px;margin:3px}.da-status p{font-size:11px}.da-kicker{display:none}.da-player{padding:9px;gap:7px}.da-player b{font-size:12px}.da-player small{font-size:10px}.da-avatar{height:27px;width:27px}.da-controls{grid-column:1/-1;grid-row:4;justify-content:center}.da-footnote{display:none}.da-play{gap:10px}.da-board-frame{width:min(100%,calc(100dvh - 300px));padding:8px}.da-move-actions button{min-width:0;flex:1;padding:8px!important;font-size:12px!important}.da-lobby{padding:22px}.da-piece.king span{font-size:23px}.da-coordinate{font-size:7px}}
@media(orientation:landscape) and (max-height:620px){.da-header{height:52px;padding:5px 20px}.da-header h2{font-size:19px}.da-header small{font-size:10px}.da-table{grid-template-columns:minmax(165px,240px) minmax(0,1fr);gap:20px;padding:10px 24px}.da-board-frame{width:min(100%,calc(100dvh - 110px));padding:7px}.da-sidebar{gap:8px}.da-player{padding:8px}.da-player b{font-size:12px}.da-player small{font-size:10px}.da-avatar{width:28px;height:28px}.da-status{padding:0}.da-status h3{font-size:20px;margin:4px}.da-status p{font-size:11px}.da-kicker{font-size:10px}.da-footnote{display:none}.da-play{gap:7px}.da-move-actions button{padding:5px 12px!important;font-size:11px!important;min-width:125px}.da-controls button{padding:5px 9px!important;font-size:11px!important}.da-piece.king span{font-size:22px}.da-coordinate{font-size:7px}.da-lobby-wrap{padding:10px}.da-lobby{padding:14px 25px;max-width:660px}.da-emblem{display:none}.da-lobby h2{font-size:22px;margin:0}.da-lobby-players{margin:12px 0}.da-lobby-players>div{flex-direction:row;padding:9px;justify-content:center}.da-start{padding:8px!important;margin:3px 0 6px}.da-lobby>p{margin:5px}}
/* Approved reference: cream cloth, black grid, rounded yellow/black wooden pieces. */
.da-board-frame{padding:12px;border-radius:3px;background:repeating-linear-gradient(89deg,#e9e2cd 0px,#e9e2cd 2px,#dbd3ba 3px,#eee8d5 4px);box-shadow:0 15px 35px #0006,0 0 0 1px #afa994;transform:none}
.da-board{border:3px solid #38372f;box-shadow:none;background:#e5dfcd}
.da-board .da-cell,.da-board .da-cell.shade{background:repeating-linear-gradient(1deg,#e9e3d0bb 0px,#e9e3d0bb 2px,#d9d2bd99 3px,#eee8d688 4px)!important;box-shadow:inset -2px -2px #34352ec9}
.da-board .da-cell.last{background-color:#c2c39a!important}.da-board .da-cell.picked{background-color:#a0b6a4!important}.da-board .da-cell.target{background-color:#b4c8aa!important}
.da-piece{width:78%;height:76%;border-radius:47% 47% 37% 37% / 59% 59% 30% 30%;border:0!important;box-shadow:0 4px 2px #1119,0 7px 7px #0005,inset 1px 1px 1px #fff7;transform:translateY(-2px)}
.da-piece.gold{background:radial-gradient(ellipse at 29% 28%,#fff7bba6 0%,transparent 12%),radial-gradient(ellipse at 52% 0%,#fff25b 0%,#edb900 41%,#d9a000 71%,#25271f 73%);border:0}
.da-piece.ink{background:radial-gradient(ellipse at 29% 28%,#ffffffa6 0%,transparent 12%),radial-gradient(ellipse at 52% 0%,#44483c 0%,#1a211a 44%,#11170e 71%,#e5b526 73%);box-shadow:0 4px 2px #1119,0 7px 7px #0005,inset 1px 1px 1px #fff5}
.da-piece::after{content:'';inset:auto;top:3%;left:31%;width:38%;height:20%;border-radius:50%;background:radial-gradient(ellipse at 40% 20%,#414939,#151d16 80%);border:1px solid #3c412d;box-shadow:0 1px 0 #fff3}
.da-piece.ink::after{background:#e4b925;border-color:#cba323}.da-piece.king span{color:#fffbea;background:#262e20b3;border:1px solid #e9dca9;border-radius:50%;width:55%;height:55%;display:grid;place-items:center;line-height:1;font-size:clamp(14px,2.5vw,29px);margin-top:8%}.da-cell.picked .da-piece{transform:translateY(-7px);box-shadow:0 9px 8px #0007}.da-piece.movable{filter:drop-shadow(0 0 1px #fff9)}
.da-avatar.gold,.da-mini.gold{background:radial-gradient(ellipse at 50% 20%,#252c1e 0%,#252c1e 15%,#edbd18 18%,#ddab07 72%,#25271f 74%)}.da-avatar.ink,.da-mini.ink{background:radial-gradient(ellipse at 50% 20%,#edc335 0%,#edc335 15%,#292f24 18%,#151c14 72%,#e7b92a 74%)}
@media(orientation:landscape) and (max-height:620px){.da-board-frame{padding:8px}.da-piece.king span{font-size:17px}}
.da-piece.gold{background:radial-gradient(ellipse at 29% 28%,#fff7bba6 0%,transparent 12%),linear-gradient(to bottom,transparent 79%,#24271d 81%),radial-gradient(ellipse at 40% 20%,#ffda26,#dfaa00 85%)}
.da-piece.ink{background:radial-gradient(ellipse at 29% 28%,#ffffffa6 0%,transparent 12%),linear-gradient(to bottom,transparent 79%,#e5b624 81%),radial-gradient(ellipse at 40% 20%,#414737,#11170e 85%)}
/* Dama v1.1: explicit legal origins and two stacked wooden pieces for the sheikh. */
.da-cell.available::before{content:'';position:absolute;inset:3px;border:2px solid #168b75;border-radius:9px;background:#43b3971c;pointer-events:none}.da-cell.available .da-piece{filter:drop-shadow(0 0 2px #f2ffe0)}
.da-piece.king::after{display:none}.da-stack{position:absolute;left:14%;top:-12%;width:72%;height:79%;border-radius:inherit;background:inherit;box-shadow:0 3px 0 #111a,0 5px 5px #0005,inset 1px 1px 1px #fff6;z-index:2;pointer-events:none}.da-stack::after{content:'';position:absolute;top:3%;left:31%;width:38%;height:20%;border-radius:50%;background:#1c2418;border:1px solid #39402d;box-shadow:0 1px 0 #fff3}.da-piece.ink .da-stack::after{background:#e4b925;border-color:#cba323}
@media(max-height:450px){.da-cell.available::before{inset:2px;border-width:2px;border-radius:6px}}