/* パズルメイン画面 */
        #p { position: relative; background: transparent; }

        /* 🚀 上部サイバーヘッダー */
        #h { 
          background: linear-gradient(180deg, rgba(4, 15, 36, 0.95) 0%, rgba(2, 8, 20, 0.8) 100%);
          color: var(--cyber-text); 
          padding: 14px 20px; 
          display: grid;
          grid-template-columns: 1fr auto 1fr;
          align-items: center; 
          gap: 14px;
          border-bottom: 1px solid rgba(56, 189, 248, 0.35);
          box-shadow: 0 8px 32px rgba(0,0,0,0.5); 
          /* ヘッダーも常時表示。blur をやめて不透明度で代替する */
          background: rgba(4, 16, 38, 0.92);
          z-index: 10;
        }
        #h button { 
          background: rgba(255, 255, 255, 0.04); 
          border: 1px solid var(--glass-border); 
          color: var(--cyber-text); 
          padding: 10px 18px; 
          border-radius: 12px; 
          cursor: pointer; 
          font-weight: 800; 
          box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
          transition: all 0.15s ease;
        }
        #h button:hover {
          background: rgba(56, 189, 248, 0.15);
          border-color: var(--cyber-blue);
          box-shadow: var(--cyber-glow);
        }
        #h button:active { transform: translateY(1px); }

        /* 🚀 クールな問題文カード */