/* NodeClash Game UX v3 — compact console / game-like information architecture */
.nc-game-deck{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:10px 0 14px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);
  border-radius:22px;background:linear-gradient(110deg,rgba(4,19,31,.90),rgba(5,38,43,.72),rgba(24,18,44,.76));
  box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.nc-game-deck-copy{display:grid;gap:2px;min-width:220px}
.nc-game-deck-copy>span{font-size:.58rem;letter-spacing:.18em;font-weight:900;color:#dfffa8}
.nc-game-deck-copy>strong{font-size:.96rem;letter-spacing:.01em;color:#fff}
.nc-game-deck-copy>small{font-size:.68rem;color:rgba(241,255,250,.72)}
.nc-game-deck-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.nc-game-deck-actions button{
  position:relative;border:1px solid rgba(255,255,255,.17);border-radius:999px;
  padding:8px 11px;background:rgba(255,255,255,.07);color:#fff;font-size:.64rem;
  font-weight:900;letter-spacing:.09em;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.nc-game-deck-actions button:hover{transform:translateY(-1px);background:rgba(111,220,255,.14);border-color:rgba(158,236,255,.42)}
.nc-game-deck-actions button:focus-visible{outline:2px solid #dfffa8;outline-offset:2px}
#ncDeckChatBadge{
  display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;
  border-radius:999px;background:#ffcf5a;color:#15110a;font-size:.58rem;box-shadow:0 0 18px rgba(255,207,90,.45)
}

.nc-ux-drawer{
  align-self:start;overflow:hidden;border:1px solid rgba(255,255,255,.16)!important;
  border-radius:24px!important;background:linear-gradient(145deg,rgba(3,16,27,.86),rgba(5,11,20,.76))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.nc-ux-drawer>summary{list-style:none}
.nc-ux-drawer>summary::-webkit-details-marker{display:none}
.nc-ux-summary{
  min-height:66px;display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:10px;
  padding:12px 14px;cursor:pointer;user-select:none;
}
.nc-ux-summary-icon{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(115,229,255,.18),rgba(218,255,157,.13));
  border:1px solid rgba(220,255,236,.17);color:#e4ffae;font-size:.8rem;
}
.nc-ux-summary-copy{display:grid;gap:3px}
.nc-ux-summary-copy b{font-size:.75rem;letter-spacing:.12em;color:#fff}
.nc-ux-summary-copy small{font-size:.66rem;color:rgba(241,255,249,.66)}
.nc-ux-summary-chevron{color:#dfffa8;font-size:1.1rem;transition:transform .22s ease}
.nc-ux-drawer[open] .nc-ux-summary-chevron{transform:rotate(180deg)}
.nc-ux-drawer[open]>summary{border-bottom:1px solid rgba(255,255,255,.09)}
.nc-ux-drawer-body{padding:14px;display:grid;gap:12px}
.nc-ux-drawer-body>.play-form-grid{margin:0}
.nc-ux-drawer-body>.score-grid{margin:0}
.nc-ux-drawer-body>.ppt-card{margin:0}

.play-stage-main:has(> .nc-ux-drawer){
  align-items:start;
}
.play-stage-main>.board-focus-wrap{min-width:0}
.play-stage-main>.nc-ux-drawer{min-width:0}

.nc-ux-board-focus .board-stage-center{
  min-height:clamp(420px,58vh,720px);
}
.nc-ux-board-focus .board-stage-center .board{
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.42));
}
.nc-ux-board-focus .board-slide-banner{
  background:linear-gradient(120deg,rgba(3,17,26,.82),rgba(9,40,45,.66));
}
.nc-ux-feature-panel{margin-top:8px}

#ncLiveMarkets.nc-ux-drawer,#ncCoinStakePanel.nc-ux-drawer{
  width:100%;margin-top:14px;padding:0!important;
}
#ncLiveMarkets.nc-ux-drawer>.nc-ux-drawer-body,#ncCoinStakePanel.nc-ux-drawer>.nc-ux-drawer-body{padding:14px}
#ncLiveMarkets.nc-ux-drawer>summary,#ncCoinStakePanel.nc-ux-drawer>summary{
  background:linear-gradient(110deg,rgba(5,25,37,.74),rgba(15,42,31,.55));
}

body.nc-ecosystem-reality .nc-ux-drawer{
  background:linear-gradient(145deg,rgba(3,16,12,.91),rgba(2,9,8,.84))!important;
  border-color:rgba(236,255,245,.20)!important;
}
body.nc-ecosystem-reality .nc-game-deck{
  background:linear-gradient(110deg,rgba(2,15,11,.92),rgba(6,31,24,.78),rgba(20,18,34,.80));
  border-color:rgba(236,255,245,.18);
}

@media(max-width:1180px){
  .nc-game-deck{flex-direction:column;align-items:stretch}
  .nc-game-deck-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .nc-game-deck{padding:11px;border-radius:18px}
  .nc-game-deck-actions{display:grid;grid-template-columns:repeat(3,1fr)}
  .nc-game-deck-actions button{padding:9px 6px;font-size:.57rem}
  .nc-ux-summary{min-height:60px}
  .nc-ux-board-focus .board-stage-center{min-height:420px}
}
@media(prefers-reduced-motion:reduce){
  .nc-game-deck-actions button,.nc-ux-summary-chevron{transition:none}
}