/* Haber Plus Satranç - izole / beyaz site uyumlu */
.hpso-wrap,.hpso-wrap *{box-sizing:border-box!important}
.hpso-wrap{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:18px 0!important;background:#fff!important;color:var(--hpso-text,#111827)!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-family:Inter,Arial,sans-serif!important}
.hpso-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:18px!important}
.hpso-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}
.hpso-top h2{margin:8px 0 4px!important;font-size:30px!important;line-height:1.1!important;font-weight:900!important;color:var(--hpso-text,#111827)!important}
.hpso-top p{margin:0!important;color:#6b7280!important;font-size:14px!important}
.hpso-controls{display:flex!important;align-items:end!important;gap:10px!important;flex-wrap:wrap!important}
.hpso-controls label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:12px!important;font-weight:800!important;color:#6b7280!important}
.hpso-difficulty,.hpso-new,.hpso-start,.hpso-sound,.hpso-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}
.hpso-difficulty{min-width:110px!important}
.hpso-start{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
.hpso-new{background:var(--hpso-accent,#111827)!important;color:#fff!important}
.hpso-sound,.hpso-help{width:42px!important;padding:0!important}
.hpso-main{display:grid!important;grid-template-columns:minmax(320px,760px) 1fr!important;gap:22px!important;align-items:start!important}
.hpso-board-area{width:100%!important}
.hpso-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(--hpso-light,#f3e6d0)!important}
.hpso-square{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:0!important;font-size:clamp(30px,5vw,58px)!important;line-height:1!important;user-select:none!important}
.hpso-square.light{background:var(--hpso-light,#f3e6d0)!important}
.hpso-square.dark{background:var(--hpso-dark,#b8895b)!important}
.hpso-piece{cursor:grab!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.20))!important;transition:transform .14s ease!important;display:inline-block!important}
.hpso-piece:active{cursor:grabbing!important;transform:scale(1.08)!important}
.hpso-square.selected:after{content:""!important;position:absolute!important;inset:7px!important;border:3px solid rgba(37,99,235,.75)!important;border-radius:12px!important;pointer-events:none!important}
.hpso-square.legal:before{content:""!important;position:absolute!important;width:22%!important;height:22%!important;border-radius:50%!important;background:rgba(17,24,39,.35)!important;pointer-events:none!important}
.hpso-square.capture:before{content:""!important;position:absolute!important;inset:10px!important;border-radius:50%!important;border:4px solid rgba(220,38,38,.50)!important;pointer-events:none!important}
.hpso-square.last-from:after,.hpso-square.last-to:after{content:""!important;position:absolute!important;inset:0!important;background:rgba(250,204,21,.32)!important;pointer-events:none!important}
.hpso-square.check{box-shadow:inset 0 0 0 999px rgba(239,68,68,.38)!important}
.hpso-side{display:flex!important;flex-direction:column!important;gap:12px!important}
.hpso-status,.hpso-timer,.hpso-last,.hpso-captured,.hpso-moves{background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:18px!important;padding:16px!important;box-shadow:none!important}
.hpso-status{font-size:17px!important;font-weight:900!important}
.hpso-status.hpso-danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.hpso-timer span{display:block!important;font-size:42px!important;font-weight:950!important;line-height:1!important;color:var(--hpso-accent,#111827)!important}
.hpso-timer small{display:block!important;margin-top:6px!important;color:#6b7280!important;font-weight:700!important}
.hpso-last{font-size:14px!important;color:#374151!important;font-weight:700!important}
.hpso-captured strong,.hpso-moves strong{display:block!important;margin-bottom:8px!important}
.hpso-captured-white-list,.hpso-captured-black-list{min-height:28px!important;font-size:24px!important;letter-spacing:2px!important}
.hpso-moves{max-height:220px!important;overflow:auto!important}
.hpso-moves ol{margin:0!important;padding-left:22px!important;font-size:13px!important;color:#4b5563!important}
.hpso-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}
.hpso-modal[hidden]{display:none!important}
.hpso-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}
.hpso-modal-box h3{margin:0 0 10px!important;font-size:26px!important}
.hpso-modal-box p,.hpso-modal-box li{font-size:15px!important;line-height:1.65!important}
.hpso-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){.hpso-main{grid-template-columns:1fr!important}.hpso-top{align-items:flex-start!important;flex-direction:column!important}.hpso-controls{width:100%!important}.hpso-board{border-width:4px!important}.hpso-wrap{padding:12px 0!important}.hpso-timer span{font-size:34px!important}}