/* Haber Plus Dama - izole */
.hpdo-wrap,.hpdo-wrap *{box-sizing:border-box!important}
.hpdo-wrap{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:18px 0!important;background:#fff!important;color:var(--hpdo-text,#111827)!important;border:0!important;box-shadow:none!important;font-family:Inter,Arial,sans-serif!important}
.hpdo-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:18px!important}
.hpdo-badge{display:inline-flex!important;padding:7px 12px!important;background:rgba(17,24,39,.06)!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.4px!important}
.hpdo-top h2{margin:8px 0 4px!important;font-size:30px!important;line-height:1.1!important;font-weight:900!important;color:var(--hpdo-text,#111827)!important}
.hpdo-top p{margin:0!important;color:#6b7280!important;font-size:14px!important}
.hpdo-controls{display:flex!important;align-items:end!important;gap:10px!important;flex-wrap:wrap!important}
.hpdo-controls label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:12px!important;font-weight:800!important;color:#6b7280!important}
.hpdo-difficulty,.hpdo-new,.hpdo-start,.hpdo-sound,.hpdo-help{all:unset;box-sizing:border-box!important;height:42px!important;border-radius:14px!important;border:1px solid rgba(15,23,42,.10)!important;background:#fff!important;color:#111827!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-weight:800!important;box-shadow:none!important}
.hpdo-difficulty{min-width:110px!important}
.hpdo-start{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
.hpdo-new{background:var(--hpdo-accent,#111827)!important;color:#fff!important}
.hpdo-sound,.hpdo-help{width:42px!important;padding:0!important}
.hpdo-main{display:grid!important;grid-template-columns:minmax(320px,760px) 1fr!important;gap:22px!important;align-items:start!important}
.hpdo-board{width:100%!important;aspect-ratio:1/1!important;display:grid!important;grid-template-columns:repeat(8,1fr)!important;grid-template-rows:repeat(8,1fr)!important;border-radius:18px!important;overflow:hidden!important;border:6px solid #111827!important;box-shadow:none!important;touch-action:manipulation!important;background:var(--hpdo-light,#f5f5f5)!important}
.hpdo-square{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:0!important;user-select:none!important}
.hpdo-square.light{background:var(--hpdo-light,#f5f5f5)!important}
.hpdo-square.dark{background:var(--hpdo-dark,#2f3542)!important}
.hpdo-square.selected:after{content:""!important;position:absolute!important;inset:7px!important;border:3px solid #60a5fa!important;border-radius:12px!important;pointer-events:none!important}
.hpdo-square.legal:before{content:""!important;position:absolute!important;width:24%!important;height:24%!important;border-radius:50%!important;background:rgba(34,197,94,.72)!important;pointer-events:none!important;z-index:1!important}
.hpdo-square.capture:before{content:""!important;position:absolute!important;inset:10px!important;border-radius:50%!important;border:4px solid rgba(239,68,68,.80)!important;pointer-events:none!important;z-index:1!important}
.hpdo-square.last-from:after,.hpdo-square.last-to:after{content:""!important;position:absolute!important;inset:0!important;background:rgba(250,204,21,.32)!important;pointer-events:none!important}
.hpdo-piece{width:68%!important;height:68%!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:grab!important;position:relative!important;z-index:2!important;border:4px solid rgba(255,255,255,.72)!important;box-shadow:inset 0 -8px 0 rgba(0,0,0,.15),0 5px 10px rgba(0,0,0,.20)!important;transition:transform .14s ease!important}
.hpdo-piece:active{cursor:grabbing!important;transform:scale(1.08)!important}
.hpdo-piece.red{background:var(--hpdo-red,#dc2626)!important}
.hpdo-piece.white{background:var(--hpdo-white,#f8fafc)!important;border-color:rgba(15,23,42,.14)!important}
.hpdo-piece.king:before{content:"★"!important;font-size:clamp(18px,3vw,34px)!important;color:#facc15!important;text-shadow:0 1px 3px rgba(0,0,0,.35)!important}
.hpdo-side{display:flex!important;flex-direction:column!important;gap:12px!important}
.hpdo-status,.hpdo-timer,.hpdo-last,.hpdo-captured,.hpdo-moves{background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:18px!important;padding:16px!important;box-shadow:none!important}
.hpdo-status{font-size:17px!important;font-weight:900!important}
.hpdo-status.hpdo-danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.hpdo-timer span{display:block!important;font-size:42px!important;font-weight:950!important;line-height:1!important;color:var(--hpdo-accent,#111827)!important}
.hpdo-timer small{display:block!important;margin-top:6px!important;color:#6b7280!important;font-weight:700!important}
.hpdo-last{font-size:14px!important;color:#374151!important;font-weight:700!important}
.hpdo-captured strong,.hpdo-moves strong{display:block!important;margin-bottom:8px!important}
.hpdo-captured-player,.hpdo-captured-ai{min-height:30px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.hpdo-mini{width:22px!important;height:22px!important;border-radius:999px!important;display:inline-block!important;border:2px solid rgba(15,23,42,.12)!important}
.hpdo-mini.red{background:var(--hpdo-red,#dc2626)!important}
.hpdo-mini.white{background:var(--hpdo-white,#f8fafc)!important}
.hpdo-moves{max-height:220px!important;overflow:auto!important}
.hpdo-moves ol{margin:0!important;padding-left:22px!important;font-size:13px!important;color:#4b5563!important}
.hpdo-modal{position:fixed!important;inset:0!important;background:rgba(15,23,42,.55)!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important}
.hpdo-modal[hidden]{display:none!important}
.hpdo-modal-box{position:relative!important;max-width:520px!important;background:#fff!important;color:#111827!important;border-radius:24px!important;padding:28px!important;box-shadow:0 30px 90px rgba(0,0,0,.30)!important}
.hpdo-modal-box h3{margin:0 0 10px!important;font-size:26px!important}
.hpdo-modal-box p,.hpdo-modal-box li{font-size:15px!important;line-height:1.65!important}
.hpdo-modal-close{all:unset;position:absolute!important;right:14px!important;top:12px!important;width:34px!important;height:34px!important;border-radius:999px!important;background:#f3f4f6!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:24px!important}
@media(max-width:900px){.hpdo-main{grid-template-columns:1fr!important}.hpdo-top{align-items:flex-start!important;flex-direction:column!important}.hpdo-controls{width:100%!important}.hpdo-board{border-width:4px!important}.hpdo-wrap{padding:12px 0!important}.hpdo-timer span{font-size:34px!important}.hpdo-piece{border-width:3px!important}}