.wpcg-wrap,.wpcg-wrap *{box-sizing:border-box}
.wpcg-wrap{--wpcg-surface:#fff;--wpcg-surface-2:#f4f6f8;--wpcg-text:#162033;--wpcg-muted:#667085;--wpcg-border:#d8dee7;--wpcg-status:#354154;--wpcg-accent:#9f1005;--wpcg-accent-hover:#821007;--wpcg-light:#ead3aa;--wpcg-dark:#795236;width:min(100%,980px);margin:20px auto;padding:0 14px;color:var(--wpcg-text);font-family:inherit;line-height:1.35}
.wpcg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.wpcg-heading{min-width:0}.wpcg-title{margin:0!important;font-size:clamp(26px,4vw,36px)!important;line-height:1.05!important;color:var(--wpcg-text)!important}.wpcg-subtitle{margin:4px 0 0!important;font-size:14px;color:var(--wpcg-muted)}
.wpcg-button{appearance:none;border:0!important;border-radius:10px!important;padding:9px 14px!important;min-height:40px;font:inherit!important;font-size:14px!important;font-weight:750!important;cursor:pointer;white-space:nowrap}.wpcg-button-primary{background:var(--wpcg-accent)!important;color:#fff!important}.wpcg-button-primary:hover{background:var(--wpcg-accent-hover)!important}
.wpcg-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;margin-bottom:10px;border:1px solid var(--wpcg-border);border-radius:12px;background:var(--wpcg-surface)}.wpcg-field{display:grid;gap:4px;margin:0!important}.wpcg-field>span{font-size:11px;font-weight:800;color:var(--wpcg-muted);text-transform:uppercase;letter-spacing:.04em}.wpcg-field select{width:100%;height:40px!important;margin:0!important;border:1px solid var(--wpcg-border)!important;border-radius:9px!important;padding:6px 30px 6px 9px!important;background:var(--wpcg-surface)!important;color:var(--wpcg-text)!important;font:inherit!important;font-size:15px!important;line-height:1.2!important}
.wpcg-status{margin-bottom:12px;padding:11px 14px;border-radius:11px;background:var(--wpcg-status);color:#fff;font-size:17px;font-weight:800}.wpcg-status.thinking::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:currentColor;animation:wpcg-pulse .8s infinite alternate;vertical-align:middle}@keyframes wpcg-pulse{to{opacity:.25;transform:scale(.7)}}
.wpcg-game-area{display:grid;grid-template-columns:minmax(0,650px) minmax(210px,1fr);gap:14px;align-items:start}.wpcg-board-shell{width:100%;min-width:0}.wpcg-board{width:100%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:6px solid #432d20;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.14);user-select:none;touch-action:manipulation;background:#432d20}
.wpcg-square{appearance:none!important;-webkit-appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;font:inherit!important;cursor:pointer!important;line-height:1!important;overflow:hidden!important}.wpcg-square.light{background:var(--wpcg-light)!important}.wpcg-square.dark{background:var(--wpcg-dark)!important}
.wpcg-piece{position:relative;z-index:2;display:block!important;font-family:"Apple Symbols","Segoe UI Symbol","Noto Sans Symbols 2","Arial Unicode MS",sans-serif!important;font-size:clamp(30px,7vw,60px)!important;font-weight:400!important;line-height:1!important;letter-spacing:0!important;text-decoration:none!important;text-transform:none!important;transform:translateY(-1px);pointer-events:none}.wpcg-piece.white{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 0 #111,1px 0 0 #111,-1px 0 0 #111,0 -1px 0 #111,0 2px 3px rgba(0,0,0,.35)!important}.wpcg-piece.black{color:#171717!important;-webkit-text-fill-color:#171717!important;text-shadow:0 1px 1px rgba(255,255,255,.3)!important}
.wpcg-square.selected{box-shadow:inset 0 0 0 4px rgba(255,205,40,.95)!important}.wpcg-square.legal::after{content:"";position:absolute;z-index:3;width:20%;height:20%;border-radius:50%;background:rgba(32,130,72,.75);pointer-events:none}.wpcg-square.capture::after{width:76%;height:76%;background:transparent;border:4px solid rgba(180,38,38,.72)}.wpcg-square.in-check{box-shadow:inset 0 0 0 5px rgba(215,30,30,.9)!important}.wpcg-coord{position:absolute;z-index:4;left:3px;bottom:2px;font-size:9px!important;line-height:1!important;font-weight:800;color:rgba(0,0,0,.5);pointer-events:none}.wpcg-square.dark .wpcg-coord{color:rgba(255,255,255,.7)}
.wpcg-sidebar{display:grid;gap:10px}.wpcg-panel{background:var(--wpcg-surface);border:1px solid var(--wpcg-border);border-radius:12px;padding:12px;box-shadow:0 2px 8px rgba(17,24,39,.04)}.wpcg-panel h3{margin:0 0 8px!important;color:var(--wpcg-text)!important;font-size:15px!important}.wpcg-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wpcg-info-grid>div{padding:9px;border-radius:9px;background:var(--wpcg-surface-2)}.wpcg-info-grid span{display:block;margin-bottom:2px;font-size:11px;color:var(--wpcg-muted)}.wpcg-info-grid strong{font-size:15px;color:var(--wpcg-text)}.wpcg-captured-row{display:grid;grid-template-columns:48px 1fr;gap:7px;align-items:start;padding:4px 0;color:var(--wpcg-muted);font-size:13px}.wpcg-captured-row div{min-height:22px;color:var(--wpcg-text);font-family:"Apple Symbols","Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;font-size:19px;line-height:1.2;word-break:break-word}.wpcg-moves{margin:0!important;padding-left:22px!important;max-height:220px;overflow:auto;color:var(--wpcg-text);font-size:13px}.wpcg-moves li{margin:0 0 4px!important}.wpcg-hidden{display:none!important}
@media(max-width:780px){.wpcg-wrap{width:100%;margin:12px auto;padding:0 8px}.wpcg-game-area{grid-template-columns:1fr;gap:10px}.wpcg-board-shell{max-width:620px;margin:0 auto}.wpcg-sidebar{grid-template-columns:1fr 1fr}.wpcg-moves-panel{grid-column:1/-1}}
@media(max-width:520px){.wpcg-wrap{padding:0 6px}.wpcg-header{margin-bottom:9px}.wpcg-title{font-size:25px!important}.wpcg-subtitle{font-size:13px}.wpcg-button{padding:8px 11px!important;min-height:38px}.wpcg-toolbar{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.wpcg-field:first-child{grid-column:1/-1}.wpcg-field select{height:38px!important;font-size:14px!important}.wpcg-status{font-size:16px;padding:10px 12px;margin-bottom:10px}.wpcg-board{border-width:4px;border-radius:9px}.wpcg-piece{font-size:clamp(28px,11vw,46px)!important}.wpcg-coord{display:none}.wpcg-sidebar{grid-template-columns:1fr 1fr}.wpcg-moves-panel{grid-column:1/-1}.wpcg-panel{padding:10px}.wpcg-captured-row{grid-template-columns:42px 1fr}}

/* v1.3 fullscreen/app layout */
body.wpcg-body-locked{overflow:hidden!important;overscroll-behavior:none}
.wpcg-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.wpcg-button-secondary{background:var(--wpcg-surface-2)!important;color:var(--wpcg-text)!important;border:1px solid var(--wpcg-border)!important}
.wpcg-info-button,.wpcg-drawer-close,.wpcg-drawer-backdrop{display:none}

.wpcg-wrap.wpcg-fullscreen{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;
  margin:0!important;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  background:#f7f5f0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:8px!important;
}
.wpcg-fullscreen .wpcg-header{flex:0 0 auto;margin:0!important;min-height:42px}
.wpcg-fullscreen .wpcg-title{font-size:22px!important}.wpcg-fullscreen .wpcg-subtitle{display:none!important}
.wpcg-fullscreen .wpcg-header-actions{flex-wrap:nowrap}.wpcg-fullscreen .wpcg-button{min-height:36px!important;padding:7px 10px!important;font-size:13px!important}
.wpcg-fullscreen .wpcg-info-button{display:inline-flex!important;align-items:center}
.wpcg-fullscreen .wpcg-toolbar{flex:0 0 auto;margin:0!important;padding:6px!important;gap:6px!important;border-radius:10px!important}
.wpcg-fullscreen .wpcg-field>span{font-size:9px!important}.wpcg-fullscreen .wpcg-field select{height:34px!important;font-size:13px!important;padding-top:4px!important;padding-bottom:4px!important}
.wpcg-fullscreen .wpcg-status{flex:0 0 auto;margin:0!important;padding:8px 11px!important;border-radius:9px!important;font-size:15px!important}
.wpcg-fullscreen .wpcg-game-area{position:relative!important;flex:1 1 auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.wpcg-fullscreen .wpcg-board-shell{width:auto!important;height:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.wpcg-fullscreen .wpcg-board{width:min(100%,calc(100dvh - 180px))!important;height:auto!important;max-height:100%!important;max-width:100%!important;aspect-ratio:1/1!important;border-width:4px!important;border-radius:9px!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important}
.wpcg-fullscreen .wpcg-piece{font-size:clamp(28px,10vw,70px)!important}

.wpcg-fullscreen .wpcg-sidebar{display:grid!important;position:absolute!important;z-index:30!important;left:8px!important;right:8px!important;bottom:8px!important;max-height:min(70dvh,560px)!important;overflow:auto!important;transform:translateY(calc(100% + 24px));transition:transform .2s ease!important;background:var(--wpcg-surface)!important;border:1px solid var(--wpcg-border)!important;border-radius:16px!important;padding:40px 10px 10px!important;box-shadow:0 -12px 30px rgba(0,0,0,.22)!important}
.wpcg-fullscreen.wpcg-info-open .wpcg-sidebar{transform:translateY(0)!important}
.wpcg-fullscreen .wpcg-drawer-close{display:block!important;position:absolute!important;right:12px!important;top:7px!important;width:32px!important;height:32px!important;border:0!important;background:transparent!important;color:var(--wpcg-text)!important;font-size:28px!important;line-height:1!important;cursor:pointer!important}
.wpcg-fullscreen .wpcg-drawer-backdrop{display:none!important;position:absolute!important;z-index:20!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:rgba(0,0,0,.32)!important;padding:0!important;margin:0!important}
.wpcg-fullscreen.wpcg-info-open .wpcg-drawer-backdrop{display:block!important}
.wpcg-fullscreen .wpcg-moves{max-height:180px!important}

@media(max-width:780px){
  .wpcg-fullscreen .wpcg-header{gap:6px!important}.wpcg-fullscreen .wpcg-heading{display:none!important}
  .wpcg-fullscreen .wpcg-header-actions{width:100%!important;justify-content:space-between!important}
  .wpcg-fullscreen .wpcg-header-actions .wpcg-button{flex:1 1 0!important;justify-content:center!important}
  .wpcg-fullscreen .wpcg-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .wpcg-fullscreen .wpcg-board{width:min(calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc(100dvh - 168px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important}
  .wpcg-fullscreen .wpcg-coord{display:none!important}
}
@media(max-width:420px){
  .wpcg-fullscreen{gap:6px!important;padding-top:max(5px,env(safe-area-inset-top))!important;padding-bottom:max(5px,env(safe-area-inset-bottom))!important}
  .wpcg-fullscreen .wpcg-button{font-size:12px!important;padding-left:6px!important;padding-right:6px!important}
  .wpcg-fullscreen .wpcg-toolbar{gap:4px!important;padding:5px!important}.wpcg-fullscreen .wpcg-field select{font-size:12px!important;padding-left:6px!important;padding-right:20px!important}
  .wpcg-fullscreen .wpcg-status{font-size:14px!important;padding:7px 10px!important}
  .wpcg-fullscreen .wpcg-board{width:min(calc(100vw - 12px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc(100dvh - 158px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important}
}


/* v1.4 chess clock */
.wpcg-clocks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.wpcg-clock{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--wpcg-border);border-radius:11px;background:var(--wpcg-surface);color:var(--wpcg-muted);transition:border-color .15s,box-shadow .15s,background .15s}
.wpcg-clock span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.wpcg-clock strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1;color:var(--wpcg-text)}
.wpcg-clock.active{border-color:var(--wpcg-status);box-shadow:inset 0 0 0 1px var(--wpcg-status);background:#eef1f5}
.wpcg-clock.low strong{color:#a5160b}.wpcg-clock.flagged{border-color:#a5160b;background:#fff0ee}.wpcg-clock.flagged strong{color:#a5160b}
.wpcg-fullscreen .wpcg-clocks{flex:0 0 auto;margin:0!important;gap:6px!important}
.wpcg-fullscreen .wpcg-clock{min-height:40px!important;padding:5px 10px!important;border-radius:9px!important}
.wpcg-fullscreen .wpcg-clock span{font-size:10px!important}.wpcg-fullscreen .wpcg-clock strong{font-size:21px!important}
@media(max-width:780px){
  .wpcg-fullscreen .wpcg-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .wpcg-toolbar{grid-template-columns:1fr 1fr}.wpcg-field:first-child{grid-column:auto}
  .wpcg-clocks{gap:6px}.wpcg-clock{min-height:44px;padding:6px 9px}.wpcg-clock strong{font-size:21px}
}
@media(max-width:420px){
  .wpcg-fullscreen .wpcg-clock{min-height:36px!important;padding:4px 8px!important}.wpcg-fullscreen .wpcg-clock strong{font-size:19px!important}
}


/* v1.5 pause / resume */
.wpcg-paused .wpcg-board{filter:saturate(.45) brightness(.88);opacity:.78}
.wpcg-paused .wpcg-square{cursor:not-allowed!important}
.wpcg-paused .wpcg-clock.active{border-color:var(--wpcg-border)!important;box-shadow:none!important;background:var(--wpcg-surface)!important}
.wpcg-paused [data-wpcg-pause]{font-weight:800!important}
@media(max-width:420px){
  .wpcg-fullscreen .wpcg-header-actions{gap:4px!important}
  .wpcg-fullscreen .wpcg-header-actions .wpcg-button{font-size:11px!important;padding-left:5px!important;padding-right:5px!important}
}