/* The Draughts Room — full-screen 3D game; the bar and overlays follow the rooms' gold-on-midnight look */
#zdam{position:fixed;inset:0;z-index:2147483000;background:#0d0906;overflow:hidden;font-family:Georgia,'Times New Roman',serif;color:#f4ecd8;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;}
body.zdam-active{overflow:hidden;}
body.zdam-active > header,body.zdam-active > footer,body.zdam-active #zassist,body.zdam-active .cosmic-bg{display:none !important;}
#zdam-gl{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair;}
#zdam-status{position:absolute;left:18px;top:16px;transform:none;z-index:5;padding:8px 22px;border-radius:999px;background:rgba(12,10,8,.72);border:1px solid rgba(217,178,90,.45);font-size:17px;letter-spacing:.02em;color:#f0d98a;backdrop-filter:blur(6px);white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;transition:background .3s,color .3s;}
#zdam-status.you{background:rgba(20,60,32,.78);color:#cfeeb8;border-color:rgba(120,220,140,.5);}
#zdam-status.robot{background:rgba(10,40,64,.78);color:#a8e6ff;border-color:rgba(64,224,255,.5);}
#zdam-status.warn{background:rgba(84,36,12,.82);color:#ffd8a0;border-color:rgba(255,160,80,.6);}
#zdam-bar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;display:flex;gap:12px;align-items:center;background:rgba(12,10,8,.74);border:1px solid rgba(217,178,90,.4);border-radius:999px;padding:8px 16px;backdrop-filter:blur(6px);max-width:96vw;}
#zdam-bar strong{color:#f0d98a;white-space:nowrap;}
#zdam-caps{color:#d8cfb8;font-size:13px;white-space:nowrap;}
#zdam-bar button{background:#3a2f1e;color:#f4ecd8;border:1px solid rgba(217,178,90,.5);border-radius:999px;padding:6px 14px;cursor:pointer;font-family:inherit;white-space:nowrap;flex:0 0 auto;font-size:14px;}
#zdam-bar button:hover{background:#584624;}
#zdam-help{width:30px;height:30px;padding:0 !important;border-radius:50%;font-weight:900;font-size:16px;line-height:1;color:#1a1206 !important;background:radial-gradient(circle at 35% 30%,#fff2b0,#e0b040 60%,#8a5f14) !important;border-color:rgba(255,236,170,.9) !important;box-shadow:0 0 10px rgba(255,205,90,.7);}
#zdam-sound[aria-pressed="true"]{opacity:.5;}
#zdam-help-pop{position:absolute;left:12px;right:12px;bottom:calc(100% + 10px);z-index:6;background:rgba(12,10,8,.94);border:1px solid rgba(217,178,90,.45);border-radius:14px;padding:12px 16px;backdrop-filter:blur(8px);}
#zdam-help-pop span{display:block;color:#d8cfb8;font-size:13px;line-height:1.6;}
#zdam-help-pop span + span{margin-top:6px;}
#zdam-start,#zdam-end{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:rgba(6,4,2,.55);backdrop-filter:blur(3px);}
#zdam-start[hidden],#zdam-end[hidden],#zdam-help-pop[hidden]{display:none;}
.zdam-card{background:linear-gradient(180deg,rgba(28,20,12,.96),rgba(14,10,6,.96));border:1px solid rgba(217,178,90,.55);border-radius:20px;padding:26px 30px;min-width:min(420px,92vw);max-width:92vw;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(217,178,90,.15);}
.zdam-card h2{margin:0 0 6px;font-size:26px;color:#f0d98a;letter-spacing:.03em;}
.zdam-card p{margin:0 0 16px;color:#d8cfb8;font-size:14px;}
.zdam-card h3{margin:14px 0 8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#b8a878;}
.zdam-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.zdam-row button{background:#241a10;color:#f4ecd8;border:1px solid rgba(217,178,90,.4);border-radius:12px;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:15px;min-width:110px;transition:all .15s;}
.zdam-row button:hover{border-color:#f0d98a;}
.zdam-row button.is-on{background:linear-gradient(180deg,#f2d27a,#b8862a);color:#2a1a06;border-color:#fff0b0;font-weight:700;box-shadow:0 0 14px rgba(255,205,90,.5);}
.zdam-row button .sw{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:8px;border:1px solid rgba(0,0,0,.5);}
.zdam-row button .sw.w{background:radial-gradient(circle at 35% 30%,#fff,#d8c8a0);} .zdam-row button .sw.b{background:radial-gradient(circle at 35% 30%,#555,#050505);}
#zdam-play,#zdam-again{margin-top:20px;padding:12px 40px;border-radius:999px;font-size:18px;font-weight:700;color:#2a1a06;background:linear-gradient(180deg,#f2d27a,#b8862a);border:1px solid #fff0b0;cursor:pointer;font-family:inherit;box-shadow:0 0 18px rgba(255,205,90,.55);}
#zdam-play:hover,#zdam-again:hover{filter:brightness(1.08);}
#zdam-end-msg{font-size:30px;color:#f0d98a;margin:6px 0 4px;}
#zdam-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c8b06a;font-size:20px;letter-spacing:.05em;z-index:10;background:#0d0906;}
@media (max-width:640px){#zdam-bar{gap:8px;padding:6px 10px;} #zdam-bar strong{display:none;} #zdam-status{font-size:14px;padding:6px 14px;}}

#zdam-rules{width:30px;height:30px;padding:0 !important;border-radius:50%;font-weight:900;font-size:16px;line-height:1;color:#fff4d0 !important;background:radial-gradient(circle at 35% 30%,#ff9a5a,#c8451c 60%,#5a1608) !important;border-color:rgba(255,200,150,.8) !important;box-shadow:0 0 10px rgba(255,120,60,.7);}
#zdam-rules-pop{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 10px);width:min(640px,92vw);z-index:6;background:rgba(12,10,8,.95);border:1px solid rgba(217,178,90,.5);border-radius:16px;padding:14px 20px 12px;backdrop-filter:blur(8px);text-align:left;}
#zdam-rules-pop[hidden]{display:none;}
#zdam-rules-pop h4{margin:0 0 8px;color:#f0d98a;font-size:16px;letter-spacing:.06em;text-transform:uppercase;}
#zdam-rules-pop ol{margin:0;padding-left:22px;color:#e2d8c0;font-size:13.5px;line-height:1.55;max-height:46vh;overflow:auto;}
#zdam-rules-pop li{margin:0 0 6px;}
#zdam-say{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);z-index:5;max-width:min(680px,90vw);padding:10px 20px;border-radius:16px;background:rgba(8,20,34,.78);border:1px solid rgba(64,224,255,.45);color:#d8f4ff;font-size:16px;line-height:1.45;font-style:italic;text-align:center;backdrop-filter:blur(6px);box-shadow:0 0 22px rgba(48,200,255,.25);animation:zSayIn .35s ease;}
#zdam-say[hidden]{display:none;}
#zdam-say::before{content:'\25C8';color:#40e0ff;margin-right:8px;font-style:normal;}
@keyframes zSayIn{from{opacity:0;transform:translateX(-50%) translateY(6px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}

#zdam-vol{-webkit-appearance:none;appearance:none;width:90px;height:5px;border-radius:999px;background:linear-gradient(90deg,#d9b25a,#3a2a10);outline:none;cursor:pointer;flex:0 0 auto;}
#zdam-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe089,#a9812f);border:1px solid rgba(255,240,190,.7);}
/* choosing your opponent: two portraits you tick */
.zdam-oracles{gap:14px;}
.zdam-oracles button{position:relative;padding:0;min-width:0;width:150px;border-radius:14px;overflow:hidden;background:#1a120a;border:2px solid rgba(217,178,90,.35);}
.zdam-oracles button img{display:block;width:100%;height:170px;object-fit:cover;object-position:50% 12%;background:#0d0906;}
.zdam-oracles button em{display:block;padding:7px 6px;font-style:normal;font-size:12.5px;line-height:1.3;color:#e2d8c0;background:rgba(0,0,0,.45);}
.zdam-oracles button:hover{border-color:rgba(240,217,138,.8);}
.zdam-oracles button.is-on{border-color:#f0d98a;box-shadow:0 0 18px rgba(255,205,90,.55);background:#241a10;}
.zdam-oracles button.is-on em{color:#f6e6bd;background:rgba(90,64,20,.55);}
.zdam-tick{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:900;color:#2a1a06;background:linear-gradient(180deg,#f2d27a,#b8862a);border:1px solid #fff0b0;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s;}
.zdam-oracles button.is-on .zdam-tick{opacity:1;transform:scale(1);}
#zdam-cancel{display:block;margin:12px auto 0;padding:8px 26px;border-radius:999px;font-size:14px;cursor:pointer;font-family:inherit;
  color:#d8cfb8;background:transparent;border:1px solid rgba(217,178,90,.45);}
#zdam-cancel:hover{color:#f6e6bd;border-color:#f0d98a;background:rgba(217,178,90,.12);}
@media (max-width:560px){.zdam-oracles button{width:126px;} .zdam-oracles button img{height:140px;}}

.zdam-credit { margin: 10px 0 0; font-size: 11px; line-height: 1.5; opacity: .55; text-align: center; }

.zdam-oracles button { flex: 0 0 132px; }
.zdam-oracles img { height: 148px; }
.zdam-oracles em small { display: block; font-size: 10px; font-weight: 400; opacity: .6; font-style: normal; margin-top: 2px; line-height: 1.3; }

@media (max-width:640px){#zdam-status{left:50%;transform:translateX(-50%);}}

#zdam-ask{position:absolute;z-index:6;width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,240,190,.95);cursor:pointer;
  font:700 24px/1 Georgia,"Times New Roman",serif;color:#2a1a06;background:radial-gradient(circle at 35% 30%,#fff6c8,#f0c24a 55%,#9a6a14);
  box-shadow:0 0 16px rgba(255,205,90,.75),0 0 34px rgba(255,190,70,.35);animation:zAskPulse 1.9s ease-in-out infinite;padding:0;}
#zdam-ask:hover{animation-duration:.9s;}
@keyframes zAskPulse{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 14px rgba(255,205,90,.7),0 0 30px rgba(255,190,70,.3);}50%{transform:translate(-50%,-50%) scale(1.13);box-shadow:0 0 26px rgba(255,220,120,.95),0 0 56px rgba(255,190,70,.55);}}
#zdam-chat{position:absolute;right:18px;bottom:84px;width:min(390px,92vw);z-index:7;background:rgba(12,10,8,.95);border:1px solid rgba(217,178,90,.6);border-radius:16px;padding:12px 14px 12px;backdrop-filter:blur(8px);box-shadow:0 12px 40px rgba(0,0,0,.5);}
#zdam-chat[hidden]{display:none;}
.zdam-chat__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#f0d98a;letter-spacing:.06em;text-transform:uppercase;font-size:13px;}
.zdam-chat__head button{background:none;border:0;color:#d8cfb8;font-size:16px;cursor:pointer;padding:2px 6px;}
#zdam-chat-log{max-height:38vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px 2px 6px;}
.zc{max-width:88%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.45;}
.zc--her{align-self:flex-start;background:rgba(30,64,52,.85);color:#d9f3e6;border:1px solid rgba(100,220,170,.35);border-bottom-left-radius:4px;}
.zc--you{align-self:flex-end;background:rgba(74,56,24,.85);color:#f4ecd8;border:1px solid rgba(217,178,90,.45);border-bottom-right-radius:4px;}
.zc--wait{opacity:.6;}
#zdam-chat-form{display:flex;gap:8px;margin-top:8px;}
#zdam-chat-form input{flex:1;min-width:0;background:rgba(0,0,0,.35);border:1px solid rgba(217,178,90,.4);border-radius:999px;padding:8px 14px;color:#f4ecd8;font-size:14px;outline:none;}
#zdam-chat-form input:focus{border-color:rgba(255,220,120,.9);box-shadow:0 0 0 2px rgba(255,205,90,.25);}
#zdam-chat-form button{background:#3a2f1e;color:#f4ecd8;border:1px solid rgba(217,178,90,.5);border-radius:999px;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:14px;}
#zdam-chat-form button:hover{background:#584624;}
@media (max-width:640px){#zdam-chat{right:8px;left:8px;width:auto;bottom:74px;}}

/* the game covers the page at the top of the stacking order; the site's shared modal (paywall, budget, login) must sit above it or the player sees nothing */
body.zdam-active .zohar-modal{z-index:2147483400 !important;}   /* the site's own modal, not Bootstrap's */
body.zdam-active .modal{z-index:2147483400 !important;}
body.zdam-active .modal-backdrop{z-index:2147483300 !important;}