.cdmm-dock,.cdmm-backdrop,.cdmm-sheet-bar{display:none}

@media (max-width:680px), (max-height:520px) and (max-width:960px){
  body.cdmm-scroll-lock{overflow:hidden;overscroll-behavior:none}
  .cdmm-ready{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .cdmm-ready .iph-game-wrap{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .cdmm-ready .iph-board-card{scroll-margin-top:78px}
  .cdmm-ready .iph-live-panel{scroll-margin-top:78px}

  .cdmm-backdrop{display:block;position:fixed;inset:0;background:rgba(11,31,55,.48);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;z-index:1390}
  .cdmm-open .cdmm-backdrop{opacity:1;visibility:visible;pointer-events:auto}

  .cdmm-dock{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:1380;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:stretch;min-height:64px;border:1px solid #b9cede;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 42px -18px rgba(16,44,78,.58);padding:7px;backdrop-filter:blur(12px)}
  .cdmm-dock-summary,.cdmm-dock button{min-height:48px;border:1px solid #cbdce8;border-radius:10px;background:#fff;color:var(--ink);font:inherit}
  .cdmm-dock-summary{min-width:0;display:grid;align-content:center;gap:2px;padding:5px 9px;text-align:left;cursor:pointer}
  .cdmm-dock-summary strong,.cdmm-dock-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cdmm-dock-summary strong{font-size:.74rem;line-height:1.2;color:var(--ink)}
  .cdmm-dock-summary small{font-size:.62rem;line-height:1.2;color:var(--ink-soft)}
  .cdmm-dock-view,.cdmm-dock-setup{width:62px;padding:5px 7px;font-size:.72rem;font-weight:800;cursor:pointer}
  .cdmm-dock-view{display:none;border-color:var(--blue)!important;color:var(--blue-deep)!important}
  .cdmm-dock-start{width:72px;padding:5px 8px!important;border-color:var(--blue)!important;background:var(--blue)!important;color:#fff!important;font-size:.78rem;font-weight:800;cursor:pointer}
  .cdmm-dock-start:disabled{opacity:.58;cursor:wait}
  .cdmm-dock[data-started="true"]{grid-template-columns:minmax(0,1fr) 76px 62px}
  .cdmm-dock[data-started="true"] .cdmm-dock-start{display:none}
  .cdmm-dock[data-started="true"] .cdmm-dock-view{display:block;width:76px}
  .cdmm-dock[data-started="true"] .cdmm-dock-setup{width:62px}

  .iph-setup.cdmm-sheet{display:block!important;position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-width:none!important;max-height:min(78svh,720px)!important;margin:0!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:1400;border-radius:20px!important;box-shadow:0 28px 80px -18px rgba(5,26,51,.7)!important;transform:translateY(calc(100% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s ease,opacity .16s ease,visibility .2s ease}
  .cdmm-open .iph-setup.cdmm-sheet{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .iph-setup.cdmm-sheet>.cdmm-sheet-bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;margin:-1px -1px 12px;padding:10px 10px 9px;border:1px solid #bed2e1;border-radius:19px 19px 12px 12px;background:rgba(255,255,255,.98);box-shadow:0 10px 24px -20px rgba(16,44,78,.8);backdrop-filter:blur(12px)}
  .cdmm-sheet-title{min-width:0;font-size:.88rem;color:var(--ink)}
  .cdmm-sheet-action,.cdmm-sheet-close{min-height:44px;border-radius:9px;font:inherit;font-weight:800;cursor:pointer}
  .cdmm-sheet-action{min-width:82px;border:1px solid var(--blue);background:var(--blue);padding:7px 10px;color:#fff!important;font-size:.75rem}
  .cdmm-sheet-action:disabled{opacity:.55;cursor:wait}
  .cdmm-sheet-close{width:44px;border:1px solid #c9d9e7;background:#fff;padding:0;color:var(--blue-deep);font-size:1.15rem;line-height:1}
  .cdmm-sheet-nav{grid-column:1/-1;display:flex;gap:6px;min-width:0;overflow-x:auto;padding-top:2px;scrollbar-width:none}
  .cdmm-sheet-nav::-webkit-scrollbar{display:none}
  .cdmm-sheet-nav button{flex:0 0 auto;min-height:44px;border:1px solid #cbdce8;border-radius:9px;background:#f6f9fc;padding:7px 10px;color:var(--ink);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
  .cdmm-sheet-nav button[aria-current="true"]{border-color:var(--blue);background:#edf4ff;color:var(--blue-deep);box-shadow:inset 0 0 0 1px var(--blue)}
  .iph-setup.cdmm-sheet .iph-start{display:none!important}
  .iph-setup.cdmm-sheet .iph-setup-note{margin-bottom:4px}
  .iph-setup.cdmm-sheet :is(button,.iph-chip){min-height:44px}
  .cdmm-ready .cd-play-controls button{min-height:44px!important}

  .cdmm-ready :is(.iph-board-head,.iph-player-clock){position:relative;z-index:1}
  .cdmm-ready .iph-board-head{min-height:28px;margin-bottom:6px}
  .cdmm-ready .iph-player-clock{min-height:36px;padding:6px 8px}
  .cdmm-ready .iph-player-clock output{font-size:1rem}
}

@media (max-width:360px){
  .cdmm-ready .iph-game-wrap{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .cdmm-dock{left:5px;right:5px;bottom:max(5px,env(safe-area-inset-bottom));min-height:60px;padding:5px;gap:4px;border-radius:13px}
  .cdmm-dock-summary,.cdmm-dock button{min-height:46px}
  .cdmm-dock-summary{padding-left:7px;padding-right:7px}
  .cdmm-dock-summary strong{font-size:.69rem}
  .cdmm-dock-summary small{font-size:.58rem}
  .cdmm-dock-view,.cdmm-dock-setup{width:56px;font-size:.68rem}
  .cdmm-dock-start{width:66px;font-size:.73rem}
  .iph-setup.cdmm-sheet{left:5px!important;right:5px!important;bottom:max(5px,env(safe-area-inset-bottom))!important;max-height:78svh!important}
  .iph-setup.cdmm-sheet>.cdmm-sheet-bar{grid-template-columns:minmax(0,1fr) 76px 44px;padding-left:8px;padding-right:8px}
  .cdmm-sheet-action{min-width:76px;padding-left:7px;padding-right:7px}
}

@media (max-width:390px){
  .cdmm-dock{grid-template-columns:minmax(0,1fr) 56px 66px;gap:4px}
  .cdmm-dock-view,.cdmm-dock-setup{width:56px;padding-left:4px;padding-right:4px}
  .cdmm-dock-start{width:66px;padding-left:4px!important;padding-right:4px!important}
  .iph-setup.cdmm-sheet>.cdmm-sheet-bar{grid-template-columns:minmax(0,1fr) 76px 44px;gap:5px}
  .cdmm-sheet-close{width:44px}
  .iph-setup.cdmm-sheet :is(.lgs-strength-row,.ipm-strength-row,.iph-strength-row){min-width:0}
  .iph-setup.cdmm-sheet :is(.lgs-presets,.ipm-presets){grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-height:520px) and (max-width:960px){
  body.cdmm-active>header.site-header{display:none}
  .cdmm-ready{--cdmm-land-board:min(calc(100vw - 276px),calc(100svh - 86px))}
  .cdmm-ready .iph-game-wrap{padding:6px 8px calc(78px + env(safe-area-inset-bottom))!important}
  .cdmm-ready .iph-game-shell{display:block!important;max-width:944px;margin:0 auto}
  .cdmm-ready .iph-board-column{display:block!important;min-height:0!important}
  .cdmm-ready .iph-board-card{display:grid;grid-template-columns:minmax(0,var(--cdmm-land-board)) minmax(240px,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:6px 10px;width:100%;max-width:944px;min-height:0!important;margin:0 auto;padding:6px;border-radius:10px;scroll-margin-top:4px}
  .cdmm-ready .iph-board-card>.iph-board-head{display:none}
  .cdmm-ready .iph-board-frame{grid-column:1;grid-row:1/4;width:100%;max-width:none;margin:0;align-self:start;scroll-margin-top:4px}
  .cdmm-ready .iph-player-clock{grid-column:2;width:100%;max-width:none;min-height:40px;margin:0;padding:6px 9px}
  .cdmm-ready .iph-player-clock.is-opponent{grid-row:1}
  .cdmm-ready .iph-player-clock.is-player{grid-row:3}
  .cdmm-ready .iph-live-panel{grid-column:2;grid-row:2;width:100%;max-width:none;min-height:0;max-height:100%;margin:0;padding:8px;overflow:auto;overscroll-behavior:contain;scroll-margin-top:4px}
  .cdmm-ready .iph-live-panel .cd-play-who img{width:44px!important;height:44px!important;border-radius:10px!important}
  .cdmm-ready .iph-live-panel .cd-play-moves{min-height:44px;max-height:68px}
  .cdmm-ready .iph-live-panel .cd-play-controls{gap:6px}
  .cdmm-ready .iph-game-status{display:none}
  .iph-setup.cdmm-sheet{top:8px!important;max-height:calc(100svh - 16px)!important}
}

@media (prefers-reduced-motion:reduce){
  .cdmm-backdrop,.iph-setup.cdmm-sheet{transition:none!important}
}